From 2b4b4defe64da8b5c3c06bd9a46fe3ea59f1a0c6 Mon Sep 17 00:00:00 2001 From: vdigital Date: Tue, 16 Sep 2008 21:02:20 +0000 Subject: CSS review including Advisor mode git-svn-id: http://piwigo.org/svn/trunk@2541 68402e56-0260-453c-a942-63ccdbb3a9ee --- template/yoga/header.tpl | 2 +- .../yoga/theme/Sylvia/images/header_msgs-bg.gif | Bin 0 -> 44 bytes template/yoga/theme/Sylvia/theme.css | 81 ++++++--------------- 3 files changed, 24 insertions(+), 59 deletions(-) create mode 100644 template/yoga/theme/Sylvia/images/header_msgs-bg.gif (limited to 'template/yoga') diff --git a/template/yoga/header.tpl b/template/yoga/header.tpl index dc1b6a799..e6e289612 100644 --- a/template/yoga/header.tpl +++ b/template/yoga/header.tpl @@ -61,7 +61,7 @@ {if not empty($header_msgs)}
{foreach from=$header_msgs item=elt} -

{$elt}

+ {$elt}
{/foreach}
{/if} diff --git a/template/yoga/theme/Sylvia/images/header_msgs-bg.gif b/template/yoga/theme/Sylvia/images/header_msgs-bg.gif new file mode 100644 index 000000000..0879e1b79 Binary files /dev/null and b/template/yoga/theme/Sylvia/images/header_msgs-bg.gif differ diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css index e0c357470..e2e3d26cf 100644 --- a/template/yoga/theme/Sylvia/theme.css +++ b/template/yoga/theme/Sylvia/theme.css @@ -1,30 +1,22 @@ /* $Id$ */ - .content div.thumbnailCategory div.illustration { width:190px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ } .content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ } - /* Sylvia Theme is close to the Roma Admin theme */ - -BODY, H1, H3, DT, -INPUT.rateButtonSelected { color:#d0d0d0; } - +BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#ddd; } H2, #menubar DT { color: #666; } - -/* backgrounds */ -/* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; } - -body { -background:#111111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; +#imageHeaderBar, #imageToolBar A:hover { background-color: transparent; } +BODY { background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; 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; -width: 100%; min-width: 100%; } +#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; width: 100%; min-width: 100%; } #mbIdentification p, .totalImages { color: #333; } -.header_notes { background-color: #222; border: 1px solid #000; margin:0 7px -12px 290px; padding-top:0;} +.header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top; +border:0; color:#333; font-size:24px; left:0; margin:0; padding:10px 0 6px 0; position:absolute; +text-align:center; top:0; width:100%; z-index:99; } +.header_notes { border:0; color:#333; margin:0; padding:12px 44px 0 0; position:absolute; +right:9px; top:48px; z-index:99; background-position: right top; } #menubar DL { background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; -margin:0 0 5px 40px; padding:0; width: 231px; min-width: 231px; border: 0; -min-height: 32px; overflow-x: hidden;} +margin:0 0 5px 40px; padding:0; width: 231px; min-width: 231px; border: 0; min-height: 32px; overflow-x: hidden;} #imageHeaderBar H2 { border: 0; } #menubar DT { background-color:#111; border:0; display:inline; margin-left:8px; text-align:left; } #menubar DD { background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; @@ -36,8 +28,7 @@ margin:0; } #menubar UL { color: #333; font-size: 16px; line-height: 13px; } #menubar LI { padding-left: 12px; } #menubar A, .menuInfoCat { font-size: 13px; } -#menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; -margin:0; } +#menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; } #menubar DL#mbIdentification { background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;} #menubar #mbIdentification DD { background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; } #menubar #mbIdentification UL, #menubar #mbIdentification p, @@ -50,14 +41,11 @@ margin:0; } #menubar #mbIdentification .button { height:24px; right:0px; top:0px; } #menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; } #menubar #mbIdentification legend { display: none; } -#content { background:#222 url(images/fillet.gif) repeat-x scroll left top; -min-height:466px; } -/* borders */ -.content { border: 1px solid #000000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; } +#content { background:#222 url(images/fillet.gif) repeat-x scroll left top; min-height:466px; } +.content { border: 1px solid #000; 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:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; -width:49%; margin: 0; padding:0; } +background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; width:49%; margin: 0; 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; @@ -66,39 +54,16 @@ padding: 0 0 0 10px; margin: 0; } #content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; margin:0; padding:15px 0 0 0; } #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; -} - -FIELDSET, INPUT, SELECT, TEXTAREA { - border: 1px solid gray; -} - +H2 { border-bottom: 1px solid #000000; } +FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; } .content UL.thumbnails SPAN.wrap2 { - border: 1px solid #aaaaaa; /* thumbnails border color and style */ - border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ -} - -.content UL.thumbnails SPAN.wrap2:hover { - background-color: #faebd7; - border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ - color: black; -} - - -/* links */ -A, INPUT.rateButton { - color: #f70; outline: none; - border: none; -} - -A:hover, A:active { - color: #f33; border: 0; outline: none; -} - -.virtual_cat { background: #3f3f3f; } +border: 1px solid #666; /* thumbnails border color and style */ +border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ } +.content UL.thumbnails SPAN.wrap2:hover { color: #666; +background-color: #111; border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ } +A, INPUT.rateButton { color: #f70; outline: none; border: none;} +A:hover, A:active { color: #f33; border: 0; outline: none; } \ No newline at end of file -- cgit v1.2.3