[ljcom] r12110: LJSUP-12567: Client side development for...

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-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;
+		}