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

Last change on this file since 7877 was 7877, checked in by rvelices, 13 years ago

-fix css rules

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