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