[ljcom] r11787: LJSUP-11641: Implement Shop UI for Comme...

U   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 {