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

Last change on this file since 11200 was 11200, checked in by mistic100, 13 years ago

remove border-bottom on hover for album representative thumbnail (Sylvia)

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