1 | /* $Id: theme.css 2740 2008-10-15 00:28:20Z rvelices $ */ |
---|
2 | .content div.thumbnailCategory div.illustration { width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ } |
---|
3 | .content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ } |
---|
4 | .content div.thumbnailCategory div.description .text { height: 130px !important; /* -42px than previous one */ } |
---|
5 | #comments div.thumbnailCategory div.illustration { width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ } |
---|
6 | |
---|
7 | /* Sylvia Theme is close to the Roma Admin theme */ |
---|
8 | BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#666; } |
---|
9 | H2, #menubar DT { color: #666; } |
---|
10 | #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; } |
---|
11 | BODY { background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; |
---|
12 | margin:0; min-height: 100%; height: 100%; padding:0; } |
---|
13 | #the_page { background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top; |
---|
14 | left:0; margin:0; padding:0; position:absolute; top:0; z-index:0; width: 100%; min-width: 100%; } |
---|
15 | #mbIdentification p, .totalImages { color: #333; } |
---|
16 | .header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top; |
---|
17 | border:0; color:#333; font-size:24px; left:0; margin:0; padding:10px 0 6px 0; position:absolute; |
---|
18 | text-align:center; top:0; width:100%; z-index:99; } |
---|
19 | .header_notes { border:0; color:#333; margin:0; padding:12px 44px 0 0; position:absolute; |
---|
20 | right:9px; top:48px; z-index:99; background-position: right top; } |
---|
21 | #menubar DL { background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; |
---|
22 | margin:0 0 5px 40px; padding:0; width: 231px; min-width: 231px; border: 0; min-height: 32px; overflow-x: hidden;} |
---|
23 | #imageHeaderBar H2 { border: 0; } |
---|
24 | #menubar DT { background-color:#111; border:0; display:inline; margin-left:8px; text-align:left; } |
---|
25 | #menubar DD { background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; |
---|
26 | margin:14px 0 0 0; padding:0 0 22px; width: 231px; min-width: 231px; border: 0; overflow-x: hidden;} |
---|
27 | #menubar UL, #menubar #mbCategories p, |
---|
28 | #menubar .illustration { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
---|
29 | margin:0; } |
---|
30 | #menubar DT A { font-size: 100%; } |
---|
31 | #menubar UL { color: #333; font-size: 16px; line-height: 15px; } |
---|
32 | #menubar LI { padding-left: 12px; } |
---|
33 | #menubar A, .menuInfoCat { font-size: 13px; } |
---|
34 | #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; } |
---|
35 | #menubar DL#mbIdentification { background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;} |
---|
36 | #menubar #mbIdentification DD { background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; } |
---|
37 | #menubar #mbIdentification UL, #menubar #mbIdentification p, |
---|
38 | #menubar #mbIdentification .illustration { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; } |
---|
39 | #menubar #mbIdentification form { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; } |
---|
40 | #menubar #mbIdentification .actions, #menubar li ul, #menubar #mbIdentification form p { background:transparent none repeat-y scroll left bottom; } |
---|
41 | #menubar #mbIdentification p { padding: 2px 16px 0; margin: 0;} |
---|
42 | #menubar p { padding: 16px 16px 0; } |
---|
43 | #menubar .button { position:relative; right:9px; top:16px; height:16px; } |
---|
44 | #menubar #mbIdentification .button { height:24px; right:0px; top:-40px; } |
---|
45 | #menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; } |
---|
46 | #menubar #mbIdentification legend { display: none; } |
---|
47 | #menubar #menuTagCloud { margin: 0; padding: 0 8px 0 16px; } |
---|
48 | #content { background:#222 url(images/fillet.gif) repeat-x scroll left top; min-height:466px; } |
---|
49 | .content { border: 1px solid #000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; } |
---|
50 | .content h2 { margin:0; padding:0px 10px 15px 15px; border:0;} |
---|
51 | #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; } |
---|
52 | #content ul.thumbnailCategories li { |
---|
53 | background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; width:49%; margin: 0; padding:0; } |
---|
54 | .content div.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; |
---|
55 | padding: 0; margin:0; } |
---|
56 | #content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; |
---|
57 | padding: 0 0 0 10px; margin: 0; } |
---|
58 | .content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; } |
---|
59 | #content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; |
---|
60 | margin: 0; padding:15px 10px 3px 0; overflow: hidden; } |
---|
61 | #content .thumbnailCategory div.description .text { display:block; margin:10px 2px 0 0; |
---|
62 | overflow: auto; overflow-x:hidden; padding:0 0 5px; /* Only IE family supports colored scrollbar */ |
---|
63 | scrollbar-face-color: #222; scrollbar-shadow-color: #444; scrollbar-highlight-color: #000; |
---|
64 | scrollbar-3dlight-color: #292929; scrollbar-darkshadow-color: #333; scrollbar-track-color: #111; |
---|
65 | scrollbar-arrow-color: #f70; } |
---|
66 | .content div.thumbnailCategory div.description p.dates { margin: 0 15px 0 15px; text-align: right; } |
---|
67 | #content.content .thumbnailCategory div.description H3 { display: block; margin: 0; } |
---|
68 | #content ul.thumbnailCategories li:hover { background-color:#111; } |
---|
69 | .infos { color: #f70; border:0; background-color: transparent; margin-left:125px; |
---|
70 | padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; } |
---|
71 | .infos li, .errors li { list-style-type:none; } |
---|
72 | .errors { color: #f30; border:0; background-color: transparent; margin-left:125px; |
---|
73 | padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; } |
---|
74 | #menubar #menuTagCloud { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
---|
75 | margin:0; padding: 0 12px; } |
---|
76 | H2 { border-bottom: 1px solid #000000; } |
---|
77 | #qsearchInput { border-color: #222; color: #222;} |
---|
78 | FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; } |
---|
79 | input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { |
---|
80 | background-color:#444; color:#999; } /* stupid Line but needed due to inpact on other themes and deadline of Piwigo 2.0 */ |
---|
81 | INPUT, select, textarea { color:#999; background-color: #444; } |
---|
82 | input[type="radio"], input[type="checkbox"], |
---|
83 | input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { background-color: transparent; } |
---|
84 | #qsearchInput:focus, |
---|
85 | input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; } |
---|
86 | .content UL.thumbnails SPAN.wrap2 { |
---|
87 | border: 1px solid #666; /* thumbnails border color and style */ |
---|
88 | border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ } |
---|
89 | .content UL.thumbnails SPAN.wrap2:hover { color: #666; |
---|
90 | background-color: #111; border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ } |
---|
91 | #comments ul.actions li, #comments ul.actions li:hover { background:transparent none; padding: 0 22px; clear:both; } |
---|
92 | A, INPUT.rateButton { color:#f70; border-width: 0; } |
---|
93 | A:hover, A:active { color: #f33; border-bottom: 1px solid #f33; cursor: pointer; } |
---|
94 | #theImage A, .illustration A, A.navThumb, A.navThumb { border-bottom-width: 0; } |
---|
95 | #imageToolBar { padding:0 7%; } |
---|
96 | #imageHeaderBar .imageNumber { margin-right:7%; } |
---|
97 | #imageHeaderBar .browsePath { margin-left:7%; } |
---|
98 | *, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; } |
---|
99 | #debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; word-wrap:break-word;} |
---|
100 | .rateButtonStarFull { background-image: url('icon/rating-stars.gif'); } |
---|
101 | .rateButtonStarEmpty { background-image: url('icon/rating-stars.gif'); } |
---|
102 | #menubar #mbIdentification fieldset div input[type="text"] { margin: 0 0 3px; width: 174px; display: inline; } |
---|
103 | input[type="button"], input[type="submit"], input[type="reset"] { |
---|
104 | background-color:#ff3363; color:#222; border-color: #ff3363; } |
---|
105 | input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { |
---|
106 | background-color:#999; border-color: #666; } |
---|
107 | /* IE6... Hacks: */ |
---|
108 | /*\*/ * html #menubar #mbIdentification .button { margin-right:25px; } /* */ |
---|