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