Committer: sboronchiev
LJSUP-12567: Client side development for Promo in notificationsU trunk/bin/upgrading/en_LJ.dat U trunk/htdocs/stc/shop/shop.css
Modified: trunk/bin/upgrading/en_LJ.dat =================================================================== --- trunk/bin/upgrading/en_LJ.dat 2012-06-14 11:35:58 UTC (rev 12109) +++ trunk/bin/upgrading/en_LJ.dat 2012-06-14 15:20:41 UTC (rev 12110) @@ -9009,6 +9009,9 @@ shop.view.notificationpromo.remaining_time|staleness=1 shop.view.notificationpromo.remaining_time=Time remaining: [[hours]] [[?hours|hour|hours|hours]] [[minutes]] [[?minutes|minute|minutes|minutes]]. +shop.view.notificationpromo.title|staleness=1 +shop.view.notificationpromo.title=Notification promo + shop.view.notificationpromo.view.default|staleness=1 shop.view.notificationpromo.view.default=Default shop.view.notificationpromo.view.default.description|staleness=1 @@ -9029,6 +9032,8 @@ shop.view.notificationpromo.view.ua.description|staleness=1 shop.view.notificationpromo.view.ua.description=Switch to ukraina notification promo +shop.view.notificationpromo.url=Link to your post + shop.view.onetime_payment|staleness=1 shop.view.onetime_payment=ONETIME PAYMENT Modified: trunk/htdocs/stc/shop/shop.css =================================================================== --- trunk/htdocs/stc/shop/shop.css 2012-06-14 11:35:58 UTC (rev 12109) +++ trunk/htdocs/stc/shop/shop.css 2012-06-14 15:20:41 UTC (rev 12110) @@ -2409,3 +2409,164 @@ line-height: 15px; font-size: 12px; } + +/* Notification promo +------------------------------------------------------------------------*/ +.notificationpromo { + margin: 20px 0; + } + .notificationpromo H3 { + margin-bottom: 10px; + line-height: 16px; + font-style: normal; + font-size: 14px; + color: #000; + } + .notificationpromo .shop-promoted-item { + min-height: 35px; + padding: 8px 32px; + margin-bottom: 10px; + background: #FFFEE3 url(/img/statistics/selfpromo-title-small.png?v=1) no-repeat 0 50%; + } + .notificationpromo .shop-promoted-item DD { + color: #404040; + } + .notificationpromo .rate-community-item DD, + .notificationpromo .rate-journal-item DD { + font-style: italic; + } + .notificationpromo .rate-posts-item DT { + margin-bottom: 7px; + } + .notificationpromo .rate-posts-item DT EM { + font-style: normal; + } + .notificationpromo .rate-posts-item DT .ljuser { + font-size: 11px; + } + .notificationpromo .rate-posts-item DD { + color: #404040; + } + + +/* Shop Notificationpromo UA */ +.notificationpromo-ua .notificationpromo-shop-list { + position: relative; + z-index: 1; + overflow: hidden; + margin-bottom: 10px; + background: url(/img/statistics/notificationpromo-ua.png?ver=1) 0 50% no-repeat #FFFEE3; + } + .notificationpromo-ua .shop-promoted-item { + min-height: 35px; + margin: 10px 0 10px 4px; + padding: 8px 32px; + -moz-border-radius: 6px 0 0 6px; + -webkit-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; + background: #FFFEE3 url(/img/statistics/notificationpromo-title-small.png?v=1) no-repeat 0 50%; + } + .notificationpromo-ua .shop-promoted-item:before { + position: absolute; + top: 10px; + left: 4px; + bottom: 10px; + z-index: -1; + width: 17px; + margin: 0; + padding: 0; + content: " "; + -moz-border-radius: 6px 0 0 6px; + -webkit-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; + -moz-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.5); + box-shadow: -1px 0 5px rgba(0, 0, 0, 0.5); + font: 0pt/0 serif; + } + +/* Notification promo intro */ +.b-notificationpromo-intro { + min-height: 230px; + background: url(/img/shop/notificationpromo-intro.jpg?v=1) no-repeat 100% 100%; + } + +/* Notification promo Page */ +.p-notificationpromo { + } + .p-notificationpromo H4 { + margin:0 0 8px; + padding:0; + font-size:15px; + font-weight:bold; + } + .p-notificationpromo P { + margin:0 0 0.5em; + padding:0; + } + +/* Shop Notificationpromo Switcher */ +.b-shop-notificationpromo-switcher { + padding: 0 0 8px !important; + margin: 0 0 12px !important; + border-bottom: 1px solid #D1D1D1; + text-align: right; + } + .b-shop-notificationpromo-switcher LI { + display: inline; + padding-left: 5px; + border-left: 1px solid #CCC; + } + .b-shop-notificationpromo-switcher LI:first-child { + border: 0; + } + +/* Shop Notificationpromo Buyout */ +.b-notificationpromo-buyout { + width: 460px; + margin: 8px 0; + } + .b-notificationpromo-buyout FIELDSET { + overflow: hidden; + padding: 0 0 1px; + } + .b-notificationpromo-buyout .b-notificationpromo-label { + float: left; + width: 124px; + padding: 6px 6px 5px 0; + } + .b-notificationpromo-buyout LABEL { + float: left; + width: 124px; + padding: 4px 6px 5px 0; + } + .b-notificationpromo-buyout .b-notificationpromo-input-text { + display: inline-block; + margin: 0; + padding: 3px 3px 4px; + border: 1px solid #D5D5D5; + border-top: 1px solid #A6A6A6; + border-bottom: 1px solid #EBEBEB; + } + .b-notificationpromo-buyout .b-notificationpromo-currprice-value { + display: inline-block; + margin: 0; + padding: 4px 4px 5px; + font-weight: bold; + font-size: 16px; + } + .b-notificationpromo-buyout .b-notificationpromo-input-url { + width: 322px; + } + .b-notificationpromo-buyout .b-notificationpromo-input-price { + width: 113px; + } + +/* Shop Notificationpromo Actions */ +.b-notificationpromo-actions { + width: 460px; + margin: 16px 0; + } + .b-notificationpromo-actions .b-notificationpromo-confirm { + margin: 8px 0; + }