Changeset 29589


Ignore:
Timestamp:
09/17/14 11:23:25 (5 years ago)
Author:
JanisV
Message:

Improve thumbnails style

Location:
extensions/stripped_responsive
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_responsive/theme-black.css

    r29453 r29589  
    402402} 
    403403 
    404 .naf .thumbnailCategory .illustration img                       { border: 1px solid #777;} 
    405 .naf .thumbnailCategory .illustration img:hover         { border: 1px solid #c0c0c0;} 
     404.naf .thumbnailCategory                         { border: 1px solid #777;} 
     405.naf .thumbnailCategory:hover   { border: 1px solid #c0c0c0;} 
    406406 
    407407.ntf .wrap1 .wrap2 .thumbnail { 
  • extensions/stripped_responsive/theme-original.css

    r29457 r29589  
    313313} 
    314314 
    315 .naf .thumbnailCategory .illustration img                       { border: 1px solid #777;} 
    316 .naf .thumbnailCategory:hover .illustration img         { border: 1px solid #c0c0c0;} 
     315.naf .thumbnailCategory                         { border: 1px solid #777;} 
     316.naf .thumbnailCategory:hover   { border: 1px solid #c0c0c0;} 
    317317 
    318318.ntf .wrap1 .wrap2 .thumbnail { 
  • extensions/stripped_responsive/theme.css

    r29584 r29589  
    402402        overflow: hidden; 
    403403} 
    404  
    405 .atr ul.thumbnailCategories li { width: 300px; height: 300px;} 
    406 @media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    407   .atr ul.thumbnailCategories li { width: 270px; height: 270px;} 
    408 } 
    409 @media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    410   .atr ul.thumbnailCategories li { width: 240px; height: 240px;} 
    411 } 
    412 @media (min-width: 1220px) { 
    413   .atr ul.thumbnailCategories li { width: 300px; height: 300px;} 
    414 } 
    415  
    416404.atr .stuffs_block .personal_block ul.thumbnailCategories li { width:273px!important; height:273px;} 
    417405 
    418406.thumbnailCategory { 
    419         display:inline-block; 
     407/*      display:inline-block;*/ 
    420408} 
    421409 
     
    433421.atr .thumbnailCategory .illustration a  { vertical-align:bottom;} 
    434422 
    435 .atr .thumbnailCategory .illustration { margin:5px 5px 0 5px;} 
     423/*.atr .thumbnailCategory .illustration { margin:5px 5px 0 5px;}*/ 
     424.atr .thumbnailCategory {  
     425  margin: 5px; 
     426  position: relative; 
     427} 
    436428 
    437429.thumbnailCategory .illustration a { 
     
    445437        display:block; 
    446438        margin:auto; 
    447 /*      max-width:160px;*/ 
    448439        max-width:286px; 
    449440} 
     
    476467/*      font-size:76.923%;*/ 
    477468        text-align:right; 
    478         width:100%; 
     469        width:auto; 
    479470        margin:0; 
    480     position: absolute; bottom: 0; left: 0; 
     471    position: absolute; 
     472    bottom: 0; 
     473    right: 0; 
    481474} 
    482475 
     
    485478        display:block; 
    486479        text-align:justify; 
    487         width:100%; 
     480        width:auto; 
    488481        margin-top:5px; 
    489482        overflow:hidden; 
     
    493486        overflow: hidden; 
    494487        display: inline-block; 
    495         width: 276px; 
    496 /*      height: 150px;*/ 
     488        width: 100%; 
    497489        height: 75px; 
    498         margin: -76px 7px 15px 6px; 
    499         padding: 0 5px; 
    500     position: relative; 
    501 } 
    502 @media (min-width: 798px) and (-webkit-max-device-pixel-ratio: 1.7), (min-width: 798px) and (max-resolution: 163.2dpi) { 
    503   .atr .thumbnailCategory .description { 
    504         width:246px; 
    505   } 
    506 } 
    507 @media (min-width: 992px) and (-webkit-max-device-pixel-ratio: 2.5), (min-width: 992px) and (max-resolution: 240dpi) { 
    508   .atr .thumbnailCategory .description { 
    509         width:216px; 
    510   } 
    511 } 
    512 @media (min-width: 1220px) { 
    513   .atr .thumbnailCategory .description { 
    514         width:276px; 
    515   } 
     490    position: absolute; 
     491    bottom: 0; 
    516492} 
    517493 
     
    528504.atd .thumbnailCategory .description h3 { 
    529505        font-size:125%; 
    530         padding:5px 0; 
     506        padding:0 4px; 
    531507        display:block; 
    532         width:100%; 
     508        width:auto; 
     509    max-height: 48px; 
     510    overflow: hidden; 
    533511/*      border-bottom:1px solid;*/ 
    534512} 
     
    545523.thumbnailCategory .text p { 
    546524        margin: 0; 
    547         padding-top: 4px; 
    548         padding-bottom: 4px; 
     525        padding: 0 4px 4px 4px; 
    549526        word-wrap: break-word; 
    550527} 
Note: See TracChangeset for help on using the changeset viewer.