aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gifbin0 -> 1772 bytes
-rw-r--r--template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gifbin0 -> 1100 bytes
-rw-r--r--template/yoga/theme/Sylvia/images/cat_activ_top-left.gifbin0 -> 1176 bytes
-rw-r--r--template/yoga/theme/Sylvia/images/cat_activ_top-right.gifbin0 -> 1693 bytes
-rw-r--r--template/yoga/theme/Sylvia/theme.css30
5 files changed, 17 insertions, 13 deletions
diff --git a/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif b/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif
new file mode 100644
index 000000000..9a87ee2a5
--- /dev/null
+++ b/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif
Binary files differ
diff --git a/template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif b/template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif
new file mode 100644
index 000000000..673fa7f20
--- /dev/null
+++ b/template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif
Binary files differ
diff --git a/template/yoga/theme/Sylvia/images/cat_activ_top-left.gif b/template/yoga/theme/Sylvia/images/cat_activ_top-left.gif
new file mode 100644
index 000000000..0b9331741
--- /dev/null
+++ b/template/yoga/theme/Sylvia/images/cat_activ_top-left.gif
Binary files differ
diff --git a/template/yoga/theme/Sylvia/images/cat_activ_top-right.gif b/template/yoga/theme/Sylvia/images/cat_activ_top-right.gif
new file mode 100644
index 000000000..845e216db
--- /dev/null
+++ b/template/yoga/theme/Sylvia/images/cat_activ_top-right.gif
Binary files differ
diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css
index 8de47d41e..3e1d1745a 100644
--- a/template/yoga/theme/Sylvia/theme.css
+++ b/template/yoga/theme/Sylvia/theme.css
@@ -13,13 +13,11 @@ H2, #menubar DT {
/* 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;
left:0; margin:0; padding:0; position:absolute; top:0; z-index:0;
@@ -59,16 +57,24 @@ min-height:466px; }
/* borders */
.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;
}
@@ -77,11 +83,9 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
-.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;
}