[ljcom] r12909: LJSUP-13910: Create page "About LJ"

U   trunk/htdocs/stc/framework/layout.css

Modified: trunk/htdocs/stc/framework/layout.css
===================================================================
--- trunk/htdocs/stc/framework/layout.css	2012-11-16 08:17:18 UTC (rev 12908)
+++ trunk/htdocs/stc/framework/layout.css	2012-11-16 11:41:06 UTC (rev 12909)
@@ -124,4 +124,60 @@
 		}
 }
 
+/* Content plus Aside
+--------------------------------------*/
+.b-extracontent {
+	position: relative;
+	margin: 0;
+	padding: 30px;
+	line-height: 1.4;
+	*padding-left: 0;
+	}
+	.b-extracontent-head {
+		margin: 0 0 1em;
+		font-weight: bold;
+		font-style: normal;
+		font-size: 1em;
+		color: #000;
+		}
+	.b-extracontent P {
+		margin: 0 0 1em;
+		}
+	.b-extracontent-more {
+		padding-top: 1em;
+		border-top: 2px solid #C8CFD5;
+		}
+	.b-extracontent-shadow {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		overflow: hidden;
+		width: 27px;
+		margin: 0;
+		padding: 0;
+		}
+		.b-extracontent-shadow-inner {
+			position: absolute;
+			top: 0;
+			right: 27px;
+			bottom: 0;
+			width: 300%;
+			-webkit-border-radius: 30px;
+			   -moz-border-radius: 30px;
+			        border-radius: 30px;
+			-webkit-box-shadow: -1px 0 10px 0 #324F7A;
+			   -moz-box-shadow: -1px 0 10px 0 #324F7A;
+			        box-shadow: -1px 0 10px 0 #324F7A;
+			}
 
+/* remove shadow on tiny screen */
+@media screen and (max-width: 1000px) {
+	.b-extracontent {
+		padding-right: 0;
+		padding-left: 0;
+		}
+		.b-extracontent-shadow-inner {
+			display: none;
+			}
+}