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

git-svn-id: http://piwigo.org/svn/trunk@2508 68402e56-0260-453c-a942-63ccdbb3a9ee

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
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
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
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
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;
 }