From bab1dbfcfb2f0bf3b04ace1b5001d3a5a356c043 Mon Sep 17 00:00:00 2001 From: mistic100 Date: Sat, 24 Mar 2012 20:33:18 +0000 Subject: feature 2588: rename css classes 'thumbnailCategories' and 'thumbnailCategory' on comment_list.tpl git-svn-id: http://piwigo.org/svn/trunk@13697 68402e56-0260-453c-a942-63ccdbb3a9ee --- themes/Sylvia/theme.css | 46 ++++++++++++++++++++------------ themes/clear/theme.css | 7 +++-- themes/dark/theme.css | 4 ++- themes/default/template/comment_list.tpl | 8 +++--- themes/default/theme.css | 45 ++++++++++++++++++++++++++++--- themes/elegant/theme.css | 4 +-- 6 files changed, 85 insertions(+), 29 deletions(-) diff --git a/themes/Sylvia/theme.css b/themes/Sylvia/theme.css index b2baf4dd5..5ae238727 100644 --- a/themes/Sylvia/theme.css +++ b/themes/Sylvia/theme.css @@ -2,7 +2,7 @@ .content .thumbnailCategory div.illustration { width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ } -#comments .thumbnailCategory div.illustration { +#comments .commentElement div.illustration { width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ } @@ -266,31 +266,43 @@ } /* User comments */ -#theCommentsPage .content .thumbnailCategories li, -#theCommentsPage .content .thumbnailCategory , -#theCommentsPage .content .thumbnailCategory .description, -#theCommentsPage .content .thumbnailCategory div.illustration { - background-image: none; +#comments { + padding: 0 0 5px 10px; +} +.content .commentsList li { + padding: 0 0; + margin:0; } -#theCommentsPage .content .thumbnailCategory { +.content .commentElement { padding: 15px 2px 6px 12px; + margin:0; border: 1px solid #666; } -#theCommentsPage .content .odd { +.content .commentElement.odd { background-color: #222; border-top:0 !important; } -#theCommentsPage .content .even { +.content .commentElement.even { background-color: #111; } -#theCommentsPage .content .thumbnailCategories li:hover { - background-color: transparent; +.content .commentElement div.illustration { + padding: 0 0 0 10px; + margin: 0 !important; } -#theCommentsPage #comments { - padding: 0 0 5px 10px; +.content .commentElement div.illustration a { + display: block; + margin: 0; + padding:20px 0 0 8px; + border:0; +} +.content .commentElement .description { + margin: 0; + padding:15px 10px 3px 0; + overflow-x: hidden !important; + height:158px; } -#comments .thumbnailCategories hr {display:none;} +#comments .commentsList hr {display:none;} #comments .filter input[type="submit"] { margin-top:1.8em; } /* Thumbnails */ @@ -339,14 +351,14 @@ background-image: url('icon/rating-stars.gif'); } -#thePicturePage .thumbnailCategory { +#thePicturePage .commentElement { padding: 15px 2px 6px 12px; border: 1px solid #666; } -#thePicturePage .thumbnailCategory .date, #thePicturePage .thumbnailCategory .author { +#thePicturePage .commentElement .date, #thePicturePage .commentElementy .author { font-weight:bold; } -#thePicturePage .thumbnailCategories { +#thePicturePage .commentsList { padding-left: 12px; padding-right: 12px; } diff --git a/themes/clear/theme.css b/themes/clear/theme.css index c30adead9..9cc53a6f9 100644 --- a/themes/clear/theme.css +++ b/themes/clear/theme.css @@ -33,7 +33,8 @@ H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover { } FIELDSET, INPUT, SELECT, TEXTAREA, -.content .thumbnailCategory { +.content .thumbnailCategory, +.content .commentElement { border: 1px solid gray; } @@ -43,7 +44,9 @@ FIELDSET, INPUT, SELECT, TEXTAREA, .thumbnails .wrap2:hover, .content .thumbnailCategories .thumbnailCategory:hover, -.content .thumbnailCategories .thumbnailCategory:hover A { +.content .thumbnailCategories .thumbnailCategory:hover A, +.content .commentsList .commentElement:hover, +.content .commentsList .commentElement:hover A { background-color: #faebd7; border-color: yellow; /* thumbnails border color when mouse cursor is over it */ color: black; diff --git a/themes/dark/theme.css b/themes/dark/theme.css index 3236afc09..34921c92d 100644 --- a/themes/dark/theme.css +++ b/themes/dark/theme.css @@ -40,13 +40,15 @@ BODY, H3, #imageToolBar A:hover { FIELDSET, INPUT, SELECT, TEXTAREA, .content .thumbnailCategory , +.content .commentElement , .thumbnails .wrap2 { border: 1px solid gray; } .thumbnails .wrap2:hover, -.content .thumbnailCategories .thumbnailCategory:hover{ +.content .thumbnailCategories .thumbnailCategory:hover, +.content .commentsList .commentElement:hover{ border-color: yellow; /* thumbnails border color when mouse cursor is over it */ } diff --git a/themes/default/template/comment_list.tpl b/themes/default/template/comment_list.tpl index 534d04bd7..315cbfe07 100644 --- a/themes/default/template/comment_list.tpl +++ b/themes/default/template/comment_list.tpl @@ -1,18 +1,18 @@ {if isset($comment_derivative_params)} {strip}{html_style} -.thumbnailCategory DIV.illustration{ldelim} +.commentElement DIV.illustration{ldelim} width: {$comment_derivative_params->max_width()+5}px; } -.content .thumbnailCategory .description{ldelim} +.content .commentElement .description{ldelim} height: {$comment_derivative_params->max_height()+5}px; } {/html_style}{/strip} {/if} -