Changeset 13697
- Timestamp:
- Mar 24, 2012, 9:33:18 PM (12 years ago)
- Location:
- trunk/themes
- Files:
-
- 6 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/themes/Sylvia/theme.css
r13683 r13697 3 3 width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ 4 4 } 5 #comments . thumbnailCategorydiv.illustration {5 #comments .commentElement div.illustration { 6 6 width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 7 7 } … … 267 267 268 268 /* 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 { 276 277 padding: 15px 2px 6px 12px; 278 margin:0; 277 279 border: 1px solid #666; 278 280 } 279 #theCommentsPage .content.odd {281 .content .commentElement.odd { 280 282 background-color: #222; 281 283 border-top:0 !important; 282 284 } 283 #theCommentsPage .content.even {285 .content .commentElement.even { 284 286 background-color: #111; 285 287 } 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;} 294 306 #comments .filter input[type="submit"] { margin-top:1.8em; } 295 307 … … 340 352 } 341 353 342 #thePicturePage . thumbnailCategory{354 #thePicturePage .commentElement { 343 355 padding: 15px 2px 6px 12px; 344 356 border: 1px solid #666; 345 357 } 346 #thePicturePage . thumbnailCategory .date, #thePicturePage .thumbnailCategory .author {358 #thePicturePage .commentElement .date, #thePicturePage .commentElementy .author { 347 359 font-weight:bold; 348 360 } 349 #thePicturePage . thumbnailCategories{361 #thePicturePage .commentsList { 350 362 padding-left: 12px; 351 363 padding-right: 12px; -
trunk/themes/clear/theme.css
r13474 r13697 34 34 35 35 FIELDSET, INPUT, SELECT, TEXTAREA, 36 .content .thumbnailCategory { 36 .content .thumbnailCategory, 37 .content .commentElement { 37 38 border: 1px solid gray; 38 39 } … … 44 45 .thumbnails .wrap2:hover, 45 46 .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 { 47 50 background-color: #faebd7; 48 51 border-color: yellow; /* thumbnails border color when mouse cursor is over it */ -
trunk/themes/dark/theme.css
r13474 r13697 41 41 FIELDSET, INPUT, SELECT, TEXTAREA, 42 42 .content .thumbnailCategory , 43 .content .commentElement , 43 44 .thumbnails .wrap2 { 44 45 border: 1px solid gray; … … 47 48 48 49 .thumbnails .wrap2:hover, 49 .content .thumbnailCategories .thumbnailCategory:hover{ 50 .content .thumbnailCategories .thumbnailCategory:hover, 51 .content .commentsList .commentElement:hover{ 50 52 border-color: yellow; /* thumbnails border color when mouse cursor is over it */ 51 53 } -
trunk/themes/default/template/comment_list.tpl
r12930 r13697 1 1 {if isset($comment_derivative_params)} 2 2 {strip}{html_style} 3 . thumbnailCategoryDIV.illustration{ldelim}3 .commentElement DIV.illustration{ldelim} 4 4 width: {$comment_derivative_params->max_width()+5}px; 5 5 } 6 6 7 .content . thumbnailCategory.description{ldelim}7 .content .commentElement .description{ldelim} 8 8 height: {$comment_derivative_params->max_height()+5}px; 9 9 } 10 10 {/html_style}{/strip} 11 11 {/if} 12 <ul class=" thumbnailCategories">12 <ul class="commentsList"> 13 13 {foreach from=$comments item=comment name=comment_loop} 14 14 <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}"> 16 16 {if isset($comment.src_image)} 17 17 <div class="illustration"> -
trunk/themes/default/theme.css
r13683 r13697 262 262 } 263 263 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 { 265 286 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; 266 307 } 267 308 … … 674 715 #theHeader {text-align: center;} 675 716 676 #comments .thumbnailCategories LI { width:99%; }677 678 717 /* jQuery datepicker */ 679 718 IMG.ui-datepicker-trigger { -
trunk/themes/elegant/theme.css
r13683 r13697 123 123 124 124 .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;} 126 126 127 127 /* picture page */ … … 154 154 155 155 .comments_hidden ul, .comments_hidden form {display:none;} 156 .thumbnailCategory {background-color: #333;}156 .thumbnailCategory, .commentElement {background-color: #333;} 157 157 .comments_toggle {cursor: pointer;} 158 158 .comments_toggle:hover {color:#fff;}
Note: See TracChangeset
for help on using the changeset viewer.