style.css

   1
   2 h1 {
   3     color:red;
   4     margin: 1em 0;
   5     text-align: center;
   6 }
   7 body {
   8     background-color: black;
   9     color: #eee;
  10 }
  11
  12 .permalink {
  13     float:right;
  14     color: #eee;
  15     padding-right: 1em;
  16 }
  17
  18 a[visited]{ color: #aaa;}
  19
  20 .index {
  21     margin: 0 10px;
  22 }
  23 nav {
  24     text-align: center;
  25 }
  26
  27 .pics li {
  28   display: inline;
  29   list-style: none;
  30 }
  31
  32 .pics img {
  33   border: 1px solid white;
  34   margin: 2px;
  35   height: 100px;
  36 }
  37
  38 img.current {
  39     position:relative;
  40     top:1px;
  41     border: 1px solid white;
  42 }
  43
  44 .pics img.large{
  45   border: 1px solid white;
  46   margin: 2px;
  47   height: 500px;
  48 }
  49
  50 footer {
  51   border-top: 1px solid grey;
  52   color: #eee;
  53 }
  54
  55 .copyright {
  56     color: #999;
  57     float:right;
  58 }
  59
  60
  61 .debug { position: absolute; top:0; left:0}
  62
  63 button.currentpage {
  64    background-color: #aaa;
  65 }
  66
  67 .nextprev ul li {
  68     display:inline;
  69 }
  70 .nextprev ul li img {
  71     margin-right: 5px;
  72 }
  73
  74 .singlepic {
  75     position: relative;
  76     display: inline-block;
  77 }
  78
  79 .singlepic:hover .left, .singlepic:hover .right {
  80     display: inline-block;
  81     opacity: 0.6;
  82 }
  83
  84 .singlepic .left img, .singlepic .right img {
  85     position: absolute;
  86     top: 50%;
  87     width: 50px;
  88     height: 50px;
  89     margin-top: -25px;
  90     border: 0px solid white;
  91 }
  92
  93 .singlepic .left, .singlepic .right {
  94     display: none;
  95     height: 500px;
  96     width: 50px;
  97     z-index:2;
  98     opacity: 0.0;
  99 }
 100 .singlepic .left {
 101     position: absolute;
 102     left: 3px;
 103     top: 3px;
 104 }
 105 .singlepic .right {
 106     position: relative;
 107     left: -56px;
 108     top: -3px;
 109 }
 110
 111 .singlepic .left:hover, .singlepic .right:hover {
 112     opacity: 0.95;
 113 }