static/css/top.css

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