From fdc4bb63117da31044968014f29aeadf9a665943 Mon Sep 17 00:00:00 2001 From: vdigital Date: Sun, 7 Sep 2008 20:56:44 +0000 Subject: Sylvia theme: .content reviewed (a temporary solution). git-svn-id: http://piwigo.org/svn/trunk@2508 68402e56-0260-453c-a942-63ccdbb3a9ee --- .../theme/Sylvia/images/cat_activ_bottom-left.gif | Bin 0 -> 1772 bytes .../theme/Sylvia/images/cat_activ_bottom-right.gif | Bin 0 -> 1100 bytes .../theme/Sylvia/images/cat_activ_top-left.gif | Bin 0 -> 1176 bytes .../theme/Sylvia/images/cat_activ_top-right.gif | Bin 0 -> 1693 bytes template/yoga/theme/Sylvia/theme.css | 30 ++++++++++++--------- 5 files changed, 17 insertions(+), 13 deletions(-) create mode 100644 template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_activ_top-left.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_activ_top-right.gif 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 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif 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 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif 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 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_activ_top-left.gif 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 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_activ_top-right.gif 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; } -- cgit v1.2.3