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