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