static/css/top.css

   1 @media only screen and (min-width:900px){
   2 .slideshow-nav a.prev {
   3         margin-left:-480px
   4         }
   5 .slideshow-nav a.next {
   6         margin-left:408px
   7         }
   8 }
   9 @media only screen and (min-width:600px)
  10 and (max-width:899px){
  11 .slideshow .slide img {
  12         display:none
  13         }
  14 .slideshow-nav a.prev {
  15         margin-left:-300px
  16         }
  17 .slideshow-nav a.next {
  18         margin-left:200px
  19         }
  20 }
  21 @media only screen and (max-width:599px){
  22 .slideshow .slide img {
  23         display:none
  24         }
  25 .slideshow-nav a.prev {
  26         margin-left:-150px
  27         }
  28 .slideshow-nav a.next {
  29         margin-left:100px
  30         }
  31 }
  32
  33 .slideshow-slides {
  34         height:100%;
  35         position:absolute;
  36         width:100%;
  37 }
  38
  39 .slideshow {
  40         background-color:rgb(225,225,225);
  41         width:100%;
  42         height:465px;
  43         overflow:hidden;
  44         position:relative
  45 }
  46
  47 .slideshow-slides .slide {
  48         height:100%;
  49         overflow:auto;
  50         position:absolute;
  51         width:100%;
  52 }
  53
  54 .slideshow-nav a,
  55 .slideshow-indicator a {
  56         overflow:hidden
  57 }
  58
  59 .slideshow-nav a:before,
  60 .slideshow-indicator a:before {
  61         content:url(../img/sprites.png);
  62         display:inline-block;
  63         font-size:0;
  64         line-height:0
  65 }
  66
  67 .slideshow-nav a {
  68         position:absolute;
  69         top:50%;
  70         left:50%;
  71         width:72px;
  72         height:72px;
  73         margin-top:-36px
  74 }
  75
  76 .slideshow-nav a.prev:before {
  77         margin-top:-20px
  78 }
  79
  80 .slideshow-nav a.next:before {
  81         margin-left:-80px;
  82         margin-top:-20px
  83 }
  84
  85 .slideshow-nav a.disabled {
  86         display:none
  87 }
  88
  89 .slideshow-indicator {
  90         bottom:30px;
  91         height:16px;
  92         left:0;
  93         position:absolute;
  94         right:0;
  95         text-align:center
  96 }
  97
  98 .slideshow-indicator a {
  99         display:inline-block;
 100         width:16px;
 101         height:16px;
 102         margin-left:3px;
 103         margin-right:3px
 104 }
 105
 106 .slideshow-indicator a.active {
 107         cursor:default
 108 }
 109
 110 .slideshow-indicator a:before {
 111         margin-left:-110px
 112 }
 113
 114 .slideshow-indicator a.active:before {
 115         margin-left:-130px
 116 }
 117
 118 .no-js .slideshow {
 119         height:auto
 120 }
 121
 122 .no-js .slideshow-slides {
 123         height:auto;
 124         position:static
 125 }
 126
 127 .no-js .slideshow-slides .slide {
 128         display: block;
 129         height: auto;
 130         position:static
 131 }
 132
 133 .no-js .slideshow-slides .slide .box{
 134         margin:auto;
 135         position:static
 136 }
 137
 138 .no-js .slideshow-nav,
 139 .no-js .slideshow-indicator {
 140         display:none
 141 }