issue66, calendar is now shown on the right position and is getting closed when a...
[phpfspot.git] / themes / default / stylesheet.css
1 body {\r
2    color:                  rgb(26,151,15);\r
3    font-family:            sans-serif;\r
4    font-style:             normal;\r
5    margin-left:            0px;\r
6    margin-right:           0px;\r
7 }\r
8 \r
9 body.slideshow {\r
10    color:                  rgb(26,151,15);\r
11    font-family:            sans-serif;\r
12    font-style:             normal;\r
13    border:                 none;\r
14    padding:                10px;\r
15    text-align:             center;\r
16 }\r
17 \r
18 \r
19 table, tr, td {\r
20    border-collapse:        collapse;\r
21    padding:                0px;\r
22    empty-cells:            show;\r
23    vertical-align:         top;\r
24 }\r
25 \r
26 td.options {\r
27    width:                  250px;\r
28    max-width:              250px;\r
29    min-width:              250px;\r
30    padding:                5px;\r
31    padding-top:            8px;\r
32    border-top:             solid 1px #000000;\r
33    border-right:           solid 1px #000000;\r
34 }\r
35 \r
36 td.available_tags,td.selected_tags {\r
37    border-bottom:          solid 1px #000000;\r
38    padding-top:            10px;\r
39    padding-bottom:         10px;\r
40    padding-right:          10px;\r
41    line-height:            21px;\r
42 }\r
43 \r
44 td.searchfor {\r
45    border-bottom:          solid 1px #000000;\r
46    padding-top:            10px;\r
47    padding-bottom:         10px;\r
48    padding-right:          10px;\r
49    line-height:            21px;\r
50    font-size:              12px;\r
51    vertical-align:         middle;\r
52 }\r
53 \r
54 .logo {\r
55    font-weight:            bolder;\r
56    padding:                5px;\r
57    height:                 30px;\r
58    border-bottom:          solid 1px #000000;\r
59 }\r
60 \r
61 td.content {\r
62    border-top:             solid 1px #000000;\r
63 }\r
64 \r
65 .menu {\r
66    padding:                5px;\r
67 }\r
68 \r
69 td.index_header {\r
70    background-color:       #eeeeee;\r
71    padding:                10px;\r
72    vertical-align:         middle;\r
73    white-space:            nowrap;\r
74 }\r
75 \r
76 td.content_title {\r
77    background-color:       #eeeeee;\r
78    padding:                10px;\r
79    vertical-align:         middle;\r
80 }\r
81 \r
82 \r
83 img {\r
84    border:                none;\r
85 }\r
86 \r
87 img.thumb {\r
88 }\r
89 \r
90 a {\r
91    font-size:              14px;\r
92    color:                  #008200;\r
93    text-decoration:        none;\r
94 }\r
95 \r
96 a:hover {\r
97    color:                  #00aa44;\r
98 }\r
99 \r
100 a.tag {\r
101    color:                  #000000;\r
102    text-decoration:        underline;\r
103 }\r
104 \r
105 a.tag:hover {\r
106    color:                  #00aa44;\r
107 }\r
108 \r
109 a.smalltag {\r
110    font-size:              12px;\r
111    color:                  #000000;\r
112    text-decoration:        underline;\r
113    font-style:             italic;\r
114 }\r
115 \r
116 a.smalltag:hover {\r
117    color:                  #00aa44;\r
118 }\r
119 \r
120 a.thumblink {\r
121    font-size:              12px;\r
122 }\r
123 \r
124 a.calendar {\r
125    font-size:              10px;\r
126 }\r
127 \r
128 a.thumblink:hover {\r
129    color:                  #4761ab;\r
130 }\r
131 \r
132 #single {\r
133    padding:                10px;\r
134    display:                table;\r
135    margin-left:            10px;\r
136    margin-right:           10px;\r
137    table-layout:           fixed;\r
138    border:                 hidden;\r
139    border-spacing:         10px;\r
140    border-collapse:        separate;\r
141 }\r
142 \r
143 table.matrix {\r
144    padding:                10px;\r
145    display:                table;\r
146    margin-left:            5px;\r
147    margin-right:           10px;\r
148    table-layout:           fixed;\r
149    border-style:           hidden;\r
150    border-spacing:         10px;\r
151    border-collapse:        separate;\r
152 }\r
153 \r
154 td.thumb {\r
155    text-align:             center;\r
156    display:                table-cell;\r
157    vertical-align:         top;\r
158    -moz-border-radius:     3px;\r
159    border-radius:          3px;\r
160    border:                 dashed 1px #888888;\r
161    margin:                 5px;\r
162    background-color:       #eeeeee;\r
163    padding:                10px;\r
164 }\r
165 \r
166 #photo_details {\r
167    width:                  150px;\r
168    font-size:              12px;\r
169    padding:                10px;\r
170    -moz-border-radius:     1em;\r
171    border-radius:          1em;\r
172    border:                 dashed 1px #888888;\r
173 }\r
174 \r
175 #available_tags {\r
176    clip:                   auto;\r
177    overflow:               auto;\r
178 }\r
179 \r
180 table.calendar tr td {\r
181    border:                 solid 1px #ffffff;\r
182    padding:                1px;\r
183    text-align:             center;\r
184    font-size:              10px;\r
185 }\r
186 \r
187 .prevMonth {\r
188     font-size: 10px;\r
189     text-align: left;\r
190 }\r
191 .nextMonth {\r
192     font-size: 10px;\r
193     text-align: right;\r
194 }\r
195 #calendar {\r
196    position: absolute;\r
197    width: 140px;\r
198    height: 200px;\r
199    background-color: #000000;\r
200    visibility: hidden;\r
201    z-index: 1000;\r
202 }\r
203 \r
204 #slide_navigation {\r
205    text-align:             center;\r
206    padding:                5px;\r
207    -moz-border-radius:     5px;\r
208    border-radius:          5px;\r
209    border:                 dashed 1px #888888;\r
210    vertical-align:         middle;\r
211 }\r