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 div.header {
  88    background-color:       #eeeeee;
  89    padding:                10px;
  90    vertical-align:         middle;
  91    white-space:            nowrap;
  92 }
  93
  94 img {
  95    border:                none;
  96 }
  97
  98 a {
  99    font-size:              14px;
 100    color:                  #008200;
 101    text-decoration:        none;
 102 }
 103
 104 a:hover {
 105    color:                  #00aa44;
 106 }
 107
 108 a.tag {
 109    color:                  #000000;
 110    text-decoration:        underline;
 111 }
 112
 113 a.tag:hover {
 114    color:                  #00aa44;
 115 }
 116
 117 a.smalltag {
 118    font-size:              12px;
 119    color:                  #000000;
 120    text-decoration:        underline;
 121    font-style:             italic;
 122 }
 123
 124 a.smalltag:hover {
 125    color:                  #00aa44;
 126 }
 127
 128 a.calendar {
 129    font-size:              10px;
 130 }
 131
 132 div.thumb {
 133    text-align:             center;
 134    vertical-align:         top;
 135    -moz-border-radius:     3px;
 136    border-radius:          3px;
 137    border:                 dashed 1px #888888;
 138    margin:                 10px 0px 0px 10px;
 139    background-color:       #eeeeee;
 140    padding:                10px;
 141    float:                  left;
 142 }
 143
 144 div.thumb img.thumb {
 145    border:                 0px;
 146    padding:                0px;
 147    margin:                 0px;
 148 }
 149
 150 div.thumb a.thumblink {
 151    font-size:              12px;
 152    border:                 0px;
 153 }
 154
 155 div.thumb a.thumblink:hover {
 156    color:                  #4761ab;
 157 }
 158
 159 .clearboth { clear: both; }
 160
 161 #photo_details {
 162    width:                  150px;
 163    font-size:              12px;
 164    padding:                10px;
 165    -moz-border-radius:     1em;
 166    border-radius:          1em;
 167    border:                 dashed 1px #888888;
 168    z-index:                100;
 169 }
 170
 171 #available_tags {
 172    clip:                   auto;
 173    overflow:               auto;
 174 }
 175
 176 table.calendar tr td {
 177    border:                 solid 1px #ffffff;
 178    padding:                1px;
 179    text-align:             center;
 180    font-size:              10px;
 181 }
 182
 183 .prevMonth {
 184     font-size: 10px;
 185     text-align: left;
 186 }
 187 .nextMonth {
 188     font-size: 10px;
 189     text-align: right;
 190 }
 191 #calendar {
 192    position: absolute;
 193    width: 140px;
 194    height: 200px;
 195    background-color: #000000;
 196    visibility: hidden;
 197    z-index: 1000;
 198 }
 199
 200 #slide_navigation {
 201    text-align:             center;
 202    padding:                5px;
 203    -moz-border-radius:     5px;
 204    border-radius:          5px;
 205    border:                 dashed 1px #888888;
 206    vertical-align:         middle;
 207 }
 208
 209 input.submit,input.checkbox {
 210    background-color:       transparent;
 211    border:                 0px;
 212 }
 213
 214 input, select, textarea {
 215    background-color:       #eeeeee;
 216    color:                  #333333;
 217    border:                 1px solid #888888;
 218    border-collapse:        collapse;
 219 }
 220