Changeset 13697


Ignore:
Timestamp:
Mar 24, 2012, 9:33:18 PM (9 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.