@import "bootstrap/bootstrap.less"; @import "syntax.less"; body { position: relative; padding-top: 40px; } @import "bootstrap/responsive.less"; /* ===== Primary Styles ======================================================== Author: ========================================================================== */ @odeBlue: #0066B3; @lila: #3B4696; @featherColor: #B80259; //@baseFontSize: 16px; @baseFontFamily: @sansFontFamily; //@baseLineHeight: 22px; @linkColor: @odeBlue; /* Jumbotrons -------------------------------------------------- */ /* Base class ------------------------- */ .jumbotron { position: relative; padding: 10px 0; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); text-align: left; border-bottom: 1px solid #ddd; background: @odeBlue; /* Old browsers */ #gradient.vertical(@odeBlue, @lila); //#gradient.vertical(@lila, @odeBlue); .box-shadow(~"inset 0 7px 7px rgba(0,0,0,.2), inset 0 -5px 7px rgba(0,0,0,.2)"); h1 { font-size: 80px; font-size: 60px; font-weight: bold; letter-spacing: -1px; line-height: 1; } p { font-size: 24px; font-weight: 300; line-height: 1.25; margin-bottom: 30px; margin-bottom: 20px; } // overlay .container { position: relative; z-index: 2; } &:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAGovxNEIAAAAoSURBVDhPYxBEAgIMSkhAgcEFCTgwdCCBBoZRfaP6RvWN6hvVR5Y+APADQlQnmrINAAAAAElFTkSuQmCC) repeat center center; opacity: .4; } sup { font-size: 12px; line-height: 20px; vertical-align: top; } } .footer { clear : both; margin-top: 45px; padding: 35px 0 36px; border-top: 1px solid #E5E5E5; color : @navbarText; font-size : 14px; p { font-size : 14px; } } .caption { margin: 0px; font-weight: bold; border-top: 1px solid silver; border-right: 1px solid silver; border-left: 1px solid silver; padding: 3px; }