source: trunk/themes/Sylvia/theme.css @ 14505

Last change on this file since 14505 was 14505, checked in by mistic100, 12 years ago

correct and simplify comments displaying with Sylvia

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