templates/bright/gallery.css

   1 body {
   2         background-color: #eee;
   3         font-family: tahoma, verdana, sans-serif;
   4         color: #555;
   5         text-align: center;
   6         font-size: 11px;
   7         margin: 10px;
   8 }
   9 td {
  10         font-size: 11px;
  11 }
  12 a {
  13         color: #506677;
  14         text-decoration: none;
  15 }
  16 a:hover {
  17         text-decoration: underline;
  18 }
  19 table {
  20         margin: auto;
  21 }
  22 .gallery-info {
  23         text-align:     left;
  24         margin-bottom: 30px;
  25 }
  26 /*
  27 .img-white {
  28         margin: 0px auto;
  29         float: left;
  30         background: url(/eeeBorder.gif) no-repeat top left;
  31 }
  32 .img-shadow {
  33         float: left;
  34         background: url(/eeeshadow.gif) no-repeat bottom right;
  35 }
  36 */
  37 .img-border {
  38         background-color: #fff;
  39         border: 1px solid #555;
  40         padding: 8px;
  41         font-size: 11px;
  42         margin: 6px;
  43         text-align: right;
  44 }
  45 .img-shadow img {
  46         border: 2px solid #ddd;
  47         border-left: 2px solid #999;
  48         border-top: 2px solid #999;
  49 }
  50 .img-border div {
  51         margin-top: 4px;
  52 }
  53 .clr {
  54         clear: both;
  55 }
  56 div.gallery-nav {
  57         float: right;
  58         text-align: right;
  59 }
  60 div.gallery-info {
  61         float: left;
  62         text-align: left;
  63 }
  64 div.gallery-info a {
  65 }
  66 div.gallery-info:hover {
  67         color: #000;
  68 }
  69 div.gallery-info:hover a {
  70         color: #5b8db2;
  71 }
  72 .img-info {
  73         margin-bottom: 5px;
  74 }
  75 .img-info:hover {
  76         color: #000;
  77 }
  78 .img-options {
  79         margin-top: 5px;
  80         margin-bottom: 100px;
  81 }
  82 .img-options:hover {
  83         color: #000;
  84 }
  85 .img-options:hover a {
  86         color: #5b8db2;
  87 }
  88 .aginfo:hover {
  89         color: #000;
  90 }
  91 .aginfo:hover a {
  92         color: #0066b2;
  93 }
  94 #directory {
  95     background-color: #fff;
  96     border: 4px solid #ddd;
  97     padding: 20px;
  98     text-align: left;
  99     top: 0px;
 100         width: 620px;
 101 }
 102 .thumb {
 103         float: left;
 104         text-align: center;
 105         width: 150px;
 106         height: 150px;
 107         margin: 2px;
 108 }
 109 .thumb img {
 110         border-color: #506677;
 111         vertical-align: middle;
 112 }
 113 .folder {
 114     float: left;
 115     height: 100px;
 116     padding: 2px;
 117     text-align: center;
 118     width: 120px;
 119 }
 120 .folder img {
 121     border: 0px;
 122 }
 123 .folder a:hover img {
 124     border: 0px;
 125 }
 126 .folder a:hover {
 127         text-decoration: none;
 128 }