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 .comment {
  79         margin-bottom: 5px;
  80         font-size: 18px;
  81 }
  82 .comment:hover {
  83         color: #000;
  84         font-size: 18px;
  85 }
  86 .img-options {
  87         margin-top: 10px;
  88         margin-bottom: 100px;
  89 }
  90 .img-options:hover {
  91         color: #000;
  92 }
  93 .img-options:hover a {
  94         color: #5b8db2;
  95 }
  96 .aginfo:hover {
  97         color: #000;
  98 }
  99 .aginfo:hover a {
 100         color: #0066b2;
 101 }
 102 #directory {
 103     background-color: #fff;
 104     border: 4px solid #ddd;
 105     padding: 20px;
 106     text-align: left;
 107     top: 0px;
 108         width: 620px;
 109 }
 110 .directory-preview {
 111     background-color: #fff;
 112     border: 4px solid #ddd;
 113     padding: 20px;
 114     text-align: left;
 115     top: 0px;
 116     width: 200px;
 117     height: 50px;
 118 }
 119 .thumb {
 120         float: left;
 121         text-align: center;
 122         width: 150px;
 123         height: 150px;
 124         margin: 2px;
 125 }
 126 .thumb img {
 127         border-color: #506677;
 128         vertical-align: middle;
 129 }
 130 .folder {
 131     float: left;
 132     height: 100px;
 133     padding: 2px;
 134     text-align: center;
 135     width: 120px;
 136 }
 137 .folder img {
 138     border: 0px;
 139 }
 140 .folder a:hover img {
 141     border: 0px;
 142 }
 143 .folder a:hover {
 144         text-decoration: none;
 145 }