source: trunk/template/yoga/theme/Sylvia/theme.css @ 2679

Last change on this file since 2679 was 2677, checked in by vdigital, 16 years ago

Some icons (Thanks to Stripy).
Small cleanup in goto/picture.css (More must come later).
Notification and help pages have been reviewed.
Swap rating stars in Sylvia.
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
File size: 7.7 KB
Line 
1/* $Id: theme.css 2677 2008-10-06 21:44:05Z vdigital $ */
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 */
8BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#666; }
9H2, #menubar DT { color: #666; }
10#imageHeaderBar, #imageToolBar A:hover { background-color: transparent; }
11BODY { background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
12margin:0; min-height: 100%; height: 100%; padding:0; }
13#the_page { background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
14left: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;
17border:0; color:#333; font-size:24px; left:0; margin:0; padding:10px 0 6px 0; position:absolute;
18text-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;
20right: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;
22margin: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;
26margin: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;
29margin: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 { 
41background:transparent none repeat-y scroll left bottom; }
42#menubar #mbIdentification p { padding: 2px 16px 0; margin: 0;}
43#menubar p { padding: 16px 16px 0; }
44#menubar .button { position:relative; right:9px; top:12px; height:16px; }
45#menubar #mbIdentification .button { height:24px; right:0px; top:-40px; }
46#menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; }
47#menubar #mbIdentification legend { display: none; }
48#menubar #menuTagCloud { margin: 0; padding: 0 8px 0 16px; }
49#content { background:#222 url(images/fillet.gif) repeat-x scroll left top; min-height:466px; }
50.content { border: 1px solid #000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; }
51.content h2 { margin:0; padding:0px 10px 15px 15px; border:0;}
52#menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; }
53#content ul.thumbnailCategories li {
54background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; width:49%; margin: 0; padding:0; }
55.content div.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; 
56padding: 0; margin:0; }
57#content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; 
58padding: 0 0 0 10px; margin: 0; }
59.content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; }
60#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
61margin: 0; padding:15px 10px 3px 0; overflow: hidden; }
62#content .thumbnailCategory div.border { background:transparent url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
63height:7px; margin:0; overflow:hidden; padding:0; width:100%; }
64#content .thumbnailCategory div.description .text { display:block; margin:10px 2px 0 0;
65overflow: auto; overflow-x:hidden; padding:0 0 5px;  /* Only IE family supports colored scrollbar */
66 scrollbar-face-color: #222; scrollbar-shadow-color: #444; scrollbar-highlight-color: #000;
67 scrollbar-3dlight-color: #292929; scrollbar-darkshadow-color: #333; scrollbar-track-color: #111;
68 scrollbar-arrow-color: #f70; }
69.content div.thumbnailCategory div.description p.dates { margin: 0 15px 0 15px; text-align: right; }
70#content.content .thumbnailCategory div.description H3 { display: block; margin: 0; }
71#content ul.thumbnailCategories li:hover { background-color:#111; } 
72#imageHeaderBar .imageNumber { margin-right:170px; }
73#imageHeaderBar .browsePath { margin-left:125px; }
74.infos { color: #f70; border:0; background-color: transparent; margin-left:125px;
75padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; }
76.infos li, .errors li { list-style-type:none; }
77.errors { color: #f30; border:0; background-color: transparent; margin-left:125px;
78padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; }
79#menubar #menuTagCloud { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
80margin:0; padding: 0 12px; }
81H2 { border-bottom: 1px solid #000000; }
82#qsearchInput { border-color: #222; color: #222;}
83FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; }
84input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
85background-color:#444; color:#999; } /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
86INPUT, select, textarea { color:#999; background-color: #444; }
87input[type="radio"], input[type="checkbox"],
88input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull, { background-color: transparent; }
89#qsearchInput:focus,
90input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; }
91.content UL.thumbnails SPAN.wrap2 {
92border: 1px solid #666; /* thumbnails border color and style */
93border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ }
94.content UL.thumbnails SPAN.wrap2:hover { color: #666;
95background-color: #111; border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */ }
96A, INPUT.rateButton { color:#f70; border-width: 0; }
97A:hover, A:active { color: #f33; border-bottom: 1px solid #f33; cursor: pointer; }
98#theImage A, .illustration A, A.navThumb, A.navThumb { border-bottom-width: 0; }
99*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
100#debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; word-wrap:break-word;}
101.rateButtonStarFull {   background-image: url('icon/rating-stars.gif'); }
102.rateButtonStarEmpty { background-image: url('icon/rating-stars.gif'); }
Note: See TracBrowser for help on using the repository browser.