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    text-align:             left;
  97 }
  98
  99 div.tagresult{
 100    height:                 1px;
 101    background-color:       #ffffff;
 102 }
 103
 104 div.tagresulttags{
 105    padding:                5px 10px 5px 10px;
 106    background-color:       #eeeeee;
 107 }
 108
 109 div.photo{
 110    text-align:             left;
 111    margin-top:             20px;
 112    margin-left:            20px;
 113 }
 114
 115 div.photonavigation{
 116    margin-left:            20px;
 117 }
 118
 119 div.indexnavigation{
 120    width:                  100%;
 121    margin-top:             20px;
 122 }
 123
 124 div.indexnavigationright{
 125    float:                  right;
 126    width:                  40px;
 127    margin-right:           0px;
 128    padding-right:          10px;
 129 }
 130
 131 div.indexnavigationleft{
 132    float:                  left;
 133    margin:                 0px;
 134    padding-left:           10px;
 135    width:                  40px;
 136 }
 137
 138 div.indexnavigationcenter{
 139    text-align:             center;
 140 }
 141
 142 div.textright {
 143    text-align:             right;
 144 }
 145
 146 div.welcome {
 147    padding:                10px;
 148    margin-left:            10px;
 149    margin-right:           10px;
 150 }
 151
 152 div.welcome  span {
 153    float:                  left;
 154    padding-right:          10px;
 155    width:                  150px;
 156    text-align:             center;
 157 }
 158
 159 img {
 160    border:                none;
 161 }
 162
 163 a {
 164    font-size:              14px;
 165    color:                  #008200;
 166    text-decoration:        none;
 167 }
 168
 169 a:hover {
 170    color:                  #00aa44;
 171 }
 172
 173 a.tag {
 174    color:                  #000000;
 175    text-decoration:        underline;
 176 }
 177
 178 a.tag:hover {
 179    color:                  #00aa44;
 180 }
 181
 182 a.smalltag {
 183    font-size:              12px;
 184    color:                  #000000;
 185    text-decoration:        underline;
 186    font-style:             italic;
 187 }
 188
 189 a.smalltag:hover {
 190    color:                  #00aa44;
 191 }
 192
 193 a.calendar {
 194    font-size:              10px;
 195 }
 196
 197 div.thumb {
 198    text-align:             center;
 199    vertical-align:         top;
 200    -moz-border-radius:     3px;
 201    border-radius:          3px;
 202    border:                 dashed 1px #888888;
 203    margin:                 10px 0px 0px 10px;
 204    background-color:       #eeeeee;
 205    padding:                10px;
 206    float:                  left;
 207 }
 208
 209 div.thumb img.thumb {
 210    border:                 0px;
 211    padding:                0px;
 212    margin:                 0px;
 213 }
 214
 215 div.thumb a.thumblink {
 216    font-size:              12px;
 217    border:                 0px;
 218 }
 219
 220 div.thumb a.thumblink:hover {
 221    color:                  #4761ab;
 222 }
 223
 224 .clearboth { clear: both; }
 225
 226 #photo_details {
 227    width:                  150px;
 228    font-size:              12px;
 229    padding:                10px;
 230    -moz-border-radius:     1em;
 231    border-radius:          1em;
 232    border:                 dashed 1px #888888;
 233    z-index:                100;
 234    float:                  right;
 235    margin-top:             20px;
 236    margin-right:           20px;
 237 }
 238
 239 #HTML_AJAX_LOADING {
 240    position:               fixed;
 241    z-index:                1000;
 242    top:                    90px;
 243    right:                  10px;
 244    background-color:       #ffffff;
 245    padding:                10px;
 246    -moz-border-radius:     1em;
 247    border-radius:          1em;
 248    border:                 dashed 1px #aaaaaa;
 249 }
 250
 251 #available_tags,#selected_tags {
 252    clip:                   auto;
 253    overflow:               auto;
 254    border-bottom:          solid 1px #000000;
 255    padding-top:            10px;
 256    padding-bottom:         10px;
 257    padding-right:          10px;
 258    line-height:            21px;
 259 }
 260
 261 span.tags {
 262    vertical-align:         middle;
 263    text-decoration:        underline;
 264 }
 265
 266 div.credits{
 267    margin-top:             10px;
 268    margin-left:            10px;
 269 }
 270
 271 table.calendar tr td {
 272    border:                 solid 1px #ffffff;
 273    padding:                1px;
 274    text-align:             center;
 275    font-size:              10px;
 276 }
 277
 278 .prevMonth {
 279     font-size: 10px;
 280     text-align: left;
 281 }
 282 .nextMonth {
 283     font-size: 10px;
 284     text-align: right;
 285 }
 286 #calendar {
 287    position: absolute;
 288    width: 140px;
 289    height: 200px;
 290    background-color: #000000;
 291    visibility: hidden;
 292    z-index: 1000;
 293 }
 294
 295 #slide_navigation {
 296    text-align:             center;
 297    padding:                5px;
 298    -moz-border-radius:     5px;
 299    border-radius:          5px;
 300    border:                 dashed 1px #888888;
 301    vertical-align:         middle;
 302 }
 303
 304 #slide_close {
 305    margin:                 0 auto;
 306    padding:                10px;
 307 }
 308
 309 #slide_close img {
 310    padding:                15px;
 311    background-color:       #000000;
 312 }
 313
 314 input.submit,input.checkbox {
 315    background-color:       transparent;
 316    border:                 0px;
 317 }
 318
 319 input, select, textarea {
 320    background-color:       #eeeeee;
 321    color:                  #333333;
 322    border:                 1px solid #888888;
 323    border-collapse:        collapse;
 324 }
 325
 326 #slider-1{
 327    margin:                 0 auto;
 328 }