static/css/top.css

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