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