source: branches/2.0/template/yoga/theme/Sylvia/theme.css @ 5942

Last change on this file since 5942 was 5942, checked in by vdigital, 14 years ago

Fix: Scroll issue with long subcat descriptions

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