[ljcom] r12909: LJSUP-13910: Create page "About LJ"
Committer: sboronchiev
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;
+ }
+}