gal/highslide/custom.css

   1 /*
   2  *      Site-specific stylesheet for Highslide JS gallery theme
   3  */
   4
   5 H1      { text-align: center; }
   6 H2      { text-align: center; margin-bottom: 3ex; }
   7 .parent { text-align: center; }
   8 .large  { text-align: center; }
   9
  10 .fwd {
  11         float: right;
  12         width: 48px;
  13         height: 48px;
  14         background-image: url(plain/next.png);
  15 }
  16 .back {
  17         float: left;
  18         width: 48px;
  19         height: 48px;
  20 }
  21 .up {
  22         width: 48px;
  23         height: 48px;
  24 }
  25
  26 A[href]:hover { background-color: inherit; }
  27
  28 .highslide-wrapper, .highslide-outline {
  29         background: #111111;
  30 }
  31 .highslide img {
  32         border: 1px solid #D0D0D0;
  33 }
  34 .highslide:hover img {
  35         border-color: #A0A0A0;
  36 }
  37 .highslide-active-anchor img {
  38         visibility: visible;
  39         border-color: #808080 !important;
  40 }
  41 .highslide-image {
  42         border: 2px solid #111111;
  43 }
  44 .highslide-caption {
  45         color: #CCCCCC;
  46         padding: 2px;
  47 }
  48 .highslide-loading {
  49         color: black;
  50         border: 1px solid black;
  51         background-color: white;
  52         background-image: url(graphics/loader.white.gif);
  53 }
  54 .highslide-controls {
  55         position: static !important;
  56         margin: 0;
  57         width: 120px !important;
  58 }
  59 .highslide-gallery ul li {
  60         width: 130px;
  61         height: 110px;
  62         border: 1px solid #505;
  63         margin: 2px;
  64 }
  65 .highslide-dimming {
  66         background: black;
  67 }