themes/default/stylesheet.css

   1 body {
   2    color:                  rgb(26,151,15);
   3    font-family:            sans-serif;
   4    font-style:             normal;
   5    margin:                 0px 0px 0px 0px;
   6    padding:                0px 0px 0px 0px;
   7 }
   8
   9 body.slideshow {
  10    color:                  rgb(26,151,15);
  11    font-family:            sans-serif;
  12    font-style:             normal;
  13    border:                 none;
  14    padding:                10px;
  15    text-align:             center;
  16 }
  17
  18 table, tr, td {
  19    border-collapse:        collapse;
  20    padding:                0px;
  21    empty-cells:            show;
  22    vertical-align:         top;
  23 }
  24
  25 /* left column containg search and tag-selection */
  26 .options {
  27    position:               absolute;
  28    left:                   0px;
  29    top:                    40px;
  30    width:                  265px;
  31    max-width:              265px;
  32    min-width:              265px;
  33    padding-top:            8px;
  34    padding-bottom:         10px;
  35    padding-left:           5px;
  36    padding-right:          10px;
  37    border-right:           solid 1px #000000;
  38 }
  39
  40 /* main cell containing photo content */
  41 .content {
  42    margin-top:             40px;
  43    margin-left:            280px;
  44    margin-right:           0px;
  45    padding:                0px;
  46 }
  47
  48 div.searchfor {
  49    padding-top:            10px;
  50    padding-right:          10px;
  51    padding-bottom:          10px;
  52    line-height:            21px;
  53    font-size:              12px;
  54    vertical-align:         middle;
  55    border-bottom:          solid 1px #000000;
  56 }
  57
  58 div.searchfor td.nowrap {
  59    white-space:            nowrap;
  60 }
  61
  62 .menu {
  63    position:               absolute;
  64    left:                   0px;
  65    top:                    0px;
  66    height:                 30px;
  67    width:                  100%;
  68    margin:                 0px;
  69    padding:                5px 0px;
  70    border-bottom:          solid 1px #000000;
  71 }
  72
  73 .icons {
  74    float:                  left;
  75 }
  76
  77 /* logo 'text' */
  78 .logo {
  79    background-color:       #eeeeee;
  80    font-weight:            bolder;
  81 }
  82
  83 div.header {
  84    background-color:       #eeeeee;
  85    padding:                10px;
  86    vertical-align:         middle;
  87    white-space:            nowrap;
  88    text-align:             left;
  89 }
  90
  91 div.subheader {
  92    background-color:       #eeeeee;
  93    padding:                5px 10px 5px 10px;
  94    vertical-align:         middle;
  95    white-space:            nowrap;
  96 }
  97
  98 div.welcome {
  99    padding:                10px;
 100    margin-left:            10px;
 101    margin-right:           10px;
 102 }
 103
 104 div.welcome div {
 105    float:                  left;
 106    padding-right:          10px;
 107    width:                  150px;
 108    text-align:             center;
 109 }
 110
 111 img {
 112    border:                none;
 113 }
 114
 115 a {
 116    font-size:              14px;
 117    color:                  #008200;
 118    text-decoration:        none;
 119 }
 120
 121 a:hover {
 122    color:                  #00aa44;
 123 }
 124
 125 a.tag {
 126    color:                  #000000;
 127    text-decoration:        underline;
 128 }
 129
 130 a.tag:hover {
 131    color:                  #00aa44;
 132 }
 133
 134 a.smalltag {
 135    font-size:              12px;
 136    color:                  #000000;
 137    text-decoration:        underline;
 138    font-style:             italic;
 139 }
 140
 141 a.smalltag:hover {
 142    color:                  #00aa44;
 143 }
 144
 145 a.calendar {
 146    font-size:              10px;
 147 }
 148
 149 div.thumb {
 150    text-align:             center;
 151    vertical-align:         top;
 152    -moz-border-radius:     3px;
 153    border-radius:          3px;
 154    border:                 dashed 1px #888888;
 155    margin:                 10px 0px 0px 10px;
 156    background-color:       #eeeeee;
 157    padding:                10px;
 158    float:                  left;
 159 }
 160
 161 div.thumb img.thumb {
 162    border:                 0px;
 163    padding:                0px;
 164    margin:                 0px;
 165 }
 166
 167 div.thumb a.thumblink {
 168    font-size:              12px;
 169    border:                 0px;
 170 }
 171
 172 div.thumb a.thumblink:hover {
 173    color:                  #4761ab;
 174 }
 175
 176 .clearboth { clear: both; }
 177
 178 #photo_details {
 179    width:                  150px;
 180    font-size:              12px;
 181    padding:                10px;
 182    -moz-border-radius:     1em;
 183    border-radius:          1em;
 184    border:                 dashed 1px #888888;
 185    z-index:                100;
 186    float:                  right;
 187    margin-top:             20px;
 188    margin-right:           20px;
 189 }
 190
 191 #HTML_AJAX_LOADING {
 192    position:               fixed;
 193    z-index:                1000;
 194    top:                    90px;
 195    right:                  10px;
 196    background-color:       #ffffff;
 197    padding:                10px;
 198    -moz-border-radius:     1em;
 199    border-radius:          1em;
 200    border:                 dashed 1px #aaaaaa;
 201 }
 202
 203 #available_tags,#selected_tags {
 204    clip:                   auto;
 205    overflow:               auto;
 206    border-bottom:          solid 1px #000000;
 207    padding-top:            10px;
 208    padding-bottom:         10px;
 209    padding-right:          10px;
 210    line-height:            21px;
 211 }
 212
 213 span.tags {
 214    vertical-align:         middle;
 215    text-decoration:        underline;
 216 }
 217
 218 table.calendar tr td {
 219    border:                 solid 1px #ffffff;
 220    padding:                1px;
 221    text-align:             center;
 222    font-size:              10px;
 223 }
 224
 225 .prevMonth {
 226     font-size: 10px;
 227     text-align: left;
 228 }
 229 .nextMonth {
 230     font-size: 10px;
 231     text-align: right;
 232 }
 233 #calendar {
 234    position: absolute;
 235    width: 140px;
 236    height: 200px;
 237    background-color: #000000;
 238    visibility: hidden;
 239    z-index: 1000;
 240 }
 241
 242 #slide_navigation {
 243    text-align:             center;
 244    padding:                5px;
 245    -moz-border-radius:     5px;
 246    border-radius:          5px;
 247    border:                 dashed 1px #888888;
 248    vertical-align:         middle;
 249 }
 250
 251 #slide_close {
 252    margin:                 0 auto;
 253    padding:                10px;
 254 }
 255
 256 #slide_close img {
 257    padding:                15px;
 258    background-color:       #000000;
 259 }
 260
 261 input.submit,input.checkbox {
 262    background-color:       transparent;
 263    border:                 0px;
 264 }
 265
 266 input, select, textarea {
 267    background-color:       #eeeeee;
 268    color:                  #333333;
 269    border:                 1px solid #888888;
 270    border-collapse:        collapse;
 271 }
 272
 273 #slider-1{
 274    margin:                 0 auto;
 275 }