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

U   trunk/htdocs/stc/shop/shop.css

Modified: trunk/htdocs/stc/shop/shop.css
===================================================================
--- trunk/htdocs/stc/shop/shop.css	2012-04-24 10:49:48 UTC (rev 11769)
+++ trunk/htdocs/stc/shop/shop.css	2012-04-24 11:39:50 UTC (rev 11770)
@@ -1852,11 +1852,11 @@
 /* Commercial intro */
 .b-commpromo-intro {
 	min-height: 230px;
-	background: url(/img/shop/selfpromo-intro.jpg?v=1) no-repeat 100% 100%;
+	margin: 0 0 10px;
+	background: url(/img/shop/commpromo-intro.jpg) no-repeat 100% 100%;
 	}
 
 /* Commercial Promo */
-
 .b-commpromo-shop-item H3 {
 	font-style: normal;
 	font-weight: normal;
@@ -1875,15 +1875,21 @@
 		font-size: 13px;
 		}
 	.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-btn {
 			float: right;
 			}
 	
 /* Calendar */
-
 .b-commpromo-calendar {
 	overflow: hidden;
 	padding: 0 2px 2px;
@@ -1894,33 +1900,111 @@
 		margin: 7px 0 7px 10px;
 		text-shadow: 0 1px 0 #FFF;
 		}
-	.b-commpromo-calendar .b-commpromo-calendar-inner {
-		width: 100%;
-		background-color: #FFF;
+.b-commpromo-calendar-inner {
+	width: 100%;
+	background-color: #FFF;
+	}
+	.b-commpromo-calendar-inner TD {
+		text-align: center;
 		}
 
+.b-commpromo-calendar-label {
+	margin: 32px 15px 14px 0;
+	font-size: 10px;
+	color: #CCC;
+	}
+	.b-commpromo-calendar-label TD {
+		height: 22px;
+		width: 21px;
+		padding: 0 11px 0 0;
+		text-align: right;
+		}
+
 .b-commpromo-calendar-month {
+	margin: 10px 15px 14px 0;
+	border-left: 1px solid #CCC;
 	font-size: 11px;
-	color: #666;
-	border-left: 1px solid #CCC;
-	
+	color: #CCC;
 	}
 	.b-commpromo-calendar-month CAPTION {
+		height: 22px;
+		padding: 0 0 0 15px;
 		border-left: 1px solid #CCC;
 		text-align: left;
 		font-size: 12px;
+		line-height: 15px;
 		font-weight: bold;
 		color: #222;
-		
 		}
-	.no-free-slots {
-		color: #D32222;
+	.b-commpromo-calendar-month TD {
+		height: 22px;
+		width: 21px;
+		text-align: right;
 		}
-	.your-slots {
-		color: #84B249;
+		.b-commpromo-calendar-month .b-commpromo-calendar-current{
+			position: relative;
+			display: inline-block;
+			margin: -2px -8px;
+			padding: 2px 8px;
+			background: #38454B;
+			-webkit-border-radius: 2px;
+			-moz-border-radius: 2px;
+			border-radius: 2px;
+			font-weight: normal;
+			color: #FFF;
+			}
+	.b-commpromo-calendar-month A,
+	.b-commpromo-calendar-disabled {
+		position: relative;
+		display: block;
+		height: 18px;
+		width: 16px;
+		padding: 0 11px 0 0;
+		margin: 0 2px 4px 3px;
 		}
+	.b-commpromo-calendar-month A:link,
+	.b-commpromo-calendar-month A:visited,
+	.b-commpromo-calendar-month A:hover,
+	.b-commpromo-calendar-month A:active {
+		color: #666 !important;
+		border: none;
+		}
+			.b-commpromo-calendar-month .no-free-slots A:link,
+			.b-commpromo-calendar-month .no-free-slots A:visited,
+			.b-commpromo-calendar-month .no-free-slots A:hover,
+			.b-commpromo-calendar-month .no-free-slots A:active {
+				color: #D32222 !important;
+				border: none;
+				}
+			.b-commpromo-calendar-month .your-slots A:link,
+			.b-commpromo-calendar-month .your-slots A:visited,
+			.b-commpromo-calendar-month .your-slots A:hover,
+			.b-commpromo-calendar-month .your-slots A:active {
+				color: #84B249 !important;
+				border: none;
+				}
+.b-commpromo-calendar-month-first {
+	border: none;
+	}
+	.b-commpromo-calendar-month-first CAPTION {
+		border: none;
+		}
+.b-commpromo-calendar-month-last {
+	margin: 10px 0 14px 0;
+	}
+.b-commpromo-calendar-attention {
+	position: absolute;
+	top: -2px;
+	left: 100%;
+	width: 7px;
+	height: 7px;
+	margin:0 0 0 1px;
+	overflow: hidden;
+	text-indent: -9999px;
+	background: url(/img/shop/bg-commpromo-calendar-attention.png) no-repeat;
+	text-align: left;
+	}
 
-
 /* Domain RU
 ------------------------------------------------------------------------*/
 .b-domainru {