[livejournal] r22802: LJSUP-13492: lj_base.css refactoring ?\2...

U   trunk/htdocs/stc/lj_base.css

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2012-09-04 07:50:11 UTC (rev 22801)
+++ trunk/htdocs/stc/lj_base.css	2012-09-04 08:26:58 UTC (rev 22802)
@@ -2805,6 +2805,53 @@
 		color: #FFF;
 		}
 
+
+/* Panel
+--------------------------------------*/
+.b-panel {
+	position: relative;
+	margin: 0;
+	padding: 20px 20px 60px;
+	border: 0;
+	-moz-border-radius: 9px;
+	border-radius: 9px;
+	background: #DCFBFF;
+	background: #DCFBFF -moz-linear-gradient(top,  #DCFBFF 0%, #CDE7FE 100%);
+	background: #DCFBFF -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DCFBFF), color-stop(100%,#CDE7FE));
+	background: #DCFBFF -webkit-linear-gradient(top,  #DCFBFF 0%,#CDE7FE 100%);
+	background: #DCFBFF -o-linear-gradient(top,  #DCFBFF 0%,#CDE7FE 100%);
+	background: #DCFBFF -ms-linear-gradient(top,  #DCFBFF 0%,#CDE7FE 100%);
+	background: #DCFBFF linear-gradient(top,  #DCFBFF 0%,#CDE7FE 100%);
+	*zoom: 1;
+	}
+.b-panel:before {
+	content: " ";
+	position: absolute;
+	top: 50%;
+	bottom: 0;
+	left: 10px;
+	right: 10px;
+	z-index: -2;
+	-webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.6);
+	-moz-box-shadow: 0 10px 15px rgba(0,0,0,0.6);
+	box-shadow: 0 10px 15px rgba(127,136,159,1);
+	-moz-border-radius: 100px / 50px;
+	border-radius: 100px / 50px;
+	}
+/* remove shadow on mobile */
+.mobile-msg .b-panel:before,
+.g-sensor .b-panel:before {
+	content: "";
+	display: none;
+	}
+/* remove shadow on tiny screen */
+@media screen and (max-width: 1000px) {
+	.b-panel:before {
+		content: "";
+		display: none;
+		}
+}
+
 /* Clear fix
 ----------------------------------------------*/
 .clearfix-lj:after {