Committer: sboronchiev
LJSUP-11641: Implement Shop UI for Commercial PromoU 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-04-25 09:15:12 UTC (rev 11786) +++ trunk/bin/upgrading/en_LJ.dat 2012-04-25 09:19:28 UTC (rev 11787) @@ -8273,6 +8273,12 @@ shop.view.change|staleness=1 shop.view.change=Change +shop.view.commpromo.promo.text=Commercial Promo Intro text + +shop.view.commpromo.promo.title=Commercial Promo Title + +shop.view.commpromo.promo.dateselecttitle=Select a date + shop.view.diskquota.promo.text|staleness=1 shop.view.diskquota.promo.text<< Purchase extra storage space to store more ScrapBook photos and voice posts, Modified: trunk/htdocs/stc/shop/shop.css =================================================================== --- trunk/htdocs/stc/shop/shop.css 2012-04-25 09:15:12 UTC (rev 11786) +++ trunk/htdocs/stc/shop/shop.css 2012-04-25 09:19:28 UTC (rev 11787) @@ -1890,11 +1890,8 @@ } /* Commercial Promo */ -.b-commpromo-shop-item H3 { - font-style: normal; - font-weight: normal; - } .b-commpromo-shop-item { + position: relative; overflow: hidden; margin: 0 0 10px 0; border: 1px solid #CCC; @@ -1903,12 +1900,28 @@ border-radius: 5px; background: #F0F0F0; } + .b-commpromo-shop-item .i-slot-close { + position: absolute; + top: 10px; + right: 15px; + overflow: hidden; + width: 12px; + height: 12px; + background: url(/img/slot-cls.png?v=1) no-repeat 0 0; + font: 0/0 serif; + cursor: pointer; + } + .b-commpromo-shop-item H3 { + font-style: normal; + font-weight: normal; + } .b-commpromo-shop-item-header { margin: 4px 0 6px 10px; font-size: 15px; font-weight: bold; } .b-commpromo-shop-item-content { + position: relative; overflow: hidden; padding: 8px 10px 2px; background-color: #FFF; @@ -1931,9 +1944,6 @@ margin:0 0 0.5em; padding:0; } -.b-commpromo-shop-btn { - float: right; - } /* Calendar */ .b-commpromo-calendar { @@ -2048,7 +2058,7 @@ left: 100%; width: 7px; height: 7px; - margin:0 0 0 1px; + margin: 0 0 0 1px; overflow: hidden; text-indent: -9999px; background: url(/img/shop/bg-commpromo-calendar-attention.png) no-repeat; @@ -2056,8 +2066,77 @@ } +/* Slot Controls */ +.b-commpromo-input{ + position: relative; + margin: 4px 0 8px; + } +.b-commpromo-input-text { + display: block; + margin: 0; + padding: 2px 3px; + } +.i-commpromo-input-clear { + position: absolute; + top: 6px; + right: 5px; + overflow: hidden; + width: 12px; + height: 12px; + background: url(/img/input-clear.png?v=1) no-repeat 0 0; + font: 0/0 serif; + cursor: pointer; + } +.b-commpromo-input-url { + width: 438px; + } +.b-commpromo-field-url { + width: 426px; + } +.b-commpromo-input-username { + width: 206px; + } +.b-commpromo-field-username { + width: 194px; + } +.b-commpromo-input-noempty .b-commpromo-input { + + } + + + +.b-commpromo-shop-btn { + float: right; + } + +.b-commpromo-actions { + position: absolute; + left:0; + width: 100%; + overflow: visible; + } + .b-commpromo-actions .b-commpromo-shop-btn { + position: relative; + top: -29px; + margin:0 10px 0 0; + } + +.b-commpromo-shop-alert { + display: inline-block; + background: #FFECEA; + border: 1px solid #FF9D95; + padding: 4px 11px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: #C00; + line-height: 1.6em; + margin: 4px 0 8px; + } + + /* Domain RU ------------------------------------------------------------------------*/ .b-domainru {