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