Changeset 2508 for trunk/template/yoga

Timestamp:

Sep 7, 2008, 10:56:44 PM (16 years ago)

Author:

vdigital

Message:

Sylvia theme: .content reviewed (a temporary solution).

Location:

trunk/template/yoga/theme/Sylvia

Files:

• images/cat_activ_bottom-left.gif (added)
• images/cat_activ_bottom-right.gif (added)
• images/cat_activ_top-left.gif (added)
• images/cat_activ_top-right.gif (added)
• theme.css (modified) (3 diffs)

trunk/template/yoga/theme/Sylvia/theme.css

@@ -14 +14 @@
 /* backgrounds */
 
-H3, #imageHeaderBar, #imageToolBar A:hover {
-        background-color: #111;
-}
+/* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: #111; }
 
 body {
 background:#111111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
-margin:0; min-height: 100%; height: 100% padding:0; }
+margin:0; min-height: 100%; height: 100%; padding:0; }
 #the_page {
 background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
@@ -60 +58 @@
 .content { border: 1px solid #000000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; }
 .content h2 { margin:0; padding:0px 10px 15px 15px; border:0;}
+#content ul.thumbnailCategories li {
+background:transparent url(images/cat_inactiv_bottom-right.gif) no-repeat scroll right bottom; 
+width:49%; margin: 0; padding:0; }
+.content div.thumbnailCategory { background:transparent url(images/cat_inactiv_bottom-left.gif) no-repeat scroll left bottom; 
+padding: 0; margin:0; height: 180px !important; }
+#content .thumbnailCategory div.illustration { background:transparent url(images/cat_inactiv_top-left.gif) no-repeat scroll left top; 
+padding: 0 0 0 10px; margin:-6px 0 0 0; }
+.content .thumbnailCategory div.illustration a { display: block; margin: 20px 5px 12px 12px; }
+#content .thumbnailCategory div.description { background:transparent url(images/cat_inactiv_top-right.gif) no-repeat scroll right top;
+margin:14px 0 0; overflow-y:hidden; padding:0 8px 0 20px; }
 
-#imageHeaderBar {
-        border-top: 1px solid #000000;
-}
+#imageHeaderBar {       border-top: 1px solid #000000; }
+#content.content .thumbnailCategory div.description H3 { margin: 15px 6px 3px 15px; }
 H2, #imageToolBar {
         border-bottom: 1px solid #000000;
 }
 
-FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.thumbnailCategory {
+FIELDSET, INPUT, SELECT, TEXTAREA {
         border: 1px solid gray;
 }
@@ -78 +84 @@
 }
 
-.content UL.thumbnails SPAN.wrap2:hover,
-.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
-.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
+.content UL.thumbnails SPAN.wrap2:hover {
         background-color: #faebd7;
-        border: 1 solid #f33;   /* thumbnails border color when mouse cursor is over it */
+        border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */
         color: black;
 }