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 td.available_tags,td.selected_tags {
  49    border-bottom:          solid 1px #000000;
  50    padding-top:            10px;
  51    padding-bottom:         10px;
  52    padding-right:          10px;
  53    line-height:            21px;
  54 }
  55
  56 td.searchfor {
  57    border-bottom:          solid 1px #000000;
  58    padding-top:            10px;
  59    padding-bottom:         10px;
  60    padding-right:          10px;
  61    line-height:            21px;
  62    font-size:              12px;
  63    vertical-align:         middle;
  64 }
  65
  66 .menu {
  67    position:               absolute;
  68    left:                   0px;
  69    top:                    0px;
  70    height:                 30px;
  71    width:                  100%;
  72    margin:                 0px;
  73    padding:                5px 0px;
  74    border-bottom:          solid 1px #000000;
  75 }
  76
  77 .icons {
  78    float:                  left;
  79 }
  80
  81 /* logo 'text' */
  82 .logo {
  83    background-color:       #eeeeee;
  84    font-weight:            bolder;
  85 }
  86
  87 td.index_header {
  88    background-color:       #eeeeee;
  89    padding:                10px;
  90    vertical-align:         middle;
  91    white-space:            nowrap;
  92 }
  93
  94 td.content_title {
  95    background-color:       #eeeeee;
  96    padding:                10px;
  97    vertical-align:         middle;
  98 }
  99
 100 img {
 101    border:                none;
 102 }
 103
 104 img.thumb {
 105 }
 106
 107 a {
 108    font-size:              14px;
 109    color:                  #008200;
 110    text-decoration:        none;
 111 }
 112
 113 a:hover {
 114    color:                  #00aa44;
 115 }
 116
 117 a.tag {
 118    color:                  #000000;
 119    text-decoration:        underline;
 120 }
 121
 122 a.tag:hover {
 123    color:                  #00aa44;
 124 }
 125
 126 a.smalltag {
 127    font-size:              12px;
 128    color:                  #000000;
 129    text-decoration:        underline;
 130    font-style:             italic;
 131 }
 132
 133 a.smalltag:hover {
 134    color:                  #00aa44;
 135 }
 136
 137 a.thumblink {
 138    font-size:              12px;
 139 }
 140
 141 a.calendar {
 142    font-size:              10px;
 143 }
 144
 145 a.thumblink:hover {
 146    color:                  #4761ab;
 147 }
 148
 149 #single {
 150    padding:                10px;
 151    display:                table;
 152    table-layout:           fixed;
 153    border:                 hidden;
 154    border-spacing:         10px;
 155    border-collapse:        separate;
 156    margin-left:            auto;
 157    margin-right:           auto;
 158 }
 159
 160 table.matrix {
 161    padding:                10px;
 162    display:                table;
 163    table-layout:           fixed;
 164    border-style:           hidden;
 165    border-spacing:         10px;
 166    border-collapse:        separate;
 167    margin-left:            auto;
 168    margin-right:           auto;
 169 }
 170
 171 td.thumb {
 172    text-align:             center;
 173    display:                table-cell;
 174    vertical-align:         top;
 175    -moz-border-radius:     3px;
 176    border-radius:          3px;
 177    border:                 dashed 1px #888888;
 178    margin:                 5px;
 179    background-color:       #eeeeee;
 180    padding:                10px;
 181 }
 182
 183 #photo_details {
 184    width:                  150px;
 185    font-size:              12px;
 186    padding:                10px;
 187    -moz-border-radius:     1em;
 188    border-radius:          1em;
 189    border:                 dashed 1px #888888;
 190 }
 191
 192 #available_tags {
 193    clip:                   auto;
 194    overflow:               auto;
 195 }
 196
 197 table.calendar tr td {
 198    border:                 solid 1px #ffffff;
 199    padding:                1px;
 200    text-align:             center;
 201    font-size:              10px;
 202 }
 203
 204 .prevMonth {
 205     font-size: 10px;
 206     text-align: left;
 207 }
 208 .nextMonth {
 209     font-size: 10px;
 210     text-align: right;
 211 }
 212 #calendar {
 213    position: absolute;
 214    width: 140px;
 215    height: 200px;
 216    background-color: #000000;
 217    visibility: hidden;
 218    z-index: 1000;
 219 }
 220
 221 #slide_navigation {
 222    text-align:             center;
 223    padding:                5px;
 224    -moz-border-radius:     5px;
 225    border-radius:          5px;
 226    border:                 dashed 1px #888888;
 227    vertical-align:         middle;
 228 }
 229
 230 input.submit,input.checkbox {
 231    background-color:       transparent;
 232    border:                 0px;
 233 }
 234
 235 input, select, textarea {
 236    background-color:       #eeeeee;
 237    color:                  #333333;
 238    border:                 1px solid #888888;
 239    border-collapse:        collapse;
 240 }
 241