diff options
author | Alib <aliboba@free.fr> | 2010-03-15 17:56:22 +0100 |
---|---|---|
committer | Alib <aliboba@free.fr> | 2010-03-15 17:56:22 +0100 |
commit | 438912c0c4a4075a5cd74cf9689451c9df4bbe34 (patch) | |
tree | 334e03bbba01b002a34d3cbf81ee7e600ec7bff6 /css | |
parent | a8012963c23e7e5eaf487ee9e192ae5c4d4ccff2 (diff) | |
download | istreamdev-438912c0c4a4075a5cd74cf9689451c9df4bbe34.tar.gz istreamdev-438912c0c4a4075a5cd74cf9689451c9df4bbe34.tar.bz2 |
New Jquery branch. Initial development version for istreamdev 1.0
Diffstat (limited to 'css')
-rwxr-xr-x | css/developer-style.css | 1159 | ||||
-rw-r--r-- | css/istreamdev.css | 316 | ||||
-rw-r--r--[-rwxr-xr-x] | css/spinningwheel.css | 14 | ||||
-rwxr-xr-x | css/style.css | 1172 |
4 files changed, 325 insertions, 2336 deletions
diff --git a/css/developer-style.css b/css/developer-style.css deleted file mode 100755 index 517fefe..0000000 --- a/css/developer-style.css +++ /dev/null @@ -1,1159 +0,0 @@ -body { - position: relative; - margin: 0; - -webkit-text-size-adjust: none; - min-height: 416px; - font-family: helvetica,sans-serif; - background: url("../images/background.png") repeat; - -webkit-touch-callout: none; -} -.center { - margin: auto; - display: block; - text-align:center!important -} -img { - border: 0; -} -a:hover span.arrow { - background-position: 0 -13px!important; -} -@media screen and (max-width: 320px) -{ -#topbar { - height: 44px; -} -#title { - line-height: 44px; - height: 44px; - font-size: 16pt; -} -#tributton a:first-child, #duobutton a:first-child { - width: 101px; -} -#tributton a:last-child, #duobutton a:last-child { - width: 101px; -} -#tributton a { - width: 106px; -} -#duobutton .links { - width: 195px; -} -#tributton .links { - width: 302px; -} -#doublead { - width: 300px!important; -} -#duoselectionbuttons { - width: 191px; - height: 30px; - top: 7px; -} -#triselectionbuttons { - width: 290px; - height: 30px; - top: 7px; -} -#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child { - width: 99px; - height: 28px; - line-height: 28px; -} -#triselectionbuttons a { - width: 98px; - height: 28px; - line-height: 28px; -} -#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child { - width: 99px; - height: 28px; - line-height: 28px; -} -.searchbox form { - width: 272px; -} -.searchbox input[type="text"] { - width: 275px; -} -li.menu span.name { - max-width: 77%; -} -li.checkbox .name { - max-width: 190px; -} -li.radiobutton .name { - max-width: 190px; -} -#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a { - line-height: 30px; - height: 30px; -} -#leftnav img, #rightnav img { - margin-top: 4px; -} -#leftnav, #leftbutton, #blueleftbutton { - top: 7px; -} -#rightnav, #rightbutton, #bluerightbutton { - top: 7px; -} -body.musiclist ul li span.name { - max-width:55% -} -.textbox textarea { - width: 280px; -} -} -@media screen and (min-width: 321px) -{ -#topbar { - height: 32px; -} -#title { - line-height: 32px; - height: 32px; - font-size: 13pt; -} -li.menu span.name { - max-width: 85%; -} -li.checkbox .name { - max-width: 75%; -} -li.radiobutton .name { - max-width: 75%; -} -#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a { - line-height: 24px; - height: 24px; -} -#leftnav img, #rightnav img { - margin-top: 4px; - height: 70%; -} -#leftnav, #leftbutton, #blueleftbutton { - top: 4px; -} -#rightnav, #rightbutton, #bluerightbutton { - top: 4px; -} -body.musiclist ul li span.name { - max-width:70% -} -.textbox textarea { - width: 440px; -} -#tributton a:first-child, #duobutton a:first-child { - width: 152px; -} -#tributton a:last-child, #duobutton a:last-child { - width: 152px; -} -#tributton a { - width: 154px; -} -#tributton .links { - width: 452px; -} -#duobutton .links { - width: 298px; -} -#doublead { - width: 350px!important; -} -#duoselectionbuttons { - width: 293px; - height: 24px; - top: 4px; -} -#triselectionbuttons { - width: 450px; - height: 24px; - top: 4px; -} -#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child { - width: 150px; - height: 22px; - line-height: 22px; -} -#triselectionbuttons a { - width: 156px; - height: 22px; - line-height: 22px; -} -#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child { - width: 150px; - height: 22px; - line-height: 22px; -} -.searchbox form { - width: 432px; -} -.searchbox input[type="text"] { - width: 435px; -} -} -#topbar.black { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626)); -} -#topbar.transparent { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7))); -} -#topbar { - position: relative; - left: 0; - top: 0; - width: auto; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642)); - margin-bottom: 13px; -} -#title { - position: absolute; - font-weight: bold; - top: 0; - left: 0; - right: 0; - padding: 0 10px; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - color: #FFF; - text-shadow: rgba(0,0,0,0.6) 0 -1px 0; -} -} -#content { - width: 100%; - position: relative; - min-height: 250px; - margin-top: 10px; - height: auto; - z-index: 0; - overflow: hidden; -} -#footer { - text-align: center; - position: relative; - margin: 20px 10px 0; - height: auto; - width: auto; - bottom: 10px; -} -body.ipodlist #footer, body.ipodlist #footer a { - text-shadow: #FFF 0 -1px 0; -} -#footer a, #footer { - text-decoration: none; - font-size: 9pt; - color: #4C4C4C; - text-shadow: #FFF 0 1px 0; -} -.pageitem { - -webkit-border-radius: 8px; - background-color: #fff; - border: #878787 solid 1px; - font-size: 12pt; - overflow: hidden; - padding: 0; - position: relative; - display: block; - height: auto; - width: auto; - margin: 3px 9px 17px; - list-style: none; -} -.textbox { - padding: 5px 9px; - position: relative; - overflow: hidden; - border-top: 1px solid #878787; -} -#tributton, #duobutton { - height: 44px; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f)); - margin: -13px 0 13px 0; - text-align: center; -} -#tributton .links, #duobutton .links { - height: 30px; - -webkit-border-image: url("../images/tributton.png") 0 4 0 4; - border-width: 0 4px 0 4px; - margin: 0 auto 0px auto; - position: relative; - top: 7px; -} -#tributton a:first-child, #duobutton a:first-child { - border-right: 1px solid #6d7e91; - -webkit-border-top-left-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - margin-left: -4px; -} -#tributton a, #duobutton a { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - height: 27px; - display: inline-block; - line-height: 27px; - margin-top: 1px; - font: bold 13px; - text-decoration: none; - color: #3f5c84; - text-shadow: #FFF 0 1px 0; -} -#duobutton a:last-child { - border: 0; -} -#tributton a:last-child { - border-left: 1px solid #6d7e91; -} -#tributton a:last-child, #duobutton a:last-child { - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - margin-right: -4px; -} -#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792)); - color: white; - text-shadow: black 0 -1px 0; -} -#triselectionbuttons, #duoselectionbuttons { - -webkit-border-image: url('../images/navbutton.png') 0 5 0 5; - border-width: 0 5px 0 5px; - position: relative; - margin: auto; -} -#duoselectionbuttons a:first-child { - border: 0; -} -#triselectionbuttons a:first-child { - border-right: solid 1px #556984; -} -#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child { - margin-left: -4px; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; -} -#triselectionbuttons a, #duoselectionbuttons a { - display: inline-block; - text-align: center; - color: white; - text-decoration: none; - margin-top: 1px; - text-shadow: black 0 -1px 0; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379)); -} -#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child { - border-left: solid 1px #556984; - margin-right: -4px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; -} -#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed { - background: none; -} -#doublead { - height: 83px!important; - position: relative; - margin: 0 auto 13px auto; -} -#doublead a:first-child { - left: 0!important; -} -#doublead a:last-child { - right: 0!important; -} -#doublead a { - width: 147px!important; - height: 83px!important; - position: absolute; - -webkit-border-radius: 8px; - display: block; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2)); -} -li#doublead { - margin-top: 25px; - margin-bottom: 10px!important; - background: none; -} -li#doublead:hover { - background: none; -} -.searchbox { - height: 44px; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5)); - margin: -13px 0 13px 0; - width: 100%; -} -.searchbox form { - height: 24px; - -webkit-border-image: url('../images/searchfield.png') 4 14 1 24; - border-width: 4px 14px 1px 24px; - display: block; - position: relative; - top: 8px; - margin: auto; -} -fieldset { - border: 0; - margin: 0; - padding: 0; -} -.searchbox input[type="text"] { - border: 0; - -webkit-appearance: none; - height: 18px; - float: left; - font-size: 13px; - padding: 0; - position: relative; - top: 2px; - left: 2px; -} -.textbox img { - max-width: 100%; -} -.textbox p { - margin-top: 2px; -} -.textbox p { - margin-top: 2px; - color: #000; - margin-bottom: 2px; - text-align: justify; -} -.textbox img { - max-width: 100%; -} -.textbox ul { - margin: 3px 0 3px 0; - list-style: circle!important; -} -.textbox li { - margin: 0!important; -} -.pageitem li:first-child, .pageitem li.form:first-child { - border-top: 0; -} -li.menu, li.checkbox, li.radiobutton, li.select, li.button, li.bigfield, li.smallfield { - position: relative; - list-style-type: none; - display: block; - height: 43px; - overflow: hidden; - border-top: 1px solid #878787; - width: auto; -} -ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.radiobutton:first-child input, li.select:first-child select, li.button:first-child input, .bigfield:first-child input { - -webkit-border-top-left-radius: 8px; - -webkit-border-top-right-radius: 8px; -} -ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.radiobutton:last-child input, li.select:last-child select, li.button:last-child input, .bigfiel:last-child input { - -webkit-border-bottom-left-radius: 8px; - -webkit-border-bottom-right-radius: 8px; -} -li.menu:hover, li.store:hover, body.list div#content li a:hover, body.list li.withimage:hover, body.applist li:hover:nth-child(n),body.ipodlist li:hover:nth-child(n) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6)); -} -body.ipodlist li:hover:nth-child(n) .name,body.ipodlist li:hover:nth-child(n) .time{border:0} -li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment { - color: #fff; -} -li.menu a:hover span.comment { - color: #CCF; -} -li.menu a { - display: block; - height: 43px; - width: auto; - text-decoration: none; -} -li.menu a img { - width: auto; - height: 32px; - margin: 5px 0 0 5px; - float: left; -} -li.menu span.name, li.checkbox .name, li.radiobutton .name { - margin: 11px 0 0 7px; - width: auto; - color: #000; - font-weight: bold; - font-size: 17px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - float: left; -} -li.menu span.comment { - margin: 11px 30px 0 0; - width: auto; - font-size: 17px; - text-overflow: ellipsis; - overflow: hidden; - max-width: 75%; - white-space: nowrap; - float: right; - color: #324f85; -} -li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow { - position: absolute; - width: 8px!important; - height: 13px!important; - right: 10px; - top: 15px; - margin: 0!important; - background: url("../images/arrow.png") 0 0 no-repeat; -} -body.applist span.arrow { - position: absolute; - width: 8px!important; - height: 13px!important; - right: 10px; - top: 29px; - margin: 0!important; - background: url("../images/arrow.png") 0 0 no-repeat; -} -li.store { - height: 90px; - border-top: #878787 solid 1px; - overflow: hidden; - position: relative; -} -li.store a { - width: 100%; - height: 90px; - display: block; - text-decoration: none; - position: absolute; -} -li.store .image { - position: absolute; - left: 0; - top: 0; - height: 80px; - width: 80px; - display: block; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6)); - -webkit-background-size: 90px; -} -body.applist .image { - width: 57px; - height: 57px; - display: block; - position: absolute; - top: 7px; - left: 11px; - -webkit-border-radius: 8px; - -webkit-box-shadow: 0 2px 3px rgb(0,0,0); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2)); - -webkit-background-size: 57px; -} -li:first-child.store .image, li.store:first-child a { - -webkit-border-top-left-radius: 8px 8px; -} -li:last-child.store .image, li.store:last-child a { - -webkit-border-bottom-left-radius: 8px 8px; -} -li.store .name, body.applist .name { - font-size: 15px; - white-space: nowrap; - display: block; - overflow: hidden; - color: #000; - max-width: 60%; - text-overflow: ellipsis; - font-weight: bold; -} -li.store .name { - position: absolute; - left: 95px; - top: 35px; -} -body.applist .name { - position: absolute; - top: 27px; - left: 80px; - text-shadow: #eeeeee 0 1px 0; -} -li.store .comment, body.list li.withimage .comment, body.applist .comment, body.applist .price { - font-size: 12px; - color: #7f7f7f; - display: block; - width: 60%; - font-weight: bold; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -li.store .comment, body.list li.withimage .comment { - margin: 16px 0 0 95px; -} -body.applist .comment { - position: absolute; - top: 9px; - left: 80px; - text-shadow: #eeeeee 0 1px 0; - color: #3b3b3b; -} -body.applist .price { - position: absolute; - top: 29px; - right: 26px; - text-shadow: #eeeeee 0 1px 0; - text-align: right; - color: #3b3b3b; -} -li.store .arrow, body.list li.withimage .arrow { - top: 39px!important; -} -li.store .stars0, li.store .stars1, li.store .stars2, li.store .stars3, li.store .stars4, li.store .stars5 { - position: absolute; - top: 56px; - left: 95px; - width: 65px; - height: 18px; - display: block!important; -} -li.store .stars0 { - background: url('../images/0starsborder.png'); -} -li.store .stars1 { - background: url('../images/1starsborder.png'); -} -li.store .stars2 { - background: url('../images/2starsborder.png'); -} -li.store .stars3 { - background: url('../images/3starsborder.png'); -} -li.store .stars4 { - background: url('../images/4starsborder.png'); -} -li.store .stars5, body.applist .stars5 { - background: url('../images/5stars.png'); -} -body.applist .stars0, body.applist .stars1, body.applist .stars2, body.applist .stars3, body.applist .stars4, body.applist .stars5 { - position: absolute; - top: 46px; - left: 79px; - width: 65px; - height: 18px; - display: block!important; -} -body.applist .stars0 { - background: url('../images/0stars.png'); -} -body.applist .stars1 { - background: url('../images/1stars.png'); -} -body.applist .stars2 { - background: url('../images/2stars.png'); -} -body.applist .stars3 { - background: url('../images/3stars.png'); -} -body.applist .stars4 { - background: url('../images/4stars.png'); -} -body.applist .starcomment { - left: 147px; - top: 46px; - color: #3b3b3b; -} -.starcomment { - position: absolute; - left: 165px; - top: 56px; - font-size: 12px; - color: #7f7f7f; - font-weight: lighter; -} -body.applist a:hover .name, body.applist a:hover .starcomment, body.applist a:hover .comment, body.applist a:hover .price { - color: white; - text-shadow: none; -} -.graytitle { - position: relative; - font-weight: bold; - font-size: 17px; - right: 20px; - left: 9px; - color: #4C4C4C; - text-shadow: #FFF 0 1px 0; - padding: 1px 0 3px 8px; -} -.header { - display: block; - font-weight: bold; - color: rgb(73,102,145); - font-size: 12pt; - margin-bottom: 6px; - line-height: 14pt; -} -body.musiclist div#content, body.ipodlist div#content, body.applist div#content { - width: auto; - margin: -16px auto auto -40px; -} -body.musiclist li:nth-child(odd) { - background: #dddee0 -} -body.applist li:nth-child(even) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d)) -} -body.applist li:nth-child(odd) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d)) - -} -body.ipodlist li:nth-child(even) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2))) -} -body.ipodlist li:nth-child(odd) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4))) -} -body.musiclist div#content ul li, body.ipodlist div#content ul li, body.applist div#content ul li { - list-style: none; - width: auto; - position: relative; -} -body.musiclist div#content ul li { - height: 44px; - border-bottom: 1px solid #e6e6e6; -} -body.applist div#content ul li { - height: 70px; - margin-bottom: 1px; -} -body.ipodlist div#content ul li { - height: 42px; -} -body.ipodlist div#content { - background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13))) rgb(13, 13, 13); -} -body.musiclist div#content ul li a, body.ipodlist div#content ul li a { - text-decoration: none; - color: #000; - width: 100%!important; - height: 100%; - display: block; -} -body.applist div#content ul li a { - text-decoration: none; - color: #000; - width: 100%; - height: 100%; - display: block; -} -body.musiclist ul li .number, body.musiclist .name, body.musiclist .time { - display: inline-block; - height: 44px; - font-weight: bold; - font-size: large; - width: 44px; - text-align: center; - line-height: 46px; -} -body.musiclist ul li .name { - margin-left: 0; - width: auto!important; - font-size: medium; - padding-left: 5px; - border-left: solid 1px #e6e6e6; -} -body.musiclist ul li .time { - color: #848484; - font-size: medium; - margin-left: 4px; - width: auto!important; - font-weight: normal; -} -body.musiclist { - background-image: none!important; - background-color: #cbcccf; -} -body.ipodlist { - background-image: none!important; - background-color: black; -} -body.applist { - background-image: none!important; - background-color: #98989c; -} -body.ipodlist span { - color: white; - font-weight: bold; - font-size: 14px; -} -body.musiclist ul li span.name { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; -} -body.musiclist a:hover span.name { - color: #0380f2; -} -body.ipodlist .number { - width: 23px; - display: block; - float: left; - height: 42px; - margin-right: 3px; - text-align: right; - line-height: 43px; -} -body.ipodlist .stop, body.ipodlist .auto, body.ipodlist .play { - width: 18px; - display: block; - float: left; - height: 10px; - text-align: right; - line-height: 43px; - margin-top: 16px; -} -body.ipodlist .play { - background: url('../images/play.gif') no-repeat; -} -body.ipodlist a:hover .auto, body.ipodlist a:hover .play { - background: url('../images/play.gif') no-repeat; - background-position: 0 -10px; -} -body.ipodlist .time { - width: 48px; - float: right; - border-left: solid #414041 1px; - display: block; - height: 42px; - text-align: center; - line-height: 43px; -} -body.ipodlist .name { - display: block; - float: left; - width: inherit; - height: 42px; - text-overflow: ellipsis; - line-height: 42px; - padding-left: 5px; - overflow: hidden; - white-space: nowrap; - max-width: 62%; - border-left: solid #414041 1px; -} -body.list ul li.title { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4)); - height: 22px!important; - width: 100%; - color: #fff; - font-weight: bold; - font-size: 16px; - text-shadow: gray 0 1px 0; - line-height: 22px; - padding-left: 20px; - border-bottom: none!important; -} -body.list ul { - background-color: #fff; - width: 100%; - overflow: hidden; - padding: 0; - margin: 0; -} -body.list div#content li { - height: 40px; - border-bottom: 1px solid #e1e1e1; - list-style: none; -} -body.list { - background-color: #fff; - background-image: none!important; -} -body.list div#footer { - margin-top: 24px!important; -} -body.list div#content li a { - padding: 9px 0 0 20px; - font-size: large; - font-weight: bold; - position: relative; - display: block; - color: #000; - text-decoration: none; - height: 32px; -} -body.list div#content li a span.name { - text-overflow: ellipsis; - overflow: hidden; - max-width: 93%; - white-space: nowrap; - display: block; -} -body.list div#content li a:hover { - color: #fff; -} -body.list div#content { - margin-top: -13px!important; -} -body.list ul img { - width: 90px; - height: 90px; - position: absolute; - left: 0; - top: 0; -} -body.list li.withimage { - height: 90px!important; -} -body.list li.withimage span.name { - margin: 13px 0 0 90px; - text-overflow: ellipsis; - overflow: hidden; - max-width: 63%!important; - white-space: nowrap; -} -body.list li.withimage .comment { - margin: 10px auto auto 90px !important; - max-width: 63%!important; -} -body.list li.withimage a, body.list li.withimage:hover a { - height: 81px!important; -} -#leftnav, #leftbutton, #blueleftbutton { - position: absolute; - font-size: 12px; - left: 9px; - font-weight: bold; -} -#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton { - z-index: 5000; -} -#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a { - display: block; - color: #fff; - text-shadow: rgba(0,0,0,0.6) 0 -1px 0; - text-decoration: none; -} -.black #leftnav a:first-child, .transparent #leftnav a:first-child { - -webkit-border-image: url("../images/navleftblack.png") 0 5 0 13; -} -.black #leftnav a, .transparent #leftnav a { - -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13; -} -.black #rightnav a:first-child, .transparent #rightnav a:first-child { - -webkit-border-image: url("../images/navrightblack.png") 0 13 0 5; -} -.black #rightnav a, .transparent #rightnav a { - -webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5; -} -.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a { - -webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5; -} -#leftnav a:first-child { - z-index: 2; - -webkit-border-image: url("../images/navleft.png") 0 5 0 13; - border-width: 0 5px 0 13px; - -webkit-border-top-left-radius: 16px; - -webkit-border-bottom-left-radius: 16px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - width: auto; -} -#leftnav a { - -webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13; - z-index: 3; - margin-left: -4px; - border-width: 0 5px 0 13px; - padding-right: 4px; - -webkit-border-top-left-radius: 16px; - -webkit-border-bottom-left-radius: 16px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - float: left; -} -#rightnav, #rightbutton, #bluerightbutton { - position: absolute; - font-size: 12px; - right: 9px; - font-weight: bold; -} -#rightnav a { - -webkit-border-image: url("../images/navlinkright.png") 0 13 0 5; - z-index: 3; - margin-right: -4px; - border-width: 0 13px 0 5px; - padding-left: 4px; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - float: right; - -webkit-border-top-right-radius: 16px; - -webkit-border-bottom-right-radius: 16px; -} -#rightnav a:first-child { - z-index: 2; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - -webkit-border-image: url("../images/navright.png") 0 13 0 5; - border-width: 0 13px 0 5px; - -webkit-border-top-right-radius: 16px; - -webkit-border-bottom-right-radius: 16px; -} -#leftbutton a, #rightbutton a { - -webkit-border-image: url("../images/navbutton.png") 0 5 0 5; - border-width: 0 5px; - -webkit-border-radius: 6px; -} -#blueleftbutton a, #bluerightbutton a { - -webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5; - border-width: 0 5px; - -webkit-border-radius: 6px; -} -.rssxpresschannel { - font-family: helvetica,sans-serif; - border: 0; -} -} -.rssxpresschtitle { - text-align: center; -} -.rssxpresschdesc { - color: #000; - text-align: center; - border-bottom: 1px solid #000; - padding-bottom: 5px; -} -.rssxpressittitle { - display: block; - font-size: 12pt; - background: #fff; - margin: 5px 0 2px; -} -.rssxpressittitle a { - text-decoration: none!important; - font-weight: bold; - color: rgb(73,102,145); - line-height: 10pt; -} -.rssxpressitdesc { - background: #fff; - font-size: 10pt; -} -.rssxpressdivider { - display: none; -} -input[type="checkbox"] { - width: 94px; - height: 27px; - background: url('../images/checkbox.png'); - -webkit-appearance: none; - border: 0; - float: right; - margin: 8px 4px 0 0; -} -input[type="checkbox"]:checked { - background-position: 0 27px; -} -input[type="radio"] { - -webkit-appearance: none; - border: 0; - width: 100%; - height: 100%; - z-index: 2; - position: absolute; - left: 0; - margin: 0; - -webkit-border-radius: 0; -} -input[type="radio"]:checked { - background: url('../images/radiobutton.png') no-repeat; - background-position: right center; -} -.radiobutton .name { - z-index: 1; -} -select { - -webkit-appearance: none; - height: 100%; - width: 100%; - border: 0; -} -li.select select { - -webkit-border-radius: 0; - color: #000; - font-weight: bold; - font-size: 17px; -} -li.select option { - max-width: 90%; -} -li.select .arrow { - background: url('../images/arrow.png'); - width: 8px; - height: 13px; - display: block; - -webkit-transform: rotate(90deg); - position: absolute; - right: 10px; - top: 18px; -} -.button input { - width: 100%; - height: 100%; - -webkit-appearance: none; - border: 0; - -webkit-border-radius: 0; - font-weight: bold; - font-size: 17px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.textbox textarea { - text-align: center; - padding: 0; - margin-top: 5px; -} -.bigfield input { - -webkit-appearance: none; - border: 0; - width: 100%; - height: 100%; - padding: 0; - -webkit-border-radius: 0; - background: transparent; - font-weight: bold; - font-size: 17px; - padding-left: 5px; -} -.smallfield .name { - width: 48%; - position: absolute; - left: 0; - font-size: 17px; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: bold; - line-height: 44px; - font-size: 17px; - padding-left: 5px; - overflow: hidden; -} -.smallfield input { - width: 50%; - position: absolute; - right: 0; - height: 44px; - -webkit-appearance: none; - border: none; - padding: 0; - background: transparent; - -webkit-border-radius: 0; - font-weight: bold; - font-size: 17px; -} -.smallfield:first-child input { - -webkit-border-top-right-radius: 8px; -} -.smallfield:last-child input { - -webkit-border-bottom-right-radius: 8px; -} diff --git a/css/istreamdev.css b/css/istreamdev.css new file mode 100644 index 0000000..ac58b7a --- /dev/null +++ b/css/istreamdev.css @@ -0,0 +1,316 @@ + +div.loader { + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + + background-image: url(../img/loading.gif); + background-repeat: no-repeat; + background-position: 50% 50%; + text-align: center; + vertical-align: middle; + height: 100%; + width: 100%; + position: absolute; + z-index: 10; + left: 0px; + top: 0px; + opacity: .85; + display: block; + +} + +ul li img.menuicon { +vertical-align: middle; +} + +h1 img.menuicon { +position:relative; +top: 3px; +width: 22px; +height: 20px; +} + +.menuname { +vertical-align: middle; +margin: 0 0 0 10px; +} + +li.forward > a > span, span.substring { +vertical-align: middle; +} +li.channellist { +height: 55px; +background-image: url(../img/chevron.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142)); +background-position: right center; +background-repeat: no-repeat; +} + +li.channellist img { +width: 55px; +height: 55px; +vertical-align: middle; +position: relative; +-webkit-mask-box-image: url(../img/mask.png) 80 stretch; +top: 0px; +} + +li.channellist span.name { +margin: 10px 0 0 0px; +left: 90px; +text-overflow: ellipsis; +overflow: hidden; +max-width: 80%!important; +white-space: nowrap; +font-size: 17px; +line-height: normal; +position: absolute; +font-weight: bold; + +} +li.channellist span.comment { +margin: 28px 0 0 0px; +left: 90px; +max-width: 80%!important; +font-size: 14px; +line-height: normal; +position: absolute; +top: 15 px; +font-style: italic; +font-weight: normal; +} + +li.channellist small.counter { + margin-right: 15px; + position: relative; + top: 36px; + font-size: 17px; + line-height: 13px; + font-weight: bold; + background: rgba(0,0,0,.15); + color: #fff; + -webkit-border-radius: 11px; + display: block; + width: auto; + -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0; +} +ul.thumb { +-webkit-border-radius: 8px; +-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; +} + +.thumbnail { +vertical-align: middle; +margin: 5px 0 5px 0; +} + +span.streamButton a{ +margin: 5px 5px 5px 5px; +border-width: 0 12px; +padding: 8px; +text-align: center; +font-size: 14px; +font-weight: bold; +text-decoration: inherit; +color: inherit; +-webkit-border-image: url(../img/stream.png) 0 12 0 12; +color: #FFFFFF; +} +span.streamButton a:active{ +color: #aaa; +-webkit-border-image: url(../img/stream_clicked.png) 0 12 0 12; +} +span.recButton a{ +margin: 5px 5px 5px 5px; +border-width: 0 12px; +padding: 8px; +text-align: center; +font-size: 14px; +font-weight: bold; +text-decoration: inherit; +color: inherit; +-webkit-border-image: url(../img/rec.png) 0 12 0 12; +color: #FFFFFF; +} +span.recButton a:active{ +color: #aaa; +-webkit-border-image: url(../img/rec_clicked.png) 0 12 0 12; +} + +ul.streaminfo { +-webkit-border-radius: 8px; +-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; +} +ul.streaminfo li:first-child, ul.streaminfo li:first-child a { + border-top: 0; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; +} +ul.streaminfo li:last-child, ul.streaminfo li:last-child a { + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; +} + +ul.streaminfo span.name_now, span.name_next { +padding-top: 0px; +padding-right: 10px; +padding-left: 10px; +font-size: 17px; +font-weight: bold; +display: block; +color: white; +text-shadow: rgba(0,0,0,.8) 0 1px 0; +} +ul.streaminfo span.epgtime_now, span.epgtime_next { +padding-top: 0px; +padding-right: 10px; +padding-left: 10px; +font-size: 14px; +font-weight: bold; +display: block; +color: #ccc; +text-shadow: rgba(0,0,0,.8) 0 1px 0; +} +ul.streaminfo span.desc_now { +position: relative; +padding-top: 5px; +padding-right: 10px; +padding-bottom: 10px; +padding-left: 10px; +display: block; +color: white; +font-size: 14px; +font-style: italic; +font-weight: normal; +line-height: normal; + +} + +ul.streamstatus { +-webkit-border-radius: 8px; +-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; +} +ul.streamstatus span.title { +padding-top: 10px; +padding-right: 10px; +padding-left: 10px; +font-size: 17px; +font-weight: bold; +display: block; +color: white; +text-shadow: rgba(0,0,0,.8) 0 1px 0; +} + +ul.streamstatus span.mode { +position: relative; +padding-top: 10px; +padding-right: 10px; +padding-bottom: 10px; +padding-left: 10px; +display: block; +color: white; +font-size: 14px; +font-style: italic; +font-weight: normal; +line-height: normal; +} +#jqt ul li select option{ +color: #000000; +} +#jqt ul li select optgroup{ +color: #999; +} +span.timertitle { +padding-right: 10px; +padding-left: 10px; +font-size: 14px; +font-weight: bold; +color: #999; +text-shadow: rgba(0,0,0,.8) 0 1px 0; +} +span.menutitle { +padding-right: 10px; +padding-left: 10px; +font-size: 17px; +font-weight: bold; +color: #999; +text-shadow: rgba(0,0,0,.8) 0 1px 0; +} +.formerrormsg { +padding-right: 10px; +padding-left: 10px; +font-size: 12px; +color: #FF8300; + +} +#timers .info { +display: none; +} + +a.cat_but { + +} + +video { +padding-top:5px; +} +li.track small.counter { +margin-right: 15px; +position: relative; +top: -2px; +font-size: 17px; +line-height: 13px; +font-weight: bold; +background: rgba(0,0,0,.15); +color: #fff; +-webkit-border-radius: 11px; +display: block; +width: auto; +-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0; +} +li.track { +height: 20px; +padding: 0; +} + +li.track .numberbox { +position: relative; +width: 23px; +height: 42px; +top: -10px; +display: block; +float: left; +margin-right: 3px; +border-right: 1px solid #333333; +-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0; +} +li.track .number { +position: absolute; +color: #9c9ea0; +top: 10px; +left: 2px; +} +li.track a span.tracktitle { +position: relative; +left: 32px; +padding-left: 4px; +top: -3px; +} +li.track div.timebox { +position: relative; +width: 30px; +height: 42px; +top: -38px; +display: block; +float: right; +margin-left: 3px; +border-left: 1px solid #333333; +-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0; +} +li.track .time { +position: absolute; +color: #9c9ea0; +top: 13px; +left: 5px; +font-size: 14px; +} + diff --git a/css/spinningwheel.css b/css/spinningwheel.css index dd5df67..169853a 100755..100644 --- a/css/spinningwheel.css +++ b/css/spinningwheel.css @@ -2,6 +2,8 @@ position:absolute; z-index:1000; left:0; width:100%; + display:inline !important; + min-height: 0px !important; font-family:helvetica, sans-serif; background:rgba(0,0,0,0.7); text-align:left; @@ -11,7 +13,7 @@ position:relative; width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #000; - background:url(../images/sw-header.png) 0 0 repeat-x; + background:url(../img/sw-header.png) 0 0 repeat-x; opacity: 0.9; } @@ -29,13 +31,13 @@ #sw-cancel { left:7px; float:left; - -webkit-border-image:url(../images/sw-button-cancel.png) 5; + -webkit-border-image:url(../img/sw-button-cancel.png) 5; } #sw-done { right:7px; float:right; - -webkit-border-image:url(../images/sw-button-done.png) 5; + -webkit-border-image:url(../img/sw-button-done.png) 5; } .sw-pressed { opacity:0.4; } @@ -60,7 +62,7 @@ padding-top:86px; border-left:2px solid #0d0e0f; background-color:#fcfcfc; - background-image: url(sw-slot-border.png); + background-image: url(../img/sw-slot-border.png); background-position: 0 0, 100% 0; background-repeat: repeat-y; } @@ -77,6 +79,8 @@ #sw-slots .sw-readonly { background:#ddd; } #sw-slots li { + border-top: 0px solid black !important; + color:#000000 !important; padding:0 8px; height:44px; overflow:hidden; @@ -88,5 +92,5 @@ left:0; right:0; bottom:0; height:183px; border-width:16px; - -webkit-border-image:url(../images/sw-alpha.png) 16; + -webkit-border-image:url(../img/sw-alpha.png) 16; }
\ No newline at end of file diff --git a/css/style.css b/css/style.css deleted file mode 100755 index 3d5e9fd..0000000 --- a/css/style.css +++ /dev/null @@ -1,1172 +0,0 @@ -body { - position: relative; - margin: 0; - -webkit-text-size-adjust: none; - min-height: 416px; - font-family: helvetica,sans-serif; - background: url("../images/background.png") repeat; - -webkit-touch-callout: none; -} -.center { - margin: auto; - display: block; - text-align:center!important -} -img { - border: 0; -} -a:hover span.arrow { - background-position: 0 -13px!important; -} -@media screen and (max-width: 320px) -{ -#topbar { - height: 44px; -} -#title { - line-height: 44px; - height: 44px; - font-size: 16pt; -} -#tributton a:first-child, #duobutton a:first-child { - width: 101px; -} -#tributton a:last-child, #duobutton a:last-child { - width: 101px; -} -#tributton a { - width: 106px; -} -#duobutton .links { - width: 195px; -} -#tributton .links { - width: 302px; -} -#doublead { - width: 300px!important; -} -#duoselectionbuttons { - width: 191px; - height: 30px; - top: 7px; -} -#triselectionbuttons { - width: 290px; - height: 30px; - top: 7px; -} -#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child { - width: 99px; - height: 28px; - line-height: 28px; -} -#triselectionbuttons a { - width: 98px; - height: 28px; - line-height: 28px; -} -#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child { - width: 99px; - height: 28px; - line-height: 28px; -} -.searchbox form { - width: 272px; -} -.searchbox input[type="text"] { - width: 275px; -} -li.menu span.name { - max-width: 77%; -} -li.checkbox .name { - max-width: 190px; -} -li.radiobutton .name { - max-width: 190px; -} -#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a { - line-height: 30px; - height: 30px; -} -#leftnav img, #rightnav img { - margin-top: 4px; -} -#leftnav, #leftbutton, #blueleftbutton { - top: 7px; -} -#rightnav, #rightbutton, #bluerightbutton { - top: 7px; -} -body.musiclist ul li span.name { - max-width:55% -} -.textbox textarea { - width: 280px; -} -} -@media screen and (min-width: 321px) -{ -#topbar { - height: 32px; -} -#title { - line-height: 32px; - height: 32px; - font-size: 13pt; -} -li.menu span.name { - max-width: 85%; -} -li.checkbox .name { - max-width: 75%; -} -li.radiobutton .name { - max-width: 75%; -} -#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a { - line-height: 24px; - height: 24px; -} -#leftnav img, #rightnav img { - margin-top: 4px; - height: 70%; -} -#leftnav, #leftbutton, #blueleftbutton { - top: 4px; -} -#rightnav, #rightbutton, #bluerightbutton { - top: 4px; -} -body.musiclist ul li span.name { - max-width:70% -} -.textbox textarea { - width: 440px; -} -#tributton a:first-child, #duobutton a:first-child { - width: 152px; -} -#tributton a:last-child, #duobutton a:last-child { - width: 152px; -} -#tributton a { - width: 154px; -} -#tributton .links { - width: 452px; -} -#duobutton .links { - width: 298px; -} -#doublead { - width: 350px!important; -} -#duoselectionbuttons { - width: 293px; - height: 24px; - top: 4px; -} -#triselectionbuttons { - width: 450px; - height: 24px; - top: 4px; -} -#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child { - width: 150px; - height: 22px; - line-height: 22px; -} -#triselectionbuttons a { - width: 156px; - height: 22px; - line-height: 22px; -} -#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child { - width: 150px; - height: 22px; - line-height: 22px; -} -.searchbox form { - width: 432px; -} -.searchbox input[type="text"] { - width: 435px; -} -} -#topbar.black { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626)); -} -#topbar.transparent { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7))); -} -#topbar { - position: relative; - left: 0; - top: 0; - width: auto; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642)); - margin-bottom: 13px; -} -#title { - position: absolute; - font-weight: bold; - top: 0; - left: 0; - right: 0; - padding: 0 10px; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - color: #FFF; - text-shadow: rgba(0,0,0,0.6) 0 -1px 0; -} -} -#content { - width: 100%; - position: relative; - min-height: 250px; - margin-top: 10px; - height: auto; - z-index: 0; - overflow: hidden; -} -#footer { - text-align: center; - position: relative; - margin: 20px 10px 0; - height: auto; - width: auto; - bottom: 10px; -} -body.ipodlist #footer, body.ipodlist #footer a { - text-shadow: #FFF 0 -1px 0; -} -#footer a, #footer { - text-decoration: none; - font-size: 9pt; - color: #4C4C4C; - text-shadow: #FFF 0 1px 0; -} -.pageitem img { - border: 0; - margin-top: 5px; - margin-left: 5px; -} - -.pageitem video { - border: 0; - margin-top: 5px; - margin-left: 5px; -} - -.pageitem { - -webkit-border-radius: 8px; - background-color: #fff; - border: #878787 solid 1px; - font-size: 12pt; - overflow: hidden; - padding: 0; - position: relative; - display: block; - height: auto; - width: auto; - margin: 3px 9px 17px; - list-style: none; -} -.textbox { - padding: 5px 9px; - position: relative; - overflow: hidden; - border-top: 1px solid #878787; -} -#tributton, #duobutton { - height: 44px; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f)); - margin: -13px 0 13px 0; - text-align: center; -} -#tributton .links, #duobutton .links { - height: 30px; - -webkit-border-image: url("../images/tributton.png") 0 4 0 4; - border-width: 0 4px 0 4px; - margin: 0 auto 0px auto; - position: relative; - top: 7px; -} -#tributton a:first-child, #duobutton a:first-child { - border-right: 1px solid #6d7e91; - -webkit-border-top-left-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - margin-left: -4px; -} -#tributton a, #duobutton a { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - height: 27px; - display: inline-block; - line-height: 27px; - margin-top: 1px; - font: bold 13px; - text-decoration: none; - color: #3f5c84; - text-shadow: #FFF 0 1px 0; -} -#duobutton a:last-child { - border: 0; -} -#tributton a:last-child { - border-left: 1px solid #6d7e91; -} -#tributton a:last-child, #duobutton a:last-child { - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - margin-right: -4px; -} -#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792)); - color: white; - text-shadow: black 0 -1px 0; -} -#triselectionbuttons, #duoselectionbuttons { - -webkit-border-image: url('../images/navbutton.png') 0 5 0 5; - border-width: 0 5px 0 5px; - position: relative; - margin: auto; -} -#duoselectionbuttons a:first-child { - border: 0; -} -#triselectionbuttons a:first-child { - border-right: solid 1px #556984; -} -#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child { - margin-left: -4px; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; -} -#triselectionbuttons a, #duoselectionbuttons a { - display: inline-block; - text-align: center; - color: white; - text-decoration: none; - margin-top: 1px; - text-shadow: black 0 -1px 0; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379)); -} -#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child { - border-left: solid 1px #556984; - margin-right: -4px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; -} -#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed { - background: none; -} -#doublead { - height: 83px!important; - position: relative; - margin: 0 auto 13px auto; -} -#doublead a:first-child { - left: 0!important; -} -#doublead a:last-child { - right: 0!important; -} -#doublead a { - width: 147px!important; - height: 83px!important; - position: absolute; - -webkit-border-radius: 8px; - display: block; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2)); -} -li#doublead { - margin-top: 25px; - margin-bottom: 10px!important; - background: none; -} -li#doublead:hover { - background: none; -} -.searchbox { - height: 44px; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5)); - margin: -13px 0 13px 0; - width: 100%; -} -.searchbox form { - height: 24px; - -webkit-border-image: url('../images/searchfield.png') 4 14 1 24; - border-width: 4px 14px 1px 24px; - display: block; - position: relative; - top: 8px; - margin: auto; -} -fieldset { - border: 0; - margin: 0; - padding: 0; -} -.searchbox input[type="text"] { - border: 0; - -webkit-appearance: none; - height: 18px; - float: left; - font-size: 13px; - padding: 0; - position: relative; - top: 2px; - left: 2px; -} -.textbox img { - max-width: 100%; -} -.textbox p { - margin-top: 2px; -} -.textbox p { - margin-top: 2px; - color: #000; - margin-bottom: 2px; - text-align: justify; -} -.textbox img { - max-width: 100%; -} -.textbox ul { - margin: 3px 0 3px 0; - list-style: circle!important; -} -.textbox li { - margin: 0!important; -} -.pageitem li:first-child, .pageitem li.form:first-child { - border-top: 0; -} -li.menu, li.checkbox, li.radiobutton, li.select, li.button, li.bigfield, li.smallfield { - position: relative; - list-style-type: none; - display: block; - height: 43px; - overflow: hidden; - border-top: 1px solid #878787; - width: auto; -} -ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.radiobutton:first-child input, li.select:first-child select, li.button:first-child input, .bigfield:first-child input { - -webkit-border-top-left-radius: 8px; - -webkit-border-top-right-radius: 8px; -} -ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.radiobutton:last-child input, li.select:last-child select, li.button:last-child input, .bigfiel:last-child input { - -webkit-border-bottom-left-radius: 8px; - -webkit-border-bottom-right-radius: 8px; -} -li.menu:hover, li.store:hover, body.list div#content li a:hover, body.list li.withimage:hover, body.applist li:hover:nth-child(n),body.ipodlist li:hover:nth-child(n) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6)); -} -body.ipodlist li:hover:nth-child(n) .name,body.ipodlist li:hover:nth-child(n) .time{border:0} -li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment { - color: #fff; -} -li.menu a:hover span.comment { - color: #CCF; -} -li.menu a { - display: block; - height: 43px; - width: auto; - text-decoration: none; -} -li.menu a img { - width: auto; - height: 32px; - margin: 5px 0 0 5px; - float: left; -} -li.menu span.name, li.checkbox .name, li.radiobutton .name { - margin: 11px 0 0 7px; - width: auto; - color: #000; - font-weight: bold; - font-size: 17px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - float: left; -} -li.menu span.comment { - margin: 11px 30px 0 0; - width: auto; - font-size: 17px; - text-overflow: ellipsis; - overflow: hidden; - max-width: 75%; - white-space: nowrap; - float: right; - color: #324f85; -} -li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow { - position: absolute; - width: 8px!important; - height: 13px!important; - right: 10px; - top: 15px; - margin: 0!important; - background: url("../images/arrow.png") 0 0 no-repeat; -} -body.applist span.arrow { - position: absolute; - width: 8px!important; - height: 13px!important; - right: 10px; - top: 29px; - margin: 0!important; - background: url("../images/arrow.png") 0 0 no-repeat; -} -li.store { - height: 90px; - border-top: #878787 solid 1px; - overflow: hidden; - position: relative; -} -li.store a { - width: 100%; - height: 90px; - display: block; - text-decoration: none; - position: absolute; -} -li.store .image { - position: absolute; - left: 0; - top: 0; - height: 90px; - width: 90px; - display: block; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6)); - -webkit-background-size: 90px; -} -body.applist .image { - width: 57px; - height: 57px; - display: block; - position: absolute; - top: 7px; - left: 11px; - -webkit-border-radius: 8px; - -webkit-box-shadow: 0 2px 3px rgb(0,0,0); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2)); - -webkit-background-size: 57px; -} -li:first-child.store .image, li.store:first-child a { - -webkit-border-top-left-radius: 8px 8px; -} -li:last-child.store .image, li.store:last-child a { - -webkit-border-bottom-left-radius: 8px 8px; -} -li.store .name, body.applist .name { - font-size: 15px; - white-space: nowrap; - display: block; - overflow: hidden; - color: #000; - max-width: 60%; - text-overflow: ellipsis; - font-weight: bold; -} -li.store .name { - position: absolute; - left: 95px; - top: 35px; -} -body.applist .name { - position: absolute; - top: 27px; - left: 80px; - text-shadow: #eeeeee 0 1px 0; -} -li.store .comment, body.list li.withimage .comment, body.applist .comment, body.applist .price { - font-size: 12px; - color: #7f7f7f; - display: block; - width: 60%; - font-weight: bold; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -li.store .comment, body.list li.withimage .comment { - margin: 16px 0 0 95px; -} -body.applist .comment { - position: absolute; - top: 9px; - left: 80px; - text-shadow: #eeeeee 0 1px 0; - color: #3b3b3b; -} -body.applist .price { - position: absolute; - top: 29px; - right: 26px; - text-shadow: #eeeeee 0 1px 0; - text-align: right; - color: #3b3b3b; -} -li.store .arrow, body.list li.withimage .arrow { - top: 39px!important; -} -li.store .stars0, li.store .stars1, li.store .stars2, li.store .stars3, li.store .stars4, li.store .stars5 { - position: absolute; - top: 56px; - left: 95px; - width: 65px; - height: 18px; - display: block!important; -} -li.store .stars0 { - background: url('../images/0starsborder.png'); -} -li.store .stars1 { - background: url('../images/1starsborder.png'); -} -li.store .stars2 { - background: url('../images/2starsborder.png'); -} -li.store .stars3 { - background: url('../images/3starsborder.png'); -} -li.store .stars4 { - background: url('../images/4starsborder.png'); -} -li.store .stars5, body.applist .stars5 { - background: url('../images/5stars.png'); -} -body.applist .stars0, body.applist .stars1, body.applist .stars2, body.applist .stars3, body.applist .stars4, body.applist .stars5 { - position: absolute; - top: 46px; - left: 79px; - width: 65px; - height: 18px; - display: block!important; -} -body.applist .stars0 { - background: url('../images/0stars.png'); -} -body.applist .stars1 { - background: url('../images/1stars.png'); -} -body.applist .stars2 { - background: url('../images/2stars.png'); -} -body.applist .stars3 { - background: url('../images/3stars.png'); -} -body.applist .stars4 { - background: url('../images/4stars.png'); -} -body.applist .starcomment { - left: 147px; - top: 46px; - color: #3b3b3b; -} -.starcomment { - position: absolute; - left: 165px; - top: 56px; - font-size: 12px; - color: #7f7f7f; - font-weight: lighter; -} -body.applist a:hover .name, body.applist a:hover .starcomment, body.applist a:hover .comment, body.applist a:hover .price { - color: white; - text-shadow: none; -} -.graytitle { - position: relative; - font-weight: bold; - font-size: 17px; - right: 20px; - left: 9px; - color: #4C4C4C; - text-shadow: #FFF 0 1px 0; - padding: 1px 0 3px 8px; -} -.header { - display: block; - font-weight: bold; - color: rgb(73,102,145); - font-size: 12pt; - margin-bottom: 6px; - line-height: 14pt; -} -body.musiclist div#content, body.ipodlist div#content, body.applist div#content { - width: auto; - margin: -16px auto auto -40px; -} -body.musiclist li:nth-child(odd) { - background: #dddee0 -} -body.applist li:nth-child(even) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d)) -} -body.applist li:nth-child(odd) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d)) - -} -body.ipodlist li:nth-child(even) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2))) -} -body.ipodlist li:nth-child(odd) { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4))) -} -body.musiclist div#content ul li, body.ipodlist div#content ul li, body.applist div#content ul li { - list-style: none; - width: auto; - position: relative; -} -body.musiclist div#content ul li { - height: 44px; - border-bottom: 1px solid #e6e6e6; -} -body.applist div#content ul li { - height: 70px; - margin-bottom: 1px; -} -body.ipodlist div#content ul li { - height: 42px; -} -body.ipodlist div#content { - background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13))) rgb(13, 13, 13); -} -body.musiclist div#content ul li a, body.ipodlist div#content ul li a { - text-decoration: none; - color: #000; - width: 100%!important; - height: 100%; - display: block; -} -body.applist div#content ul li a { - text-decoration: none; - color: #000; - width: 100%; - height: 100%; - display: block; -} -body.musiclist ul li .number, body.musiclist .name, body.musiclist .time { - display: inline-block; - height: 44px; - font-weight: bold; - font-size: large; - width: 44px; - text-align: center; - line-height: 46px; -} -body.musiclist ul li .name { - margin-left: 0; - width: auto!important; - font-size: medium; - padding-left: 5px; - border-left: solid 1px #e6e6e6; -} -body.musiclist ul li .time { - color: #848484; - font-size: medium; - margin-left: 4px; - width: auto!important; - font-weight: normal; -} -body.musiclist { - background-image: none!important; - background-color: #cbcccf; -} -body.ipodlist { - background-image: none!important; - background-color: black; -} -body.applist { - background-image: none!important; - background-color: #98989c; -} -body.ipodlist span { - color: white; - font-weight: bold; - font-size: 14px; -} -body.musiclist ul li span.name { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; -} -body.musiclist a:hover span.name { - color: #0380f2; -} -body.ipodlist .number { - width: 23px; - display: block; - float: left; - height: 42px; - margin-right: 3px; - text-align: right; - line-height: 43px; -} -body.ipodlist .stop, body.ipodlist .auto, body.ipodlist .play { - width: 18px; - display: block; - float: left; - height: 10px; - text-align: right; - line-height: 43px; - margin-top: 16px; -} -body.ipodlist .play { - background: url('../images/play.gif') no-repeat; -} -body.ipodlist a:hover .auto, body.ipodlist a:hover .play { - background: url('../images/play.gif') no-repeat; - background-position: 0 -10px; -} -body.ipodlist .time { - width: 48px; - float: right; - border-left: solid #414041 1px; - display: block; - height: 42px; - text-align: center; - line-height: 43px; -} -body.ipodlist .name { - display: block; - float: left; - width: inherit; - height: 42px; - text-overflow: ellipsis; - line-height: 42px; - padding-left: 5px; - overflow: hidden; - white-space: nowrap; - max-width: 62%; - border-left: solid #414041 1px; -} -body.list ul li.title { - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4)); - height: 22px!important; - width: 100%; - color: #fff; - font-weight: bold; - font-size: 16px; - text-shadow: gray 0 1px 0; - line-height: 22px; - padding-left: 20px; - border-bottom: none!important; -} -body.list ul { - background-color: #fff; - width: 100%; - overflow: hidden; - padding: 0; - margin: 0; -} -body.list div#content li { - height: 40px; - border-bottom: 1px solid #e1e1e1; - list-style: none; -} -body.list { - background-color: #fff; - background-image: none!important; -} -body.list div#footer { - margin-top: 24px!important; -} -body.list div#content li a { - padding: 9px 0 0 20px; - font-size: large; - font-weight: bold; - position: relative; - display: block; - color: #000; - text-decoration: none; - height: 32px; -} -body.list div#content li a span.name { - text-overflow: ellipsis; - overflow: hidden; - max-width: 93%; - white-space: nowrap; - display: block; -} -body.list div#content li a:hover { - color: #fff; -} -body.list div#content { - margin-top: -13px!important; -} -body.list ul img { - width: 80px; - height: 80px; - position: absolute; - left: 5px; - top: 5px; -} -body.list li.withimage { - height: 90px!important; -} -body.list li.withimage span.name { - margin: 13px 0 0 90px; - text-overflow: ellipsis; - overflow: hidden; - max-width: 63%!important; - white-space: nowrap; -} -body.list li.withimage .comment { - margin: 10px auto auto 90px !important; - max-width: 63%!important; -} -body.list li.withimage a, body.list li.withimage:hover a { - height: 81px!important; -} -#leftnav, #leftbutton, #blueleftbutton { - position: absolute; - font-size: 12px; - left: 9px; - font-weight: bold; -} -#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton { - z-index: 5000; -} -#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a { - display: block; - color: #fff; - text-shadow: rgba(0,0,0,0.6) 0 -1px 0; - text-decoration: none; -} -.black #leftnav a:first-child, .transparent #leftnav a:first-child { - -webkit-border-image: url("../images/navleftblack.png") 0 5 0 13; -} -.black #leftnav a, .transparent #leftnav a { - -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13; -} -.black #rightnav a:first-child, .transparent #rightnav a:first-child { - -webkit-border-image: url("../images/navrightblack.png") 0 13 0 5; -} -.black #rightnav a, .transparent #rightnav a { - -webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5; -} -.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a { - -webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5; -} -#leftnav a:first-child { - z-index: 2; - -webkit-border-image: url("../images/navleft.png") 0 5 0 13; - border-width: 0 5px 0 13px; - -webkit-border-top-left-radius: 16px; - -webkit-border-bottom-left-radius: 16px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - width: auto; -} -#leftnav a { - -webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13; - z-index: 3; - margin-left: -4px; - border-width: 0 5px 0 13px; - padding-right: 4px; - -webkit-border-top-left-radius: 16px; - -webkit-border-bottom-left-radius: 16px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - float: left; -} -#rightnav, #rightbutton, #bluerightbutton { - position: absolute; - font-size: 12px; - right: 9px; - font-weight: bold; -} -#rightnav a { - -webkit-border-image: url("../images/navlinkright.png") 0 13 0 5; - z-index: 3; - margin-right: -4px; - border-width: 0 13px 0 5px; - padding-left: 4px; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - float: right; - -webkit-border-top-right-radius: 16px; - -webkit-border-bottom-right-radius: 16px; -} -#rightnav a:first-child { - z-index: 2; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - -webkit-border-image: url("../images/navright.png") 0 13 0 5; - border-width: 0 13px 0 5px; - -webkit-border-top-right-radius: 16px; - -webkit-border-bottom-right-radius: 16px; -} -#leftbutton a, #rightbutton a { - -webkit-border-image: url("../images/navbutton.png") 0 5 0 5; - border-width: 0 5px; - -webkit-border-radius: 6px; -} -#blueleftbutton a, #bluerightbutton a { - -webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5; - border-width: 0 5px; - -webkit-border-radius: 6px; -} -.rssxpresschannel { - font-family: helvetica,sans-serif; - border: 0; -} -} -.rssxpresschtitle { - text-align: center; -} -.rssxpresschdesc { - color: #000; - text-align: center; - border-bottom: 1px solid #000; - padding-bottom: 5px; -} -.rssxpressittitle { - display: block; - font-size: 12pt; - background: #fff; - margin: 5px 0 2px; -} -.rssxpressittitle a { - text-decoration: none!important; - font-weight: bold; - color: rgb(73,102,145); - line-height: 10pt; -} -.rssxpressitdesc { - background: #fff; - font-size: 10pt; -} -.rssxpressdivider { - display: none; -} -input[type="checkbox"] { - width: 94px; - height: 27px; - background: url('../images/checkbox.png'); - -webkit-appearance: none; - border: 0; - float: right; - margin: 8px 4px 0 0; -} -input[type="checkbox"]:checked { - background-position: 0 27px; -} -input[type="radio"] { - -webkit-appearance: none; - border: 0; - width: 100%; - height: 100%; - z-index: 2; - position: absolute; - left: 0; - margin: 0; - -webkit-border-radius: 0; -} -input[type="radio"]:checked { - background: url('../images/radiobutton.png') no-repeat; - background-position: right center; -} -.radiobutton .name { - z-index: 1; -} -select { - -webkit-appearance: none; - height: 100%; - width: 100%; - border: 0; -} -li.select select { - -webkit-border-radius: 0; - color: #000; - font-weight: bold; - font-size: 17px; -} -li.select option { - max-width: 90%; -} -li.select .arrow { - background: url('../images/arrow.png'); - width: 8px; - height: 13px; - display: block; - -webkit-transform: rotate(90deg); - position: absolute; - right: 10px; - top: 18px; -} -.button input { - width: 100%; - height: 100%; - -webkit-appearance: none; - border: 0; - -webkit-border-radius: 0; - font-weight: bold; - font-size: 17px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.textbox textarea { - text-align: center; - padding: 0; - margin-top: 5px; -} -.bigfield input { - -webkit-appearance: none; - border: 0; - width: 100%; - height: 100%; - padding: 0; - -webkit-border-radius: 0; - background: transparent; - font-weight: bold; - font-size: 17px; - padding-left: 5px; -} -.smallfield .name { - width: 48%; - position: absolute; - left: 0; - font-size: 17px; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: bold; - line-height: 44px; - font-size: 17px; - padding-left: 5px; - overflow: hidden; -} -.smallfield input { - width: 50%; - position: absolute; - right: 0; - height: 44px; - -webkit-appearance: none; - border: none; - padding: 0; - background: transparent; - -webkit-border-radius: 0; - font-weight: bold; - font-size: 17px; -} -.smallfield:first-child input { - -webkit-border-top-right-radius: 8px; -} -.smallfield:last-child input { - -webkit-border-bottom-right-radius: 8px; -} - |