From dadd219bf2d32215a6cdff1b2fb02c3f3dfc8f65 Mon Sep 17 00:00:00 2001 From: vdigital Date: Thu, 23 Oct 2008 20:15:58 +0000 Subject: Merging revisions 2793-2794 Format Sylvia theme.css Minor: on default-layout.css category list on search page is enlarged. Refer to SVN:2789 - include Admin Advices in [34]( compiled_template_cache_language ) and [35] ( template_compile_check ) Translation is needed for German, Spanish, Italian... git-svn-id: http://piwigo.org/svn/trunk@2795 68402e56-0260-453c-a942-63ccdbb3a9ee --- template/yoga/default-layout.css | 2 +- template/yoga/theme/Sylvia/theme.css | 428 +++++++++++++++++++++++++++-------- 2 files changed, 334 insertions(+), 96 deletions(-) (limited to 'template') diff --git a/template/yoga/default-layout.css b/template/yoga/default-layout.css index 96a0f4a81..58310623e 100644 --- a/template/yoga/default-layout.css +++ b/template/yoga/default-layout.css @@ -80,7 +80,7 @@ TEXTAREA.description { SELECT.categoryList { height: 20em; - width: auto; + width: 500px; } diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css index 9750f18f2..75e28a00a 100644 --- a/template/yoga/theme/Sylvia/theme.css +++ b/template/yoga/theme/Sylvia/theme.css @@ -1,103 +1,341 @@ /* $Id$ */ -.content div.thumbnailCategory div.illustration { width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ } -.content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ } -.content div.thumbnailCategory div.description .text { height: 130px !important; /* -42px than previous one */ } -#comments div.thumbnailCategory div.illustration { width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ } +.content div.thumbnailCategory div.illustration { + width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ +} +.content div.thumbnailCategory { + height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ +} +.content div.thumbnailCategory div.description .text { + height: 130px !important; /* -42px than previous one */ +} +#comments div.thumbnailCategory div.illustration { + width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ +} /* Sylvia Theme is close to the Roma Admin theme */ -BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#666; } -H2, #menubar DT { color: #666; } -#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%; } -#mbIdentification p, .totalImages { color: #333; } -.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;} -#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; -margin:14px 0 0 0; padding:0 0 22px; width: 231px; min-width: 231px; border: 0; overflow-x: hidden;} -#menubar UL, #menubar #mbCategories p, -#menubar .illustration { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; -margin:0; } -#menubar DT A { font-size: 100%; } -#menubar UL { color: #333; font-size: 16px; line-height: 15px; } -#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 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, -#menubar #mbIdentification .illustration { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; } -#menubar #mbIdentification form { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; } -#menubar #mbIdentification .actions, #menubar li ul, #menubar #mbIdentification form p { background:transparent none repeat-y scroll left bottom; } -#menubar #mbIdentification p { padding: 2px 16px 0; margin: 0;} -#menubar p { padding: 16px 16px 0; } -#menubar .button { position:relative; right:9px; top:16px; height:16px; } -#menubar #mbIdentification .button { height:24px; right:0px; top:-40px; } -#menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; } -#menubar #mbIdentification legend { display: none; } -#menubar #menuTagCloud { margin: 0; padding: 0 8px 0 16px; } -#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;} -#menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; } +BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { + color:#666; +} +#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%; +} +#mbIdentification p, .totalImages { + color: #333; +} +.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; +} +#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; + margin:14px 0 0 0; + padding:0 0 22px; + width: 231px; + min-width: 231px; + border: 0; + overflow-x: hidden; +} +#menubar UL, #menubar #mbCategories p, #menubar .illustration { + background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; + margin:0; +} +#menubar DT A { + font-size: 100%; +} +#menubar UL { + color: #333; + font-size: 16px; + line-height: 15px; +} +#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 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, #menubar #mbIdentification .illustration { + background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; +} +#menubar #mbIdentification form { + background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; +} +#menubar #mbIdentification .actions, #menubar li ul, #menubar #mbIdentification form p { + background:transparent none repeat-y scroll left bottom; +} +#menubar #mbIdentification p { + padding: 2px 16px 0; + margin: 0; +} +#menubar p { + padding: 16px 16px 0; +} +#menubar .button { + position:relative; + right:9px; + top:16px; + height:16px; +} +#menubar #mbIdentification .button { + height:24px; + right:0px; + top:-40px; +} +#menubar #mbIdentification fieldset { + border:0; + margin:0 24px 0 23px; +} +#menubar #mbIdentification legend { + display: none; +} +#menubar #menuTagCloud { + margin: 0; + padding: 0 8px 0 16px; +} + +#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; +} +#menubar form { + background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; + margin:0; +} #content ul.thumbnailCategories li { -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; -padding: 0 0 0 10px; margin: 0; } -.content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; } -#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; -margin: 0; padding:15px 10px 3px 0; overflow: hidden; } -#content .thumbnailCategory div.description .text { display:block; margin:10px 2px 0 0; -overflow: auto; overflow-x:hidden; padding:0 0 5px; } -.content div.thumbnailCategory div.description p.dates { margin: 0 15px 0 15px; text-align: right; } -#content.content .thumbnailCategory div.description H3 { display: block; margin: 0; } -#content ul.thumbnailCategories li:hover { background-color:#111; } -.infos { color: #f70; border:0; background-color: transparent; margin-left:125px; -padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; } -.infos li, .errors li { list-style-type:none; } -.errors { color: #f30; border:0; background-color: transparent; margin-left:125px; -padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; } -#menubar #menuTagCloud { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; -margin:0; padding: 0 12px; } -H2 { border-bottom: 1px solid #000000; } -#qsearchInput { border-color: #222; color: #222;} -FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; } + 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; + padding: 0 0 0 10px; + margin: 0; +} +.content .thumbnailCategory div.illustration a { + display: block; + margin: 0; + padding:20px 0 0 8px; +} +#content .thumbnailCategory div.description { + background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; + margin: 0; + padding:15px 10px 3px 0; + overflow: hidden; +} +#content .thumbnailCategory div.description .text { + display:block; + margin:10px 2px 0 0; + overflow: auto; + overflow-x:hidden; + padding:0 0 5px; +} +.content div.thumbnailCategory div.description p.dates { + margin: 0 15px 0 15px; + text-align: right; +} +#content.content .thumbnailCategory div.description H3 { + display: block; + margin: 0; +} +#content ul.thumbnailCategories li:hover { + background-color:#111; +} +.infos { + color: #f70; + border:0; + background-color: transparent; + margin-left:125px; + padding:5px 0px 0pt 10pt; + min-height: 48px; + text-align:left; +} +.infos li, .errors li { + list-style-type:none; +} +.errors { + color: #f30; + border:0; + background-color: transparent; + margin-left:125px; + padding:5px 0px 0pt 10pt; + min-height: 48px; + text-align:left; + font-weight:bold; +} +#menubar #menuTagCloud { + background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; + margin:0; + padding: 0 12px; +} +H2 { + border-bottom: 1px solid #000000; +} +#qsearchInput { + border-color: #222; + color: #222; +} +FIELDSET, INPUT, SELECT, TEXTAREA { + border: 1px solid #666; +} input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { -background-color:#444; color:#999; } /* stupid Line but needed due to inpact on other themes and deadline of Piwigo 2.0 */ -INPUT, select, textarea { color:#999; background-color: #444; } -input[type="radio"], input[type="checkbox"], -input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { background-color: transparent; } -#qsearchInput:focus, -input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; } + background-color:#444; + color:#999; +} /* stupid Line but needed due to inpact on other themes and deadline of Piwigo 2.0 */ +INPUT, select, textarea { + color:#999; + background-color: #444; +} +input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { + background-color: transparent; +} +#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { + background-color:#444; + color: #999; +} .content UL.thumbnails SPAN.wrap2 { -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 */ } -#comments ul.actions li, #comments ul.actions li:hover { background:transparent none; padding: 0 22px; clear:both; list-style-type:none; } -A, INPUT.rateButton { color:#f70; border-width: 0; } -A:hover, A:active { color: #f33; border-bottom: 1px solid #f33; cursor: pointer; } -#theImage A, .illustration A, A.navThumb, A.navThumb { border-bottom-width: 0; } -#imageToolBar { padding:0 7%; } -#imageHeaderBar .imageNumber { margin-right:7%; } -#imageHeaderBar .browsePath { margin-left:7%; } -*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; } -#debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; } -.rateButtonStarFull { background-image: url('icon/rating-stars.gif'); } -.rateButtonStarEmpty { background-image: url('icon/rating-stars.gif'); } -#menubar #mbIdentification fieldset div input[type="text"] { margin: 0 0 3px; width: 174px; display: inline; } + 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 */ +} +#comments ul.actions li, #comments ul.actions li:hover { + background:transparent none; + padding: 0 22px; + clear:both; + list-style-type:none; +} +A, INPUT.rateButton { + color:#f70; + border-width: 0; +} +A:hover, A:active { + color: #f33; + border-bottom: 1px solid #f33; + cursor: pointer; +} +#theImage A, .illustration A, A.navThumb, A.navThumb { + border-bottom-width: 0; +} +#imageToolBar { + padding:0 7%; +} +#imageHeaderBar .imageNumber { + margin-right:7%; +} +#imageHeaderBar .browsePath { + margin-left:7%; +} +*, *:focus, *:active, input:active, a:active, input:focus, a:focus { + outline: none; +} +#debug { + margin: 15px 15px 5px 248px; + font-size:12px; + clear: both; +} +.rateButtonStarFull, .rateButtonStarEmpty { + background-image: url('icon/rating-stars.gif'); +} +#menubar #mbIdentification fieldset div input[type="text"] { + margin: 0 0 3px; + width: 174px; + display: inline; +} input[type="button"], input[type="submit"], input[type="reset"] { -color:#ff3363; background-color:#222; border-color: #ff3363; } + color:#ff3363; + background-color:#222; + border-color: #ff3363; +} input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { -color:#999; border-color: #666; } \ No newline at end of file + color:#999; + border-color: #666; +} \ No newline at end of file -- cgit v1.2.3