summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorAlib <aliboba@free.fr>2010-03-15 17:56:22 +0100
committerAlib <aliboba@free.fr>2010-03-15 17:56:22 +0100
commit438912c0c4a4075a5cd74cf9689451c9df4bbe34 (patch)
tree334e03bbba01b002a34d3cbf81ee7e600ec7bff6 /css
parenta8012963c23e7e5eaf487ee9e192ae5c4d4ccff2 (diff)
downloadistreamdev-438912c0c4a4075a5cd74cf9689451c9df4bbe34.tar.gz
istreamdev-438912c0c4a4075a5cd74cf9689451c9df4bbe34.tar.bz2
New Jquery branch. Initial development version for istreamdev 1.0
Diffstat (limited to 'css')
-rwxr-xr-xcss/developer-style.css1159
-rw-r--r--css/istreamdev.css316
-rw-r--r--[-rwxr-xr-x]css/spinningwheel.css14
-rwxr-xr-xcss/style.css1172
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;
-}
-