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