source: extensions/Keaihui_/theme.css @ 31974

Last change on this file since 31974 was 8978, checked in by zensh, 13 years ago
File size: 11.1 KB
Line 
1.content div.thumbnailCategory div.illustration { 
2        width:135px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ 
3}
4#comments div.thumbnailCategory div.illustration { 
5        width:135px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 
6}
7#comments .thumbnailCategories hr {display:none;}
8#comments form.filter input[type="submit"] { margin-top:1.8em; }
9
10/*  Keaihui Theme is close to the Sylvia theme */
11
12BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { 
13        color:#444; 
14}
15#imageHeaderBar, #imageToolBar A:hover { 
16        background-color: transparent; 
17}
18BODY { 
19        background:transparent;
20        margin:0; 
21        padding:0; 
22        min-height: 200px; 
23        font-family: "ËÎÌå", "Microsoft YaHei", Arial, Helvetica, Verdana, Sans-Serif;
24}
25#the_page { 
26        background:#fffff0;
27        margin:0 auto; 
28        text-align:center;
29        padding:0; 
30        z-index:0; 
31        width: 96%; 
32        min-width: 480px;
33        max-width: 1080px;
34}
35#theHeader { 
36        margin:10px auto; 
37        padding:0;
38        width: auto; 
39        min-width: 150px; 
40        min-height: 110px; 
41}
42#theHeader a:hover { 
43        border: 0 !important; 
44}
45#mbIdentification p, .totalImages { 
46        color:#333; 
47}
48.header_msgs,
49.header_notes {
50        background:#ddffdd none !important;
51        border:2px solid #FF3363;
52        color:#333;
53        font-size:16px;
54        margin:10px auto !important;
55        padding:5px !important;
56        width:95%;
57        border-radius:4px;
58    -moz-border-radius:4px;
59    -webkit-border-radius:4px;
60        box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
61    -moz-box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
62    -webkit-box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
63}
64#menubar { 
65        background: transparent;
66        text-align: left;
67        width: 231px;
68        margin: 0; 
69        padding: 0;
70        border: 0; 
71}
72#menubar DL { 
73        border:2px solid #FF3363;
74        margin:0 0 10px 0; 
75        padding:0; 
76        width: 100%;
77        min-height: 32px; 
78        overflow: hidden;
79        border-top-right-radius:20px;
80    -moz-border-radius-topright:20px;
81    -webkit-border-top-right-radius:20px;
82        border-bottom-left-radius:20px;
83    -moz-border-radius-bottomleft:20px;
84    -webkit-border-bottom-left-radius:20px;
85        box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
86    -moz-box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
87    -webkit-box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
88}
89#imageHeaderBar H2 { 
90        border: 0; 
91}
92#menubar DT { 
93        border-bottom:2px solid #FF3363;
94        width: 100%;
95        height:20px;
96        display:block;
97        margin-left:5px;
98        text-align:left; 
99}
100#menubar DD { 
101        margin:14px 0 0 0; 
102        padding:0 0 22px; 
103        width: 100%; 
104        border: 0; 
105        overflow: hidden;
106}
107#menubar DD P {
108  padding: 2px 16px 0; 
109  margin: 0;
110}
111#menubar UL, #menubar #mbCategories p, #menubar .illustration  { 
112        margin:0; 
113}
114#menubar DT A { 
115        font-size: 100%; 
116}
117#menubar UL { 
118        color:#FF3363; 
119        font-size: 16px; 
120        line-height: 15px; 
121}
122#menubar LI { 
123        padding-left: 12px; 
124}
125#menubar A, .menuInfoCat { 
126        font-size: 13px; 
127}
128#menubar form { 
129        margin:0; 
130}
131#menubar DL#mbIdentification { 
132        border:2px solid #888888 !important;
133        box-shadow: 0 0 4px 2px rgba(136, 136, 136, 0.5) !important;
134    -moz-box-shadow: 0 0 4px 2px rgba(136, 136, 136, 0.5) !important;
135    -webkit-box-shadow: 0 0 4px 2px rgba(136, 136, 136, 0.5) !important;
136}
137DL#mbIdentification DT { 
138        border-bottom:2px solid #888888 !important;
139}
140#menubar #mbIdentification  .actions, #menubar #mbIdentification form  p { 
141        background:transparent none repeat-y scroll left bottom; 
142}
143#menubar #mbIdentification p { 
144        padding: 2px 16px 0; 
145        margin: 0;
146}
147#menubar p { 
148        padding: 16px 16px 0; 
149}
150#menubar .button { 
151        position:relative; 
152        right:15px; 
153        top:4px; 
154        height:16px; 
155        width:16px; 
156}
157#menubar #mbIdentification .button { 
158        height:24px; 
159        width:24px; 
160        right:0px; 
161        top:-40px; 
162}
163#menubar #mbIdentification fieldset { 
164        border:0; 
165        margin:0 24px 0 23px; 
166}
167#menubar #mbIdentification legend { 
168        display: none; 
169}
170#menubar #menuTagCloud { 
171        margin: 0; 
172        padding: 0 8px 0 16px; 
173}
174.content { 
175        background:transparent; 
176        margin:0 0 10px 0; 
177        padding:10px 5px;
178        border:2px solid #FF3363;
179        border-radius:4px;
180    -moz-border-radius:4px;
181    -webkit-border-radius:4px;
182        box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
183    -moz-box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
184    -webkit-box-shadow: 0 0 4px 2px rgba(255, 51, 99, 0.5);
185}
186#theCategoryPage .content { 
187        margin:0 0 10px 250px !important; 
188}
189.content h2 { 
190        margin:0; 
191        padding:0px 10px 15px 15px; 
192        border:0;
193}
194.content ul.thumbnailCategories li {
195        background:transparent; 
196        border:0;
197        width:49%; 
198        margin: 0; 
199        padding:0; 
200}
201.content div.thumbnailCategory { 
202        background:transparent; 
203        border:2px solid #888888;
204        padding: 0; 
205        margin:5px; 
206        border-top-right-radius:20px;
207    -moz-border-radius-topright:20px;
208    -webkit-border-top-right-radius:20px;
209        border-bottom-left-radius:20px;
210    -moz-border-radius-bottomleft:20px;
211    -webkit-border-bottom-left-radius:20px;
212        box-shadow: 0 0 4px 2px rgba(136, 136, 136, 0.5);
213    -moz-box-shadow: 0 0 4px 2px rgba(136, 136, 136, 0.5);
214    -webkit-box-shadow: 0 0 4px 2px rgba(136, 136, 136, 0.5)
215}
216.content .thumbnailCategory div.illustration { 
217        background:transparent; 
218        padding: 5px;
219        margin: 0 !important; 
220}
221.content .thumbnailCategory div.illustration a { 
222        display: block; 
223        margin: 0 auto; 
224        text-align:center;
225        padding:2px; 
226}
227.content .thumbnailCategory div.description { 
228        background:transparent;
229        border-left:2px solid #888888;
230        margin: 5px 0; 
231        padding: 0 5px; 
232        min-width:150px;
233        text-align:left;
234        overflow: hidden !important; 
235}
236.content .thumbnailCategory div.description .text { 
237        display:block; 
238        margin:5px 2px 0 0;
239        overflow: auto; 
240        overflow:hidden; 
241        padding:0 0 5px; 
242}
243.content div.thumbnailCategory div.description p.dates { 
244        margin: 0 15px 0 15px; 
245        text-align: right; 
246}
247.content .thumbnailCategory div.description H3 { 
248        display: block; 
249}
250.content div.thumbnailCategory:hover { 
251        background-color:#ECECEC; 
252} 
253.content .navigationBar {
254        color:#ECECEC;
255}
256.infos { 
257        color:#f70; 
258        border:0; 
259        background-color: transparent; 
260        margin: 0 auto;
261        padding:5px 0px 0pt 10pt; 
262        min-height: 48px; 
263        text-align:left; 
264}
265.infos li, .errors li { 
266        list-style-type:none; 
267}
268.errors { 
269        color:#f33; 
270        border:0; 
271        background: transparent url(icon/errors.png) no-repeat scroll right top; 
272        margin: 0 auto;
273        padding:5px 0px 0pt 10pt; 
274        min-height: 48px; 
275        text-align:left; 
276        font-weight:bold; 
277}
278#menubar #menuTagCloud { 
279        background:transparent;
280        margin:0; 
281        padding: 0 12px; 
282}
283H2 { 
284        border-bottom: 1px solid #000000; 
285}
286#qsearchInput { 
287        color:#666666;
288}
289FIELDSET, INPUT, SELECT, TEXTAREA { 
290        border: 1px solid #888888; 
291}
292input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
293        background-color:#ECECEC; 
294        color:#666666; 
295} /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
296input[type="file"] {
297        background-color:#ECECEC; 
298        border: 1px solid #888888;
299}
300INPUT, select, textarea { 
301        color:#666666; 
302        background-color:#ECECEC; 
303}
304input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { 
305        background-color: transparent; 
306}
307#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { 
308        background-color:#ECECEC;
309        color:#666666; 
310}
311.content UL.thumbnails SPAN.wrap2 {
312        border: 1px solid #888888;      /* thumbnails border color and style */
313        border-radius:4px;
314    -moz-border-radius:4px;
315    -webkit-border-radius:4px;  /* round corners with CSS3 compliant browsers */ 
316}
317.content UL.thumbnails SPAN.wrap2:hover { 
318        color:#666666;
319        background-color:#ECECEC; 
320        border:1px solid #888888;       /* thumbnails border color when mouse cursor is over it */ 
321}
322#comments ul.actions li, #comments ul.actions li:hover { 
323        background:transparent none;
324        padding: 0 22px; 
325        clear:both; 
326        list-style-type:none; 
327}
328span.calItem {
329        border:1px solid #888888; 
330        margin:0 5px; 
331        padding:2px 5px 0 8px;
332}
333span.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
334        border:1px solid #888888;
335}
336A, INPUT.rateButton { 
337        color:#f70; 
338        border-width: 0; 
339}
340A:hover, A:active { 
341        color:#f33; 
342        border-bottom: 1px solid #FF3363; 
343        cursor: pointer; 
344}
345a.external { 
346        color:#FF3363; 
347        border:0; 
348        text-decoration: none; 
349}
350a.external:hover { 
351        color:#FF7700; 
352        border:0; 
353}
354a.Piwigo {
355  font-family: "ËÎÌå", "Microsoft YaHei", Arial, Helvetica, Verdana, Sans-Serif;
356  font-size: 11px; font-weight: normal; letter-spacing: 0;
357  color : #F33; text-decoration: none; border: 0; }
358a.Piwigo:hover  span.Piwigo  { 
359  border-bottom: 1px solid #FF3363; 
360}
361#theImage A, .illustration A, A.navThumb, A.navThumb { 
362        border-bottom-width: 0; 
363}
364#imageToolBar { 
365        padding:0 7%; 
366}
367#imageHeaderBar .imageNumber { 
368        margin-right:7%; 
369}
370#imageHeaderBar .browsePath { 
371        margin-left:7%; 
372}
373*, *:focus, *:active, input:active, a:active, input:focus, a:focus { 
374        outline: none; 
375}
376#debug { 
377        margin: 15px 15px 5px 248px; 
378        font-size:12px; 
379        clear: both; 
380}
381.rateButtonStarFull, .rateButtonStarEmpty {     
382        background-image: url('icon/rating-stars.gif'); 
383}
384#menubar #mbIdentification fieldset div input[type="text"] { 
385        margin: 0 0 3px; 
386        width: 174px; 
387        display: inline; 
388}
389input[type="button"], input[type="submit"], input[type="reset"] {
390        color:#ff3363; 
391        background-color:#ECECEC; 
392        border-color:#ff3363; 
393}
394input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
395        color:#666666; 
396        border-color:#888888; 
397}
398.titrePage { margin: 0 5px 20px; padding: 0; border-bottom:2px solid #FF3363;}
399.titrePage img.button[alt="x"] { margin: 0 5px;}
400
401#thePicturePage .thumbnailCategory {
402        padding: 15px 2px 6px 12px; 
403        border: 1px solid #888888; 
404}
405#thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author {
406        font-weight:bold;
407}
408#thePicturePage .thumbnailCategories { 
409        padding-left: 12px; 
410        padding-right: 12px; 
411}
412#thePicturePage .odd { 
413        background-color: #222; 
414        border-top:0 !important; 
415}
416#addComment fieldset {
417  color: #f70;
418        border-color: #f70;
419}
420#addComment fieldset  label {
421  color: #666666;
422}
423#theCommentsPage .content ul.thumbnailCategories li,
424#theCommentsPage .content div.thumbnailCategory ,
425#theCommentsPage .content div.thumbnailCategory div.description,
426#theCommentsPage .content .thumbnailCategory div.illustration { 
427        background-image: none;
428}
429#theCommentsPage .content div.thumbnailCategory {
430        padding: 15px 2px 6px 12px; 
431        border: 1px solid #666666; 
432}
433#theCommentsPage .content .odd { 
434        background-color: #eeeeee; 
435}
436#theCommentsPage .content .even { 
437        background-color: #ffffff; 
438}
439#theCommentsPage .content ul.thumbnailCategories li:hover { 
440        background-color: transparent; 
441}
442#theCommentsPage div#comments {
443        padding: 0 0 5px 10px;
444}
445tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
446        border-color: #666666;
447}
448
449#the_page .content div.thumbnailCategory div.description {
450  height:108px;
451}
452
453#copyright {
454    background: #ececec;
455        width: 98%;
456        margin: 10px auto !important;
457        padding: 10px;
458}
459#piwigoAbout {
460        text-align:left;
461}
Note: See TracBrowser for help on using the repository browser.