From b5c5a2aeae0f771da8b04ba29f2cc1b8ec0fe4ae Mon Sep 17 00:00:00 2001 From: vdigital Date: Mon, 8 Sep 2008 20:46:11 +0000 Subject: Sylvia theme: .content reviewed including hover/active backgrounds. Some additional jQuery fade in/out functions git-svn-id: http://piwigo.org/svn/trunk@2510 68402e56-0260-453c-a942-63ccdbb3a9ee --- .../theme/Sylvia/images/cat_activ_bottom-left.gif | Bin 1772 -> 0 bytes .../theme/Sylvia/images/cat_activ_bottom-right.gif | Bin 1100 -> 0 bytes .../theme/Sylvia/images/cat_activ_top-left.gif | Bin 1176 -> 0 bytes .../theme/Sylvia/images/cat_activ_top-right.gif | Bin 1693 -> 0 bytes .../yoga/theme/Sylvia/images/cat_bottom-left.gif | Bin 0 -> 1548 bytes .../yoga/theme/Sylvia/images/cat_bottom-right.gif | Bin 0 -> 884 bytes .../Sylvia/images/cat_inactiv_bottom-left.gif | Bin 2121 -> 0 bytes .../Sylvia/images/cat_inactiv_bottom-right.gif | Bin 1260 -> 0 bytes .../theme/Sylvia/images/cat_inactiv_top-left.gif | Bin 1594 -> 0 bytes .../theme/Sylvia/images/cat_inactiv_top-right.gif | Bin 1976 -> 0 bytes template/yoga/theme/Sylvia/images/cat_top-left.gif | Bin 0 -> 770 bytes .../yoga/theme/Sylvia/images/cat_top-right.gif | Bin 0 -> 1504 bytes template/yoga/theme/Sylvia/theme.css | 40 ++++++++++++--------- 13 files changed, 24 insertions(+), 16 deletions(-) delete mode 100644 template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_activ_top-left.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_activ_top-right.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_bottom-left.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_bottom-right.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_inactiv_bottom-left.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_inactiv_bottom-right.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_inactiv_top-left.gif delete mode 100644 template/yoga/theme/Sylvia/images/cat_inactiv_top-right.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_top-left.gif create mode 100644 template/yoga/theme/Sylvia/images/cat_top-right.gif (limited to 'template/yoga') diff --git a/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif b/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif deleted file mode 100644 index 9a87ee2a5..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_activ_bottom-left.gif and /dev/null 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 deleted file mode 100644 index 673fa7f20..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_activ_bottom-right.gif and /dev/null 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 deleted file mode 100644 index 0b9331741..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_activ_top-left.gif and /dev/null 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 deleted file mode 100644 index 845e216db..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_activ_top-right.gif and /dev/null differ diff --git a/template/yoga/theme/Sylvia/images/cat_bottom-left.gif b/template/yoga/theme/Sylvia/images/cat_bottom-left.gif new file mode 100644 index 000000000..2a042897d Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_bottom-left.gif differ diff --git a/template/yoga/theme/Sylvia/images/cat_bottom-right.gif b/template/yoga/theme/Sylvia/images/cat_bottom-right.gif new file mode 100644 index 000000000..5cd1a1f20 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_bottom-right.gif differ diff --git a/template/yoga/theme/Sylvia/images/cat_inactiv_bottom-left.gif b/template/yoga/theme/Sylvia/images/cat_inactiv_bottom-left.gif deleted file mode 100644 index 274ac4344..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_inactiv_bottom-left.gif and /dev/null differ diff --git a/template/yoga/theme/Sylvia/images/cat_inactiv_bottom-right.gif b/template/yoga/theme/Sylvia/images/cat_inactiv_bottom-right.gif deleted file mode 100644 index a36e06009..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_inactiv_bottom-right.gif and /dev/null differ diff --git a/template/yoga/theme/Sylvia/images/cat_inactiv_top-left.gif b/template/yoga/theme/Sylvia/images/cat_inactiv_top-left.gif deleted file mode 100644 index 0a751ed2e..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_inactiv_top-left.gif and /dev/null differ diff --git a/template/yoga/theme/Sylvia/images/cat_inactiv_top-right.gif b/template/yoga/theme/Sylvia/images/cat_inactiv_top-right.gif deleted file mode 100644 index 203c26551..000000000 Binary files a/template/yoga/theme/Sylvia/images/cat_inactiv_top-right.gif and /dev/null differ diff --git a/template/yoga/theme/Sylvia/images/cat_top-left.gif b/template/yoga/theme/Sylvia/images/cat_top-left.gif new file mode 100644 index 000000000..f1ed42694 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_top-left.gif differ diff --git a/template/yoga/theme/Sylvia/images/cat_top-right.gif b/template/yoga/theme/Sylvia/images/cat_top-right.gif new file mode 100644 index 000000000..058fa5317 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/cat_top-right.gif differ diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css index 3e1d1745a..3d3666510 100644 --- a/template/yoga/theme/Sylvia/theme.css +++ b/template/yoga/theme/Sylvia/theme.css @@ -1,5 +1,10 @@ /* $Id$ */ + + +.content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ } + + /* text color */ BODY, H1, H3, DT, INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { @@ -13,7 +18,7 @@ H2, #menubar DT { /* backgrounds */ -/* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: #111; } +/* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; } body { background:#111111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; @@ -58,18 +63,21 @@ min-height:466px; } .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; } -#content.content .thumbnailCategory div.description H3 { margin: 15px 6px 3px 15px; } +background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; +width:47%; margin: 0 12px; padding:0; } +.content div.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; +padding: 0; margin:0; } +#content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; +padding: 0 0 0 10px; margin: 0; } +.content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:15px 0 0 10px; } +#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; +margin:0; padding:15px 0 0 20px; } +#content .thumbnailCategory div.description p { overvflow: hidden; } + +#content.content .thumbnailCategory div.description H3 { display: block; margin: 0; } +#content ul.thumbnailCategories li:hover { background-color:#111; } +#imageHeaderBar .imageNumber { margin-right:170px; } +#imageHeaderBar .browsePath { margin-left:125px; } H2, #imageToolBar { border-bottom: 1px solid #000000; } @@ -92,12 +100,12 @@ FIELDSET, INPUT, SELECT, TEXTAREA { /* links */ A, INPUT.rateButton { - color: #f70; + color: #f70; outline: none; border: none; } -A:hover { - color: #f33; border: 0; +A:hover, A:active { + color: #f33; border: 0; outline: none; } .virtual_cat { background: #3f3f3f; } -- cgit v1.2.3