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