fix conflicts in single_photo.tpl
[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 .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 #whiteline {
229    height:                 1px;
230    background-color:       #ffffff;
231 }
232
233 #index {
234    margin-top:             5px;
235 }
236
237 input.submit,input.checkbox {
238    background-color:       transparent;
239    border:                 0px;
240 }
241
242 input, select, textarea {
243    background-color:       #eeeeee;
244    color:                  #333333;
245    border:                 1px solid #888888;
246    border-collapse:        collapse;
247 }