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 }
  15 .back {
  16         float: left;
  17         width: 48px;
  18         height: 48px;
  19 }
  20 .up {
  21         width: 48px;
  22         height: 48px;
  23 }
  24
  25 A[href]:hover { background-color: inherit; }
  26
  27 .highslide-wrapper, .highslide-outline {
  28         background: #111111;
  29 }
  30 .highslide img {
  31         border: 1px solid #D0D0D0;
  32 }
  33 .highslide:hover img {
  34         border-color: #A0A0A0;
  35 }
  36 .highslide-active-anchor img {
  37         visibility: visible;
  38         border-color: #808080 !important;
  39 }
  40 .highslide-image {
  41         border: 2px solid #111111;
  42 }
  43 .highslide-caption {
  44         color: #CCCCCC;
  45         padding: 2px;
  46 }
  47 .highslide-loading {
  48         color: black;
  49         border: 1px solid black;
  50         background-color: white;
  51         background-image: url(graphics/loader.white.gif);
  52 }
  53 .highslide-controls {
  54         position: static !important;
  55         margin: 0;
  56         width: 120px !important;
  57 }
  58 .highslide-gallery ul li {
  59         width: 130px;
  60         height: 110px;
  61         border: 1px solid #505;
  62         margin: 2px;
  63 }
  64 .highslide-dimming {
  65         background: black;
  66 }