Committer: sboronchiev
LJSUP-13492: lj_base.css refactoring ?\226?\128?\148 step 2U 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 {