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