Committer: sboronchiev
LJSUP-11641: Implement Shop UI for Commercial PromoU trunk/htdocs/stc/shop/shop.css
Modified: trunk/htdocs/stc/shop/shop.css =================================================================== --- trunk/htdocs/stc/shop/shop.css 2012-04-24 14:38:30 UTC (rev 11782) +++ trunk/htdocs/stc/shop/shop.css 2012-04-24 14:57:14 UTC (rev 11783) @@ -1849,6 +1849,39 @@ color: #FFF; } + + +/* Commercial promo +------------------------------------------------------------------------*/ +.p-commpromo { + margin: 20px 0; + } + .p-commpromo .shop-promoted-item { + min-height: 35px; + padding: 8px 32px; + margin-bottom: 10px; + background: #E5EFFF url(/img/shop/commpromo-title-small.png?v=1) no-repeat 0 50%; + } + .p-commpromo .shop-promoted-item DD { + color: #404040; + } + .p-commpromo .rate-community-item DD, + .p-commpromo .rate-journal-item DD { + font-style: italic; + } + .p-commpromo .rate-posts-item DT { + margin-bottom: 7px; + } + .p-commpromo .rate-posts-item DT EM { + font-style: normal; + } + .p-commpromo .rate-posts-item DT .ljuser { + font-size: 12px; + } + .p-commpromo .rate-posts-item DD { + color: #404040; + } + /* Commercial intro */ .b-commpromo-intro { min-height: 230px; @@ -1870,24 +1903,37 @@ border-radius: 5px; background: #F0F0F0; } - .b-commpromo-shop-item-header { - margin: 4px 0 6px 10px; - font-size: 13px; +.b-commpromo-shop-item-header { + margin: 4px 0 6px 10px; + font-size: 15px; + font-weight: bold; + } +.b-commpromo-shop-item-content { + overflow: hidden; + padding: 8px 10px 2px; + background-color: #FFF; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + font-size:12px; + line-height:16px; + } + .b-commpromo-shop-item-content H4 { + margin:0 0 8px; + padding:0; + font-size:15px; + font-weight:bold; } - .b-commpromo-shop-item-content { - overflow: hidden; - padding: 8px 10px; - background-color: #FFF; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-bottomleft: 5px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; + .b-commpromo-shop-item-content P { + margin:0 0 0.5em; + padding:0; } - .b-commpromo-shop-btn { - float: right; - } +.b-commpromo-shop-btn { + float: right; + } /* Calendar */ .b-commpromo-calendar { @@ -2009,6 +2055,9 @@ text-align: left; } + + + /* Domain RU ------------------------------------------------------------------------*/ .b-domainru {