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

LJSUP-11641: Implement Shop UI for Commercial Promo

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