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 .pics img.large{
  39   border: 1px solid white;
  40   margin: 2px;
  41   height: 500px;
  42 }
  43
  44 footer {
  45   border-top: 1px solid grey;
  46   color: #eee;
  47 }
  48
  49 .copyright {
  50     color: #999;
  51     float:right;
  52 }
  53
  54
  55 .debug { position: absolute; top:0; left:0}
  56
  57 .nextprev ul li {
  58     display:inline;
  59 }
  60 .nextprev ul li img {
  61     padding-right: 5px;
  62 }
  63
  64 .singlepic {
  65     position: relative;
  66     display: inline-block;
  67 }
  68
  69 .singlepic:hover .left, .singlepic:hover .right {
  70     display: inline-block;
  71     opacity: 0.6;
  72 }
  73
  74 .singlepic .left img, .singlepic .right img {
  75     position: absolute;
  76     top: 50%;
  77     width: 50px;
  78     height: 50px;
  79     margin-top: -25px;
  80     border: 0px solid white;
  81 }
  82
  83 .singlepic .left, .singlepic .right {
  84     display: none;
  85     height: 500px;
  86     width: 50px;
  87     z-index:2;
  88     opacity: 0.0;
  89 }
  90 .singlepic .left {
  91     position: absolute;
  92     left: 3px;
  93     top: 3px;
  94 }
  95 .singlepic .right {
  96     position: relative;
  97     left: -56px;
  98     top: -3px;
  99 }
 100
 101 .singlepic .left:hover, .singlepic .right:hover {
 102     opacity: 0.95;
 103 }