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