Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*iWebKit css 5.04 by Christopher Plieger*/
- body {
- position:relative;
- margin:0;
- -webkit-text-size-adjust:none;
- min-height:416px;
- font-family:helvetica,sans-serif;
- -webkit-background-size:.438em 100%;
- background:0;
- -webkit-touch-callout:none;
- }
- .center {
- margin:auto;
- display:block;
- text-align:center!important;
- }
- img {
- border:0;
- }
- a:hover .arrow {
- background-position:0 -13px!important;
- }
- @media screen and max-width320px {
- #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;
- }
- .menu .name {
- max-width:77%;
- }
- .checkbox .name {
- max-width:190px;
- }
- .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;
- }
- .musiclist .name {
- max-width:55%;
- }
- .textbox textarea {
- width:280px;
- }
- .bigfield input {
- width:295px;
- }
- }
- @media screen and min-width321px {
- #topbar {
- height:32px;
- }
- #title {
- line-height:32px;
- height:32px;
- font-size:13pt;
- }
- .menu .name {
- max-width:85%;
- }
- .checkbox .name {
- max-width:75%;
- }
- .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;
- }
- .musiclist .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;
- }
- .bigfield input {
- width:455px;
- }
- }
- #topbar.black {
- background:0;
- }
- #topbar.transparent {
- background:0;
- }
- #topbar {
- position:relative;
- left:0;
- top:0;
- width:auto;
- background:0;
- 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;
- }
- .ipodlist #footer,.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:0;
- margin:-13px 0 13px;
- text-align:center;
- }
- #tributton .links,#duobutton .links {
- height:30px;
- -webkit-border-image:url(../images/tributton.png) 0 4 0 4;
- border-width:0 4px;
- margin:0 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:0;
- 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;
- 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:0;
- }
- #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;
- }
- #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:0;
- }
- li#doublead {
- margin-top:25px;
- margin-bottom:10px!important;
- background:none;
- }
- li#doublead:hover {
- background:none;
- }
- .searchbox {
- height:44px;
- background:0;
- margin:-13px 0 13px;
- 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;
- list-style:circle!important;
- }
- .textbox li {
- margin:0!important;
- }
- .pageitem li:first-child,.pageitem li.form:first-child {
- border-top:0;
- }
- .menu,.checkbox,.radiobutton,.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;
- }
- .pageitem li:first-child:hover,.pageitem li:first-child a,.radiobutton:first-child input,.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;
- }
- .pageitem li:last-child:hover,.pageitem li:last-child a,.radiobutton:last-child input,.select:last-child select,li.button:last-child input,.bigfield:last-child input {
- -webkit-border-bottom-left-radius:8px;
- -webkit-border-bottom-right-radius:8px;
- }
- .menu:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n) {
- background:0;
- }
- .ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time {
- border:0;
- }
- .menu a:hover .name,.store:hover .starcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment {
- color:#fff;
- }
- .menu a:hover .comment {
- color:#CCF;
- }
- .menu a {
- display:block;
- height:43px;
- width:auto;
- text-decoration:none;
- }
- .menu a img {
- width:auto;
- height:32px;
- margin:5px 0 0 5px;
- float:left;
- }
- .menu .name,.checkbox .name,.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;
- }
- .menu .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;
- }
- .menu .arrow,.store .arrow,.musiclist .arrow,.list .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;
- }
- .applist .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;
- }
- .store {
- height:90px;
- border-top:#878787 solid 1px;
- overflow:hidden;
- position:relative;
- }
- .store a {
- width:100%;
- height:90px;
- display:block;
- text-decoration:none;
- position:absolute;
- }
- .store .image {
- position:absolute;
- left:0;
- top:0;
- height:90px;
- width:90px;
- display:block;
- background:0;
- -webkit-background-size:90px;
- }
- .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:0;
- -webkit-background-size:57px;
- }
- li:first-child.store .image,.store:first-child a {
- -webkit-border-top-left-radius:8px 8px;
- }
- li:last-child.store .image,.store:last-child a {
- -webkit-border-bottom-left-radius:8px 8px;
- }
- .store .name,.applist .name {
- font-size:15px;
- white-space:nowrap;
- display:block;
- overflow:hidden;
- color:#000;
- max-width:60%;
- text-overflow:ellipsis;
- font-weight:bold;
- }
- .store .name {
- position:absolute;
- left:95px;
- top:35px;
- }
- .applist .name {
- position:absolute;
- top:27px;
- left:80px;
- text-shadow:#eee 0 1px 0;
- }
- .store .comment,.list .withimage .comment,.applist .comment,.applist .price {
- font-size:12px;
- color:#7f7f7f;
- display:block;
- width:60%;
- font-weight:bold;
- white-space:nowrap;
- text-overflow:ellipsis;
- overflow:hidden;
- }
- .store .comment,.list .withimage .comment {
- margin:16px 0 0 95px;
- }
- .applist .comment {
- position:absolute;
- top:9px;
- left:80px;
- text-shadow:#eee 0 1px 0;
- color:#3b3b3b;
- }
- .applist .price {
- position:absolute;
- top:29px;
- right:26px;
- text-shadow:#eee 0 1px 0;
- text-align:right;
- color:#3b3b3b;
- }
- .store .arrow,.list .withimage .arrow {
- top:39px!important;
- }
- .store .stars0,.store .stars1,.store .stars2,.store .stars3,.store .stars4,.store .stars5 {
- position:absolute;
- top:56px;
- left:95px;
- width:65px;
- height:18px;
- display:block!important;
- }
- .store .stars0 {
- background:url(../images/0starsborder.png);
- }
- .store .stars1 {
- background:url(../images/1starsborder.png);
- }
- .store .stars2 {
- background:url(../images/2starsborder.png);
- }
- .store .stars3 {
- background:url(../images/3starsborder.png);
- }
- .store .stars4 {
- background:url(../images/4starsborder.png);
- }
- .store .stars5,.applist .stars5 {
- background:url(../images/5stars.png);
- }
- .applist .stars0,.applist .stars1,.applist .stars2,.applist .stars3,.applist .stars4,.applist .stars5 {
- position:absolute;
- top:46px;
- left:79px;
- width:65px;
- height:18px;
- display:block!important;
- }
- .applist .stars0 {
- background:url(../images/0stars.png);
- }
- .applist .stars1 {
- background:url(../images/1stars.png);
- }
- .applist .stars2 {
- background:url(../images/2stars.png);
- }
- .applist .stars3 {
- background:url(../images/3stars.png);
- }
- .applist .stars4 {
- background:url(../images/4stars.png);
- }
- .applist .starcomment {
- left:147px;
- top:46px;
- color:#3b3b3b;
- }
- .starcomment {
- position:absolute;
- left:165px;
- top:56px;
- font-size:12px;
- color:#7f7f7f;
- font-weight:lighter;
- }
- .applist a:hover .name,.applist a:hover .starcomment,.applist a:hover .comment,.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;
- }
- .header {
- display:block;
- font-weight:bold;
- color:rgb(73,102,145);
- font-size:12pt;
- margin-bottom:6px;
- line-height:14pt;
- text-align:center;
- }
- .musiclist ul,.ipodlist ul,.applist ul {
- padding:0;
- }
- .ipodlist ul {
- margin:0;
- }
- .musiclist li:nth-child(odd) {
- background:#dddee0;
- }
- .applist li:nth-child(even) {
- background:0;
- }
- .applist li:nth-child(odd) {
- background:0;
- }
- .ipodlist li:nth-child(even) {
- background:0;
- }
- .ipodlist li:nth-child(odd) {
- background:0;
- }
- .musiclist #content li,.ipodlist #content li,.applist #content li {
- list-style:none;
- width:auto;
- position:relative;
- }
- .musiclist #content li {
- height:44px;
- border-bottom:1px solid #e6e6e6;
- }
- .applist #content li {
- height:70px;
- margin-bottom:1px;
- }
- .ipodlist #content li {
- height:42px;
- }
- .ipodlist #content {
- background:0;
- top:16px;
- }
- .musiclist #content li a,.ipodlist #content li a {
- text-decoration:none;
- color:#000;
- width:100%!important;
- height:100%;
- display:block;
- }
- .applist #content li a {
- text-decoration:none;
- color:#000;
- width:100%;
- height:100%;
- display:block;
- }
- .musiclist .number,.musiclist .name,.musiclist .time {
- display:inline-block;
- height:44px;
- font-weight:bold;
- font-size:large;
- width:44px;
- text-align:center;
- line-height:46px;
- }
- .musiclist .name {
- margin-left:0;
- width:auto!important;
- font-size:medium;
- padding-left:5px;
- border-left:solid 1px #e6e6e6;
- }
- .musiclist .time {
- color:#848484;
- font-size:medium;
- margin-left:4px;
- width:auto!important;
- font-weight:normal;
- }
- .musiclist {
- background-image:none!important;
- background-color:#cbcccf;
- }
- .ipodlist {
- background-image:none!important;
- background-color:black;
- }
- .applist {
- background-image:none!important;
- background-color:#98989c;
- }
- .ipodlist span {
- color:white;
- font-weight:bold;
- font-size:14px;
- }
- .musiclist .name {
- text-overflow:ellipsis;
- overflow:hidden;
- white-space:nowrap;
- }
- .musiclist a:hover .name {
- color:#0380f2;
- }
- .ipodlist .number {
- width:23px;
- display:block;
- float:left;
- height:42px;
- margin-right:3px;
- text-align:right;
- line-height:43px;
- }
- .ipodlist .stop,.ipodlist .auto,.ipodlist .play {
- width:18px;
- display:block;
- float:left;
- height:10px;
- text-align:right;
- line-height:43px;
- margin-top:16px;
- }
- .ipodlist .play {
- background:url(../images/play.gif) no-repeat;
- }
- .ipodlist a:hover .auto,.ipodlist a:hover .play {
- background:url(../images/play.gif) no-repeat;
- background-position:0 -10px;
- }
- .ipodlist .time {
- width:48px;
- float:right;
- border-left:solid #414041 1px;
- display:block;
- height:42px;
- text-align:center;
- line-height:43px;
- }
- .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;
- }
- .list .title {
- background:0;
- 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;
- }
- .list ul {
- background-color:#fff;
- width:100%;
- overflow:hidden;
- padding:0;
- margin:0;
- }
- .list #content li {
- height:40px;
- border-bottom:1px solid #e1e1e1;
- list-style:none;
- }
- .list {
- background-color:#fff;
- background-image:none!important;
- }
- .list #footer {
- margin-top:24px!important;
- }
- .ipodlist #footer {
- margin-top:48px!important;
- }
- .list #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;
- }
- .list #content li a .name {
- text-overflow:ellipsis;
- overflow:hidden;
- max-width:93%;
- white-space:nowrap;
- display:block;
- }
- .list #content li a:hover {
- color:#fff;
- }
- .list #content {
- margin-top:-13px!important;
- }
- .ipodlist #content,.musiclist #content,.applist #content {
- margin-top:-29px!important;
- }
- .list ul img {
- width:90px;
- height:90px;
- position:absolute;
- left:0;
- top:0;
- }
- .list .withimage {
- height:90px!important;
- }
- .list .withimage .name {
- margin:13px 0 0 90px;
- text-overflow:ellipsis;
- overflow:hidden;
- max-width:63%!important;
- white-space:nowrap;
- }
- .list .withimage .comment {
- margin:10px auto auto 90px!important;
- max-width:63%!important;
- }
- .list .withimage a,.list .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;
- }
- 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;
- }
- .select select {
- -webkit-border-radius:0;
- color:#000;
- font-weight:bold;
- font-size:17px;
- }
- .select option {
- max-width:90%;
- }
- .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;
- background:none;
- }
- .textbox textarea {
- padding:0;
- margin-top:5px;
- font-size:medium;
- }
- .bigfield input {
- -webkit-appearance:none;
- border:0;
- 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;
- }
Advertisement
Add Comment
Please, Sign In to add comment