Guest User

CSS Formatting Issue

a guest
Apr 14th, 2012
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.35 KB | None | 0 0
  1. /*iWebKit css 5.04 by Christopher Plieger*/
  2. body {
  3.   position:relative;
  4.   margin:0;
  5.   -webkit-text-size-adjust:none;
  6.   min-height:416px;
  7.   font-family:helvetica,sans-serif;
  8.   -webkit-background-size:.438em 100%;
  9.   background:0;
  10.   -webkit-touch-callout:none;
  11. }
  12.  
  13. .center {
  14.   margin:auto;
  15.   display:block;
  16.   text-align:center!important;
  17. }
  18.  
  19. img {
  20.   border:0;
  21. }
  22.  
  23. a:hover .arrow {
  24.   background-position:0 -13px!important;
  25. }
  26.  
  27. @media screen and max-width320px {
  28.   #topbar {
  29.     height:44px;
  30.   }
  31.  
  32.   #title {
  33.     line-height:44px;
  34.     height:44px;
  35.     font-size:16pt;
  36.   }
  37.  
  38.   #tributton a:first-child,#duobutton a:first-child {
  39.     width:101px;
  40.   }
  41.  
  42.   #tributton a:last-child,#duobutton a:last-child {
  43.     width:101px;
  44.   }
  45.  
  46.   #tributton a {
  47.     width:106px;
  48.   }
  49.  
  50.   #duobutton .links {
  51.     width:195px;
  52.   }
  53.  
  54.   #tributton .links {
  55.     width:302px;
  56.   }
  57.  
  58.   #doublead {
  59.     width:300px!important;
  60.   }
  61.  
  62.   #duoselectionbuttons {
  63.     width:191px;
  64.     height:30px;
  65.     top:7px;
  66.   }
  67.  
  68.   #triselectionbuttons {
  69.     width:290px;
  70.     height:30px;
  71.     top:7px;
  72.   }
  73.  
  74.   #triselectionbuttons a:first-child,#duoselectionbuttons a:first-child {
  75.     width:99px;
  76.     height:28px;
  77.     line-height:28px;
  78.   }
  79.  
  80.   #triselectionbuttons a {
  81.     width:98px;
  82.     height:28px;
  83.     line-height:28px;
  84.   }
  85.  
  86.   #triselectionbuttons a:last-child,#duoselectionbuttons a:last-child {
  87.     width:99px;
  88.     height:28px;
  89.     line-height:28px;
  90.   }
  91.  
  92.   .searchbox form {
  93.     width:272px;
  94.   }
  95.  
  96.   .searchbox input[type="text"] {
  97.     width:275px;
  98.   }
  99.  
  100.   .menu .name {
  101.     max-width:77%;
  102.   }
  103.  
  104.   .checkbox .name {
  105.     max-width:190px;
  106.   }
  107.  
  108.   .radiobutton .name {
  109.     max-width:190px;
  110.   }
  111.  
  112.   #leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a {
  113.     line-height:30px;
  114.     height:30px;
  115.   }
  116.  
  117.   #leftnav img,#rightnav img {
  118.     margin-top:4px;
  119.   }
  120.  
  121.   #leftnav,#leftbutton,#blueleftbutton {
  122.     top:7px;
  123.   }
  124.  
  125.   #rightnav,#rightbutton,#bluerightbutton {
  126.     top:7px;
  127.   }
  128.  
  129.   .musiclist .name {
  130.     max-width:55%;
  131.   }
  132.  
  133.   .textbox textarea {
  134.     width:280px;
  135.   }
  136.  
  137.   .bigfield input {
  138.     width:295px;
  139.   }
  140. }
  141.  
  142. @media screen and min-width321px {
  143.   #topbar {
  144.     height:32px;
  145.   }
  146.  
  147.   #title {
  148.     line-height:32px;
  149.     height:32px;
  150.     font-size:13pt;
  151.   }
  152.  
  153.   .menu .name {
  154.     max-width:85%;
  155.   }
  156.  
  157.   .checkbox .name {
  158.     max-width:75%;
  159.   }
  160.  
  161.   .radiobutton .name {
  162.     max-width:75%;
  163.   }
  164.  
  165.   #leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a {
  166.     line-height:24px;
  167.     height:24px;
  168.   }
  169.  
  170.   #leftnav img,#rightnav img {
  171.     margin-top:4px;
  172.     height:70%;
  173.   }
  174.  
  175.   #leftnav,#leftbutton,#blueleftbutton {
  176.     top:4px;
  177.   }
  178.  
  179.   #rightnav,#rightbutton,#bluerightbutton {
  180.     top:4px;
  181.   }
  182.  
  183.   .musiclist .name {
  184.     max-width:70%;
  185.   }
  186.  
  187.   .textbox textarea {
  188.     width:440px;
  189.   }
  190.  
  191.   #tributton a:first-child,#duobutton a:first-child {
  192.     width:152px;
  193.   }
  194.  
  195.   #tributton a:last-child,#duobutton a:last-child {
  196.     width:152px;
  197.   }
  198.  
  199.   #tributton a {
  200.     width:154px;
  201.   }
  202.  
  203.   #tributton .links {
  204.     width:452px;
  205.   }
  206.  
  207.   #duobutton .links {
  208.     width:298px;
  209.   }
  210.  
  211.   #doublead {
  212.     width:350px!important;
  213.   }
  214.  
  215.   #duoselectionbuttons {
  216.     width:293px;
  217.     height:24px;
  218.     top:4px;
  219.   }
  220.  
  221.   #triselectionbuttons {
  222.     width:450px;
  223.     height:24px;
  224.     top:4px;
  225.   }
  226.  
  227.   #triselectionbuttons a:first-child,#duoselectionbuttons a:first-child {
  228.     width:150px;
  229.     height:22px;
  230.     line-height:22px;
  231.   }
  232.  
  233.   #triselectionbuttons a {
  234.     width:156px;
  235.     height:22px;
  236.     line-height:22px;
  237.   }
  238.  
  239.   #triselectionbuttons a:last-child,#duoselectionbuttons a:last-child {
  240.     width:150px;
  241.     height:22px;
  242.     line-height:22px;
  243.   }
  244.  
  245.   .searchbox form {
  246.     width:432px;
  247.   }
  248.  
  249.   .searchbox input[type="text"] {
  250.     width:435px;
  251.   }
  252.  
  253.   .bigfield input {
  254.     width:455px;
  255.   }
  256. }
  257.  
  258. #topbar.black {
  259.   background:0;
  260. }
  261.  
  262. #topbar.transparent {
  263.   background:0;
  264. }
  265.  
  266. #topbar {
  267.   position:relative;
  268.   left:0;
  269.   top:0;
  270.   width:auto;
  271.   background:0;
  272.   margin-bottom:13px;
  273. }
  274.  
  275. #title {
  276.   position:absolute;
  277.   font-weight:bold;
  278.   top:0;
  279.   left:0;
  280.   right:0;
  281.   padding:0 10px;
  282.   text-align:center;
  283.   text-overflow:ellipsis;
  284.   white-space:nowrap;
  285.   overflow:hidden;
  286.   color:#FFF;
  287.   text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
  288. }
  289.  
  290. #content {
  291.   width:100%;
  292.   position:relative;
  293.   min-height:250px;
  294.   margin-top:10px;
  295.   height:auto;
  296.   z-index:0;
  297.   overflow:hidden;
  298. }
  299.  
  300. #footer {
  301.   text-align:center;
  302.   position:relative;
  303.   margin:20px 10px 0;
  304.   height:auto;
  305.   width:auto;
  306.   bottom:10px;
  307. }
  308.  
  309. .ipodlist #footer,.ipodlist #footer a {
  310.   text-shadow:#FFF 0 -1px 0;
  311. }
  312.  
  313. #footer a,#footer {
  314.   text-decoration:none;
  315.   font-size:9pt;
  316.   color:#4C4C4C;
  317.   text-shadow:#FFF 0 1px 0;
  318. }
  319.  
  320. .pageitem {
  321.   -webkit-border-radius:8px;
  322.   background-color:#fff;
  323.   border:#878787 solid 1px;
  324.   font-size:12pt;
  325.   overflow:hidden;
  326.   padding:0;
  327.   position:relative;
  328.   display:block;
  329.   height:auto;
  330.   width:auto;
  331.   margin:3px 9px 17px;
  332.   list-style:none;
  333. }
  334.  
  335. .textbox {
  336.   padding:5px 9px;
  337.   position:relative;
  338.   overflow:hidden;
  339.   border-top:1px solid #878787;
  340. }
  341.  
  342. #tributton,#duobutton {
  343.   height:44px;
  344.   background:0;
  345.   margin:-13px 0 13px;
  346.   text-align:center;
  347. }
  348.  
  349. #tributton .links,#duobutton .links {
  350.   height:30px;
  351.   -webkit-border-image:url(../images/tributton.png) 0 4 0 4;
  352.   border-width:0 4px;
  353.   margin:0 auto;
  354.   position:relative;
  355.   top:7px;
  356. }
  357.  
  358. #tributton a:first-child,#duobutton a:first-child {
  359.   border-right:1px solid #6d7e91;
  360.   -webkit-border-top-left-radius:5px;
  361.   -webkit-border-bottom-left-radius:5px;
  362.   margin-left:-4px;
  363. }
  364.  
  365. #tributton a,#duobutton a {
  366.   text-overflow:ellipsis;
  367.   overflow:hidden;
  368.   white-space:nowrap;
  369.   height:27px;
  370.   display:inline-block;
  371.   line-height:27px;
  372.   margin-top:1px;
  373.   font:bold 13px;
  374.   text-decoration:none;
  375.   color:#3f5c84;
  376.   text-shadow:#FFF 0 1px 0;
  377. }
  378.  
  379. #duobutton a:last-child {
  380.   border:0;
  381. }
  382.  
  383. #tributton a:last-child {
  384.   border-left:1px solid #6d7e91;
  385. }
  386.  
  387. #tributton a:last-child,#duobutton a:last-child {
  388.   -webkit-border-top-right-radius:5px;
  389.   -webkit-border-bottom-right-radius:5px;
  390.   margin-right:-4px;
  391. }
  392.  
  393. #tributton a:hover,#tributton a#pressed,#duobutton a:hover,#duobutton a#pressed {
  394.   background:0;
  395.   color:white;
  396.   text-shadow:black 0 -1px 0;
  397. }
  398.  
  399. #triselectionbuttons,#duoselectionbuttons {
  400.   -webkit-border-image:url(../images/navbutton.png) 0 5 0 5;
  401.   border-width:0 5px;
  402.   position:relative;
  403.   margin:auto;
  404. }
  405.  
  406. #duoselectionbuttons a:first-child {
  407.   border:0;
  408. }
  409.  
  410. #triselectionbuttons a:first-child {
  411.   border-right:solid 1px #556984;
  412. }
  413.  
  414. #triselectionbuttons a:first-child,#duoselectionbuttons a:first-child {
  415.   margin-left:-4px;
  416.   -webkit-border-top-left-radius:6px;
  417.   -webkit-border-bottom-left-radius:6px;
  418. }
  419.  
  420. #triselectionbuttons a,#duoselectionbuttons a {
  421.   display:inline-block;
  422.   text-align:center;
  423.   color:white;
  424.   text-decoration:none;
  425.   margin-top:1px;
  426.   text-shadow:black 0 -1px 0;
  427.   background:0;
  428. }
  429.  
  430. #triselectionbuttons a:last-child,#duoselectionbuttons a:last-child {
  431.   border-left:solid 1px #556984;
  432.   margin-right:-4px;
  433.   -webkit-border-top-right-radius:6px;
  434.   -webkit-border-bottom-right-radius:6px;
  435. }
  436.  
  437. #triselectionbuttons a:hover,#triselectionbuttons a#pressed,#duoselectionbuttons a:hover,#duoselectionbuttons a#pressed {
  438.   background:none;
  439. }
  440.  
  441. #doublead {
  442.   height:83px!important;
  443.   position:relative;
  444.   margin:0 auto 13px;
  445. }
  446.  
  447. #doublead a:first-child {
  448.   left:0!important;
  449. }
  450.  
  451. #doublead a:last-child {
  452.   right:0!important;
  453. }
  454.  
  455. #doublead a {
  456.   width:147px!important;
  457.   height:83px!important;
  458.   position:absolute;
  459.   -webkit-border-radius:8px;
  460.   display:block;
  461.   background:0;
  462. }
  463.  
  464. li#doublead {
  465.   margin-top:25px;
  466.   margin-bottom:10px!important;
  467.   background:none;
  468. }
  469.  
  470. li#doublead:hover {
  471.   background:none;
  472. }
  473.  
  474. .searchbox {
  475.   height:44px;
  476.   background:0;
  477.   margin:-13px 0 13px;
  478.   width:100%;
  479. }
  480.  
  481. .searchbox form {
  482.   height:24px;
  483.   -webkit-border-image:url(../images/searchfield.png) 4 14 1 24;
  484.   border-width:4px 14px 1px 24px;
  485.   display:block;
  486.   position:relative;
  487.   top:8px;
  488.   margin:auto;
  489. }
  490.  
  491. fieldset {
  492.   border:0;
  493.   margin:0;
  494.   padding:0;
  495. }
  496.  
  497. .searchbox input[type="text"] {
  498.   border:0;
  499.   -webkit-appearance:none;
  500.   height:18px;
  501.   float:left;
  502.   font-size:13px;
  503.   padding:0;
  504.   position:relative;
  505.   top:2px;
  506.   left:2px;
  507. }
  508.  
  509. .textbox img {
  510.   max-width:100%;
  511. }
  512.  
  513. .textbox p {
  514.   margin-top:2px;
  515. }
  516.  
  517. .textbox p {
  518.   margin-top:2px;
  519.   color:#000;
  520.   margin-bottom:2px;
  521.   text-align:justify;
  522. }
  523.  
  524. .textbox img {
  525.   max-width:100%;
  526. }
  527.  
  528. .textbox ul {
  529.   margin:3px 0;
  530.   list-style:circle!important;
  531. }
  532.  
  533. .textbox li {
  534.   margin:0!important;
  535. }
  536.  
  537. .pageitem li:first-child,.pageitem li.form:first-child {
  538.   border-top:0;
  539. }
  540.  
  541. .menu,.checkbox,.radiobutton,.select,li.button,li.bigfield,li.smallfield {
  542.   position:relative;
  543.   list-style-type:none;
  544.   display:block;
  545.   height:43px;
  546.   overflow:hidden;
  547.   border-top:1px solid #878787;
  548.   width:auto;
  549. }
  550.  
  551. .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 {
  552.   -webkit-border-top-left-radius:8px;
  553.   -webkit-border-top-right-radius:8px;
  554. }
  555.  
  556. .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 {
  557.   -webkit-border-bottom-left-radius:8px;
  558.   -webkit-border-bottom-right-radius:8px;
  559. }
  560.  
  561. .menu:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n) {
  562.   background:0;
  563. }
  564.  
  565. .ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time {
  566.   border:0;
  567. }
  568.  
  569. .menu a:hover .name,.store:hover .starcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment {
  570.   color:#fff;
  571. }
  572.  
  573. .menu a:hover .comment {
  574.   color:#CCF;
  575. }
  576.  
  577. .menu a {
  578.   display:block;
  579.   height:43px;
  580.   width:auto;
  581.   text-decoration:none;
  582. }
  583.  
  584. .menu a img {
  585.   width:auto;
  586.   height:32px;
  587.   margin:5px 0 0 5px;
  588.   float:left;
  589. }
  590.  
  591. .menu .name,.checkbox .name,.radiobutton .name {
  592.   margin:11px 0 0 7px;
  593.   width:auto;
  594.   color:#000;
  595.   font-weight:bold;
  596.   font-size:17px;
  597.   text-overflow:ellipsis;
  598.   overflow:hidden;
  599.   white-space:nowrap;
  600.   float:left;
  601. }
  602.  
  603. .menu .comment {
  604.   margin:11px 30px 0 0;
  605.   width:auto;
  606.   font-size:17px;
  607.   text-overflow:ellipsis;
  608.   overflow:hidden;
  609.   max-width:75%;
  610.   white-space:nowrap;
  611.   float:right;
  612.   color:#324f85;
  613. }
  614.  
  615. .menu .arrow,.store .arrow,.musiclist .arrow,.list .arrow {
  616.   position:absolute;
  617.   width:8px!important;
  618.   height:13px!important;
  619.   right:10px;
  620.   top:15px;
  621.   margin:0!important;
  622.   background:url(../images/arrow.png) 0 0 no-repeat;
  623. }
  624.  
  625. .applist .arrow {
  626.   position:absolute;
  627.   width:8px!important;
  628.   height:13px!important;
  629.   right:10px;
  630.   top:29px;
  631.   margin:0!important;
  632.   background:url(../images/arrow.png) 0 0 no-repeat;
  633. }
  634.  
  635. .store {
  636.   height:90px;
  637.   border-top:#878787 solid 1px;
  638.   overflow:hidden;
  639.   position:relative;
  640. }
  641.  
  642. .store a {
  643.   width:100%;
  644.   height:90px;
  645.   display:block;
  646.   text-decoration:none;
  647.   position:absolute;
  648. }
  649.  
  650. .store .image {
  651.   position:absolute;
  652.   left:0;
  653.   top:0;
  654.   height:90px;
  655.   width:90px;
  656.   display:block;
  657.   background:0;
  658.   -webkit-background-size:90px;
  659. }
  660.  
  661. .applist .image {
  662.   width:57px;
  663.   height:57px;
  664.   display:block;
  665.   position:absolute;
  666.   top:7px;
  667.   left:11px;
  668.   -webkit-border-radius:8px;
  669.   -webkit-box-shadow:0 2px 3px rgb(0,0,0);
  670.   background:0;
  671.   -webkit-background-size:57px;
  672. }
  673.  
  674. li:first-child.store .image,.store:first-child a {
  675.   -webkit-border-top-left-radius:8px 8px;
  676. }
  677.  
  678. li:last-child.store .image,.store:last-child a {
  679.   -webkit-border-bottom-left-radius:8px 8px;
  680. }
  681.  
  682. .store .name,.applist .name {
  683.   font-size:15px;
  684.   white-space:nowrap;
  685.   display:block;
  686.   overflow:hidden;
  687.   color:#000;
  688.   max-width:60%;
  689.   text-overflow:ellipsis;
  690.   font-weight:bold;
  691. }
  692.  
  693. .store .name {
  694.   position:absolute;
  695.   left:95px;
  696.   top:35px;
  697. }
  698.  
  699. .applist .name {
  700.   position:absolute;
  701.   top:27px;
  702.   left:80px;
  703.   text-shadow:#eee 0 1px 0;
  704. }
  705.  
  706. .store .comment,.list .withimage .comment,.applist .comment,.applist .price {
  707.   font-size:12px;
  708.   color:#7f7f7f;
  709.   display:block;
  710.   width:60%;
  711.   font-weight:bold;
  712.   white-space:nowrap;
  713.   text-overflow:ellipsis;
  714.   overflow:hidden;
  715. }
  716.  
  717. .store .comment,.list .withimage .comment {
  718.   margin:16px 0 0 95px;
  719. }
  720.  
  721. .applist .comment {
  722.   position:absolute;
  723.   top:9px;
  724.   left:80px;
  725.   text-shadow:#eee 0 1px 0;
  726.   color:#3b3b3b;
  727. }
  728.  
  729. .applist .price {
  730.   position:absolute;
  731.   top:29px;
  732.   right:26px;
  733.   text-shadow:#eee 0 1px 0;
  734.   text-align:right;
  735.   color:#3b3b3b;
  736. }
  737.  
  738. .store .arrow,.list .withimage .arrow {
  739.   top:39px!important;
  740. }
  741.  
  742. .store .stars0,.store .stars1,.store .stars2,.store .stars3,.store .stars4,.store .stars5 {
  743.   position:absolute;
  744.   top:56px;
  745.   left:95px;
  746.   width:65px;
  747.   height:18px;
  748.   display:block!important;
  749. }
  750.  
  751. .store .stars0 {
  752.   background:url(../images/0starsborder.png);
  753. }
  754.  
  755. .store .stars1 {
  756.   background:url(../images/1starsborder.png);
  757. }
  758.  
  759. .store .stars2 {
  760.   background:url(../images/2starsborder.png);
  761. }
  762.  
  763. .store .stars3 {
  764.   background:url(../images/3starsborder.png);
  765. }
  766.  
  767. .store .stars4 {
  768.   background:url(../images/4starsborder.png);
  769. }
  770.  
  771. .store .stars5,.applist .stars5 {
  772.   background:url(../images/5stars.png);
  773. }
  774.  
  775. .applist .stars0,.applist .stars1,.applist .stars2,.applist .stars3,.applist .stars4,.applist .stars5 {
  776.   position:absolute;
  777.   top:46px;
  778.   left:79px;
  779.   width:65px;
  780.   height:18px;
  781.   display:block!important;
  782. }
  783.  
  784. .applist .stars0 {
  785.   background:url(../images/0stars.png);
  786. }
  787.  
  788. .applist .stars1 {
  789.   background:url(../images/1stars.png);
  790. }
  791.  
  792. .applist .stars2 {
  793.   background:url(../images/2stars.png);
  794. }
  795.  
  796. .applist .stars3 {
  797.   background:url(../images/3stars.png);
  798. }
  799.  
  800. .applist .stars4 {
  801.   background:url(../images/4stars.png);
  802. }
  803.  
  804. .applist .starcomment {
  805.   left:147px;
  806.   top:46px;
  807.   color:#3b3b3b;
  808. }
  809.  
  810. .starcomment {
  811.   position:absolute;
  812.   left:165px;
  813.   top:56px;
  814.   font-size:12px;
  815.   color:#7f7f7f;
  816.   font-weight:lighter;
  817. }
  818.  
  819. .applist a:hover .name,.applist a:hover .starcomment,.applist a:hover .comment,.applist a:hover .price {
  820.   color:white;
  821.   text-shadow:none;
  822. }
  823.  
  824. .graytitle {
  825.   position:relative;
  826.   font-weight:bold;
  827.   font-size:17px;
  828.   right:20px;
  829.   left:9px;
  830.   color:#4C4C4C;
  831.   text-shadow:#FFF 0 1px 0;
  832.   padding:1px 0 3px 8px;
  833. }
  834.  
  835. .header {
  836.   display:block;
  837.   font-weight:bold;
  838.   color:rgb(73,102,145);
  839.   font-size:12pt;
  840.   margin-bottom:6px;
  841.   line-height:14pt;
  842. }
  843.  
  844. .header {
  845.   display:block;
  846.   font-weight:bold;
  847.   color:rgb(73,102,145);
  848.   font-size:12pt;
  849.   margin-bottom:6px;
  850.   line-height:14pt;
  851.   text-align:center;
  852. }
  853.  
  854. .musiclist ul,.ipodlist ul,.applist ul {
  855.   padding:0;
  856. }
  857.  
  858. .ipodlist ul {
  859.   margin:0;
  860. }
  861.  
  862. .musiclist li:nth-child(odd) {
  863.   background:#dddee0;
  864. }
  865.  
  866. .applist li:nth-child(even) {
  867.   background:0;
  868. }
  869.  
  870. .applist li:nth-child(odd) {
  871.   background:0;
  872. }
  873.  
  874. .ipodlist li:nth-child(even) {
  875.   background:0;
  876. }
  877.  
  878. .ipodlist li:nth-child(odd) {
  879.   background:0;
  880. }
  881.  
  882. .musiclist #content li,.ipodlist #content li,.applist #content li {
  883.   list-style:none;
  884.   width:auto;
  885.   position:relative;
  886. }
  887.  
  888. .musiclist #content li {
  889.   height:44px;
  890.   border-bottom:1px solid #e6e6e6;
  891. }
  892.  
  893. .applist #content li {
  894.   height:70px;
  895.   margin-bottom:1px;
  896. }
  897.  
  898. .ipodlist #content li {
  899.   height:42px;
  900. }
  901.  
  902. .ipodlist #content {
  903.   background:0;
  904.   top:16px;
  905. }
  906.  
  907. .musiclist #content li a,.ipodlist #content li a {
  908.   text-decoration:none;
  909.   color:#000;
  910.   width:100%!important;
  911.   height:100%;
  912.   display:block;
  913. }
  914.  
  915. .applist #content li a {
  916.   text-decoration:none;
  917.   color:#000;
  918.   width:100%;
  919.   height:100%;
  920.   display:block;
  921. }
  922.  
  923. .musiclist .number,.musiclist .name,.musiclist .time {
  924.   display:inline-block;
  925.   height:44px;
  926.   font-weight:bold;
  927.   font-size:large;
  928.   width:44px;
  929.   text-align:center;
  930.   line-height:46px;
  931. }
  932.  
  933. .musiclist .name {
  934.   margin-left:0;
  935.   width:auto!important;
  936.   font-size:medium;
  937.   padding-left:5px;
  938.   border-left:solid 1px #e6e6e6;
  939. }
  940.  
  941. .musiclist .time {
  942.   color:#848484;
  943.   font-size:medium;
  944.   margin-left:4px;
  945.   width:auto!important;
  946.   font-weight:normal;
  947. }
  948.  
  949. .musiclist {
  950.   background-image:none!important;
  951.   background-color:#cbcccf;
  952. }
  953.  
  954. .ipodlist {
  955.   background-image:none!important;
  956.   background-color:black;
  957. }
  958.  
  959. .applist {
  960.   background-image:none!important;
  961.   background-color:#98989c;
  962. }
  963.  
  964. .ipodlist span {
  965.   color:white;
  966.   font-weight:bold;
  967.   font-size:14px;
  968. }
  969.  
  970. .musiclist .name {
  971.   text-overflow:ellipsis;
  972.   overflow:hidden;
  973.   white-space:nowrap;
  974. }
  975.  
  976. .musiclist a:hover .name {
  977.   color:#0380f2;
  978. }
  979.  
  980. .ipodlist .number {
  981.   width:23px;
  982.   display:block;
  983.   float:left;
  984.   height:42px;
  985.   margin-right:3px;
  986.   text-align:right;
  987.   line-height:43px;
  988. }
  989.  
  990. .ipodlist .stop,.ipodlist .auto,.ipodlist .play {
  991.   width:18px;
  992.   display:block;
  993.   float:left;
  994.   height:10px;
  995.   text-align:right;
  996.   line-height:43px;
  997.   margin-top:16px;
  998. }
  999.  
  1000. .ipodlist .play {
  1001.   background:url(../images/play.gif) no-repeat;
  1002. }
  1003.  
  1004. .ipodlist a:hover .auto,.ipodlist a:hover .play {
  1005.   background:url(../images/play.gif) no-repeat;
  1006.   background-position:0 -10px;
  1007. }
  1008.  
  1009. .ipodlist .time {
  1010.   width:48px;
  1011.   float:right;
  1012.   border-left:solid #414041 1px;
  1013.   display:block;
  1014.   height:42px;
  1015.   text-align:center;
  1016.   line-height:43px;
  1017. }
  1018.  
  1019. .ipodlist .name {
  1020.   display:block;
  1021.   float:left;
  1022.   width:inherit;
  1023.   height:42px;
  1024.   text-overflow:ellipsis;
  1025.   line-height:42px;
  1026.   padding-left:5px;
  1027.   overflow:hidden;
  1028.   white-space:nowrap;
  1029.   max-width:62%;
  1030.   border-left:solid #414041 1px;
  1031. }
  1032.  
  1033. .list .title {
  1034.   background:0;
  1035.   height:22px!important;
  1036.   width:100%;
  1037.   color:#fff;
  1038.   font-weight:bold;
  1039.   font-size:16px;
  1040.   text-shadow:gray 0 1px 0;
  1041.   line-height:22px;
  1042.   padding-left:20px;
  1043.   border-bottom:none!important;
  1044. }
  1045.  
  1046. .list ul {
  1047.   background-color:#fff;
  1048.   width:100%;
  1049.   overflow:hidden;
  1050.   padding:0;
  1051.   margin:0;
  1052. }
  1053.  
  1054. .list #content li {
  1055.   height:40px;
  1056.   border-bottom:1px solid #e1e1e1;
  1057.   list-style:none;
  1058. }
  1059.  
  1060. .list {
  1061.   background-color:#fff;
  1062.   background-image:none!important;
  1063. }
  1064.  
  1065. .list #footer {
  1066.   margin-top:24px!important;
  1067. }
  1068.  
  1069. .ipodlist #footer {
  1070.   margin-top:48px!important;
  1071. }
  1072.  
  1073. .list #content li a {
  1074.   padding:9px 0 0 20px;
  1075.   font-size:large;
  1076.   font-weight:bold;
  1077.   position:relative;
  1078.   display:block;
  1079.   color:#000;
  1080.   text-decoration:none;
  1081.   height:32px;
  1082. }
  1083.  
  1084. .list #content li a .name {
  1085.   text-overflow:ellipsis;
  1086.   overflow:hidden;
  1087.   max-width:93%;
  1088.   white-space:nowrap;
  1089.   display:block;
  1090. }
  1091.  
  1092. .list #content li a:hover {
  1093.   color:#fff;
  1094. }
  1095.  
  1096. .list #content {
  1097.   margin-top:-13px!important;
  1098. }
  1099.  
  1100. .ipodlist #content,.musiclist #content,.applist #content {
  1101.   margin-top:-29px!important;
  1102. }
  1103.  
  1104. .list ul img {
  1105.   width:90px;
  1106.   height:90px;
  1107.   position:absolute;
  1108.   left:0;
  1109.   top:0;
  1110. }
  1111.  
  1112. .list .withimage {
  1113.   height:90px!important;
  1114. }
  1115.  
  1116. .list .withimage .name {
  1117.   margin:13px 0 0 90px;
  1118.   text-overflow:ellipsis;
  1119.   overflow:hidden;
  1120.   max-width:63%!important;
  1121.   white-space:nowrap;
  1122. }
  1123.  
  1124. .list .withimage .comment {
  1125.   margin:10px auto auto 90px!important;
  1126.   max-width:63%!important;
  1127. }
  1128.  
  1129. .list .withimage a,.list .withimage:hover a {
  1130.   height:81px!important;
  1131. }
  1132.  
  1133. #leftnav,#leftbutton,#blueleftbutton {
  1134.   position:absolute;
  1135.   font-size:12px;
  1136.   left:9px;
  1137.   font-weight:bold;
  1138. }
  1139.  
  1140. #leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton {
  1141.   z-index:5000;
  1142. }
  1143.  
  1144. #leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a {
  1145.   display:block;
  1146.   color:#fff;
  1147.   text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
  1148.   text-decoration:none;
  1149. }
  1150.  
  1151. .black #leftnav a:first-child,.transparent #leftnav a:first-child {
  1152.   -webkit-border-image:url(../images/navleftblack.png) 0 5 0 13;
  1153. }
  1154.  
  1155. .black #leftnav a,.transparent #leftnav a {
  1156.   -webkit-border-image:url(../images/navlinkleftblack.png) 0 5 0 13;
  1157. }
  1158.  
  1159. .black #rightnav a:first-child,.transparent #rightnav a:first-child {
  1160.   -webkit-border-image:url(../images/navrightblack.png) 0 13 0 5;
  1161. }
  1162.  
  1163. .black #rightnav a,.transparent #rightnav a {
  1164.   -webkit-border-image:url(../images/navlinkrightblack.png) 0 13 0 5;
  1165. }
  1166.  
  1167. .black #leftbutton a,.black #rightbutton a,.transparent #leftbutton a,.transparent #rightbutton a {
  1168.   -webkit-border-image:url(../images/navbuttonblack.png) 0 5 0 5;
  1169. }
  1170.  
  1171. #leftnav a:first-child {
  1172.   z-index:2;
  1173.   -webkit-border-image:url(../images/navleft.png) 0 5 0 13;
  1174.   border-width:0 5px 0 13px;
  1175.   -webkit-border-top-left-radius:16px;
  1176.   -webkit-border-bottom-left-radius:16px;
  1177.   -webkit-border-top-right-radius:6px;
  1178.   -webkit-border-bottom-right-radius:6px;
  1179.   width:auto;
  1180. }
  1181.  
  1182. #leftnav a {
  1183.   -webkit-border-image:url(../images/navlinkleft.png) 0 5 0 13;
  1184.   z-index:3;
  1185.   margin-left:-4px;
  1186.   border-width:0 5px 0 13px;
  1187.   padding-right:4px;
  1188.   -webkit-border-top-left-radius:16px;
  1189.   -webkit-border-bottom-left-radius:16px;
  1190.   -webkit-border-top-right-radius:6px;
  1191.   -webkit-border-bottom-right-radius:6px;
  1192.   float:left;
  1193. }
  1194.  
  1195. #rightnav,#rightbutton,#bluerightbutton {
  1196.   position:absolute;
  1197.   font-size:12px;
  1198.   right:9px;
  1199.   font-weight:bold;
  1200. }
  1201.  
  1202. #rightnav a {
  1203.   -webkit-border-image:url(../images/navlinkright.png) 0 13 0 5;
  1204.   z-index:3;
  1205.   margin-right:-4px;
  1206.   border-width:0 13px 0 5px;
  1207.   padding-left:4px;
  1208.   -webkit-border-top-left-radius:6px;
  1209.   -webkit-border-bottom-left-radius:6px;
  1210.   float:right;
  1211.   -webkit-border-top-right-radius:16px;
  1212.   -webkit-border-bottom-right-radius:16px;
  1213. }
  1214.  
  1215. #rightnav a:first-child {
  1216.   z-index:2;
  1217.   -webkit-border-top-left-radius:6px;
  1218.   -webkit-border-bottom-left-radius:6px;
  1219.   -webkit-border-image:url(../images/navright.png) 0 13 0 5;
  1220.   border-width:0 13px 0 5px;
  1221.   -webkit-border-top-right-radius:16px;
  1222.   -webkit-border-bottom-right-radius:16px;
  1223. }
  1224.  
  1225. #leftbutton a,#rightbutton a {
  1226.   -webkit-border-image:url(../images/navbutton.png) 0 5 0 5;
  1227.   border-width:0 5px;
  1228.   -webkit-border-radius:6px;
  1229. }
  1230.  
  1231. #blueleftbutton a,#bluerightbutton a {
  1232.   -webkit-border-image:url(../images/navbuttonblue.png) 0 5 0 5;
  1233.   border-width:0 5px;
  1234.   -webkit-border-radius:6px;
  1235. }
  1236.  
  1237. input[type="checkbox"] {
  1238.   width:94px;
  1239.   height:27px;
  1240.   background:url(../images/checkbox.png);
  1241.   -webkit-appearance:none;
  1242.   border:0;
  1243.   float:right;
  1244.   margin:8px 4px 0 0;
  1245. }
  1246.  
  1247. input[type="checkbox"]:checked {
  1248.   background-position:0 27px;
  1249. }
  1250.  
  1251. input[type="radio"] {
  1252.   -webkit-appearance:none;
  1253.   border:0;
  1254.   width:100%;
  1255.   height:100%;
  1256.   z-index:2;
  1257.   position:absolute;
  1258.   left:0;
  1259.   margin:0;
  1260.   -webkit-border-radius:0;
  1261. }
  1262.  
  1263. input[type="radio"]:checked {
  1264.   background:url(../images/radiobutton.png) no-repeat;
  1265.   background-position:right center;
  1266. }
  1267.  
  1268. .radiobutton .name {
  1269.   z-index:1;
  1270. }
  1271.  
  1272. select {
  1273.   -webkit-appearance:none;
  1274.   height:100%;
  1275.   width:100%;
  1276.   border:0;
  1277. }
  1278.  
  1279. .select select {
  1280.   -webkit-border-radius:0;
  1281.   color:#000;
  1282.   font-weight:bold;
  1283.   font-size:17px;
  1284. }
  1285.  
  1286. .select option {
  1287.   max-width:90%;
  1288. }
  1289.  
  1290. .select .arrow {
  1291.   background:url(../images/arrow.png);
  1292.   width:8px;
  1293.   height:13px;
  1294.   display:block;
  1295.   -webkit-transform:rotate(90deg);
  1296.   position:absolute;
  1297.   right:10px;
  1298.   top:18px;
  1299. }
  1300.  
  1301. .button input {
  1302.   width:100%;
  1303.   height:100%;
  1304.   -webkit-appearance:none;
  1305.   border:0;
  1306.   -webkit-border-radius:0;
  1307.   font-weight:bold;
  1308.   font-size:17px;
  1309.   text-overflow:ellipsis;
  1310.   white-space:nowrap;
  1311.   overflow:hidden;
  1312.   background:none;
  1313. }
  1314.  
  1315. .textbox textarea {
  1316.   padding:0;
  1317.   margin-top:5px;
  1318.   font-size:medium;
  1319. }
  1320.  
  1321. .bigfield input {
  1322.   -webkit-appearance:none;
  1323.   border:0;
  1324.   height:100%;
  1325.   padding:0;
  1326.   -webkit-border-radius:0;
  1327.   background:transparent;
  1328.   font-weight:bold;
  1329.   font-size:17px;
  1330.   padding-left:5px;
  1331. }
  1332.  
  1333. .smallfield .name {
  1334.   width:48%;
  1335.   position:absolute;
  1336.   left:0;
  1337.   font-size:17px;
  1338.   text-overflow:ellipsis;
  1339.   white-space:nowrap;
  1340.   font-weight:bold;
  1341.   line-height:44px;
  1342.   font-size:17px;
  1343.   padding-left:5px;
  1344.   overflow:hidden;
  1345. }
  1346.  
  1347. .smallfield input {
  1348.   width:50%;
  1349.   position:absolute;
  1350.   right:0;
  1351.   height:44px;
  1352.   -webkit-appearance:none;
  1353.   border:none;
  1354.   padding:0;
  1355.   background:transparent;
  1356.   -webkit-border-radius:0;
  1357.   font-weight:bold;
  1358.   font-size:17px;
  1359. }
  1360.  
  1361. .smallfield:first-child input {
  1362.   -webkit-border-top-right-radius:8px;
  1363. }
  1364.  
  1365. .smallfield:last-child input {
  1366.   -webkit-border-bottom-right-radius:8px;
  1367. }
Advertisement
Add Comment
Please, Sign In to add comment