Changeset 13697


Ignore:
Timestamp:
03/24/12 21:33:18 (8 years ago)
Author:
mistic100
Message:

feature 2588: rename css classes 'thumbnailCategories' and 'thumbnailCategory' on comment_list.tpl

Location:
trunk/themes
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/themes/Sylvia/theme.css

    r13683 r13697  
    33        width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */  
    44} 
    5 #comments .thumbnailCategory div.illustration {  
     5#comments .commentElement div.illustration {  
    66        width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */  
    77} 
     
    267267 
    268268/* User comments */ 
    269 #theCommentsPage .content .thumbnailCategories li, 
    270 #theCommentsPage .content .thumbnailCategory , 
    271 #theCommentsPage .content .thumbnailCategory .description, 
    272 #theCommentsPage .content .thumbnailCategory div.illustration {  
    273         background-image: none; 
    274 } 
    275 #theCommentsPage .content .thumbnailCategory { 
     269#comments { 
     270        padding: 0 0 5px 10px; 
     271} 
     272.content .commentsList li {  
     273        padding: 0 0;  
     274        margin:0;  
     275} 
     276.content .commentElement { 
    276277        padding: 15px 2px 6px 12px;  
     278  margin:0; 
    277279        border: 1px solid #666;  
    278280} 
    279 #theCommentsPage .content .odd {  
     281.content .commentElement.odd {  
    280282        background-color: #222;  
    281283        border-top:0 !important;  
    282284} 
    283 #theCommentsPage .content .even {  
     285.content .commentElement.even {  
    284286        background-color: #111;  
    285287} 
    286 #theCommentsPage .content .thumbnailCategories li:hover {  
    287         background-color: transparent;  
    288 } 
    289 #theCommentsPage #comments { 
    290         padding: 0 0 5px 10px; 
    291 } 
    292  
    293 #comments .thumbnailCategories hr {display:none;} 
     288.content .commentElement div.illustration {  
     289        padding: 0 0 0 10px;  
     290        margin: 0 !important;  
     291} 
     292.content .commentElement div.illustration a {  
     293        display: block;  
     294        margin: 0;  
     295        padding:20px 0 0 8px;  
     296  border:0; 
     297} 
     298.content .commentElement .description {  
     299        margin: 0;  
     300        padding:15px 10px 3px 0;  
     301        overflow-x: hidden !important;  
     302  height:158px; 
     303} 
     304 
     305#comments .commentsList hr {display:none;} 
    294306#comments .filter input[type="submit"] { margin-top:1.8em; } 
    295307 
     
    340352} 
    341353 
    342 #thePicturePage .thumbnailCategory { 
     354#thePicturePage .commentElement { 
    343355        padding: 15px 2px 6px 12px;  
    344356        border: 1px solid #666;  
    345357} 
    346 #thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author { 
     358#thePicturePage .commentElement  .date, #thePicturePage .commentElementy  .author { 
    347359        font-weight:bold; 
    348360} 
    349 #thePicturePage .thumbnailCategories {  
     361#thePicturePage .commentsList {  
    350362        padding-left: 12px;  
    351363        padding-right: 12px;  
  • trunk/themes/clear/theme.css

    r13474 r13697  
    3434 
    3535FIELDSET, INPUT, SELECT, TEXTAREA, 
    36 .content .thumbnailCategory { 
     36.content .thumbnailCategory, 
     37.content .commentElement { 
    3738  border: 1px solid gray; 
    3839} 
     
    4445.thumbnails .wrap2:hover, 
    4546.content .thumbnailCategories .thumbnailCategory:hover, 
    46 .content .thumbnailCategories .thumbnailCategory:hover A { 
     47.content .thumbnailCategories .thumbnailCategory:hover A, 
     48.content .commentsList .commentElement:hover, 
     49.content .commentsList .commentElement:hover A { 
    4750  background-color: #faebd7; 
    4851  border-color: yellow;         /* thumbnails border color when mouse cursor is over it */ 
  • trunk/themes/dark/theme.css

    r13474 r13697  
    4141FIELDSET, INPUT, SELECT, TEXTAREA, 
    4242.content .thumbnailCategory , 
     43.content .commentElement , 
    4344.thumbnails .wrap2 { 
    4445        border: 1px solid gray; 
     
    4748 
    4849.thumbnails .wrap2:hover, 
    49 .content .thumbnailCategories .thumbnailCategory:hover{ 
     50.content .thumbnailCategories .thumbnailCategory:hover, 
     51.content .commentsList .commentElement:hover{ 
    5052        border-color: yellow;   /* thumbnails border color when mouse cursor is over it */ 
    5153} 
  • trunk/themes/default/template/comment_list.tpl

    r12930 r13697  
    11{if isset($comment_derivative_params)} 
    22{strip}{html_style} 
    3 .thumbnailCategory DIV.illustration{ldelim} 
     3.commentElement DIV.illustration{ldelim} 
    44        width: {$comment_derivative_params->max_width()+5}px; 
    55} 
    66 
    7 .content .thumbnailCategory .description{ldelim} 
     7.content .commentElement .description{ldelim} 
    88        height: {$comment_derivative_params->max_height()+5}px; 
    99} 
    1010{/html_style}{/strip} 
    1111{/if} 
    12 <ul class="thumbnailCategories"> 
     12<ul class="commentsList"> 
    1313{foreach from=$comments item=comment name=comment_loop} 
    1414<li> 
    15         <div class="thumbnailCategory {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}"> 
     15        <div class="commentElement {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}"> 
    1616        {if isset($comment.src_image)} 
    1717        <div class="illustration"> 
  • trunk/themes/default/theme.css

    r13683 r13697  
    262262} 
    263263 
    264 #comments .description { 
     264.commentsList { 
     265        margin: 0; 
     266        padding: 0; 
     267        list-style: none; 
     268        overflow: hidden; 
     269        width: 100%; 
     270} 
     271 
     272.commentsList LI { 
     273        margin: 0; 
     274        padding: 0; 
     275        float: left; 
     276        width:99%; 
     277} 
     278 
     279.commentElement { 
     280        display:block; 
     281        padding: 2px 0 0 2px; 
     282        margin: 5px; 
     283} 
     284 
     285.commentElement .description { 
    265286        font-size: 100%; 
     287        overflow: auto; 
     288        /*width: inherit;*/ 
     289} 
     290 
     291.commentElement .description H3 { 
     292        text-align: left; 
     293        background: transparent; 
     294        margin: 0; 
     295        padding: 0.1em; 
     296        font-size: 120%; 
     297} 
     298 
     299.commentElement .description P { 
     300        margin: 0; 
     301} 
     302 
     303.commentElement DIV.illustration { 
     304        text-align: left; 
     305        margin: 2px 0 0 2px; 
     306        float: left; 
    266307} 
    267308 
     
    674715#theHeader {text-align: center;} 
    675716 
    676 #comments .thumbnailCategories LI { width:99%; } 
    677  
    678717/* jQuery datepicker */ 
    679718IMG.ui-datepicker-trigger { 
  • trunk/themes/elegant/theme.css

    r13683 r13697  
    123123 
    124124.thumbnails IMG {margin-bottom:0; vertical-align:middle;} 
    125 .thumbnailCategory DIV.illustration {margin: 2px; text-align:center;} 
     125.thumbnailCategory DIV.illustration, .commentElement DIV.illustration {margin: 2px; text-align:center;} 
    126126 
    127127/* picture page */ 
     
    154154 
    155155.comments_hidden ul, .comments_hidden form {display:none;} 
    156 .thumbnailCategory {background-color: #333;} 
     156.thumbnailCategory, .commentElement {background-color: #333;} 
    157157.comments_toggle {cursor: pointer;} 
    158158.comments_toggle:hover {color:#fff;} 
Note: See TracChangeset for help on using the changeset viewer.