body{ background: url('../../../bundles/framework/images/portal/body-bg.png'); color:#838383; font: 13px/1.7em 'Open Sans'; } .page-head-line { font-weight: 900; padding-bottom: 20px; border-bottom: 2px solid #0b5e3e; text-transform: uppercase; color: #0b5e3e; font-size: 20px; margin-bottom: 40px; } .account-container { width: 500px; display: block; margin: 30px auto 0 auto; background: #f9f9f9; border: 1px solid #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6; } .content { padding: 16px 28px 23px; font-size: 13px; } .register h1{ color: #444; } .register input{ font-family: 'Open Sans'; font-size: 13px; color: #8e8d8d; } /*------------------------------------------------------------------ [2. Navbar / .navbar] */ .navbar-default{ background-color: #3b8341; border-color: transparent; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); margin-bottom: 0; } .navbar-default .navbar-brand{ color: white; font-size: 25px; } .navbar-default .navbar-nav>li>a{ color: white; font-size: 18px; } /*------------------------------------------------------------------ [3. Subnavbar / .subnavbar] */ .subnavbar { margin-bottom: 2.5em; } .subnavbar-inner { height: 60px; background: #fff; border-bottom: 1px solid #d6d6d6; } .subnavbar .container > ul { display: inline-block; height: 80px; padding: 0; margin: 0; } .subnavbar .container > ul > li { float: left; min-width: 90px; height: 60px; padding: 0; margin: 0; text-align: center; list-style: none; border-left: 1px solid #d9d9d9; } .subnavbar .container > ul > li > a { display: block; height: 100%; padding: 0 15px; font-size: 12px; font-weight: bold; color: #b2afaa; } .subnavbar .container > ul > li > a:hover { color: #888; text-decoration: none; } .subnavbar .container > ul > li > a > i { display: inline-block; width: 24px; height: 24px; margin-top: 11px; margin-bottom: -3px; font-size: 20px; } .subnavbar .container > ul > li > a > span { display: block; } .subnavbar .container > ul > li.active > a { border-bottom:3px solid #ff7f74; color: #383838; } .subnavbar .dropdown .dropdown-menu a { font-size: 12px; } .subnavbar .dropdown .dropdown-menu { text-align: left; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .subnavbar .dropdown-menu::before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .subnavbar .dropdown-menu::after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 10px; } .subnavbar .caret { margin-top: 4px; border-top-color: white; border-bottom-color: white; } .subnavbar .dropdown.open .caret { display: none; } /*------------------------------------------------------------------ [4. Main / .main] */ .main { padding-bottom: 2em; border-bottom: 1px solid #aaa; } /*------------------------------------------------------------------ [6. Widget / .widget] */ .widget { position: relative; clear: both; width: auto; margin-bottom: 2em; overflow: hidden; } .widget-header { position: relative; line-height: 40px; background: #f9f6f1; background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */ background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')"; border: 1px solid #d6d6d6; -webkit-background-clip: padding-box; } .widget-header h3 { position: relative; top: 2px; left: 10px; display: inline-block; margin-right: 3em; font-size: 20px; font-weight: 800; color: #525252; line-height: 18px; text-shadow: 1px 1px 2px rgba(255,255,255,.5); } .widget-header [class^="fa-"], .widget-header [class*=" fa-"] { display: inline-block; margin-left: 13px; margin-right: -2px; font-size: 16px; color: #555; vertical-align: middle; } .widget-content { padding: 20px 15px 15px; background: #FFF; border: 1px solid #D5D5D5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .widget-header+.widget-content { border-top: none; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .widget-nopad .widget-content { padding: 0; } /* Widget Content Clearfix */ .widget-content:before, .widget-content:after { content:""; display:table; } .widget-content:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .widget-content { zoom:1; } /* Widget Table */ .widget-table .widget-content { padding: 0; } .widget-table .table { margin-bottom: 0; border: none; } .widget-table .table tr td:first-child { border-left: none; } .widget-table .table tr th:first-child { border-left: none; } /* Widget Plain */ .widget-plain { background: transparent; border: none; } .widget-plain .widget-content { padding: 0; background: transparent; border: none; } /* Widget Box */ .widget-box { } .widget-box .widget-content { background: #E3E3E3; background: #FFF; } #big_stats { width: 100%; display: table; margin-top: 1.5em; } .big-stats-container .widget-content { border:0; } #big_stats .stat { width: 25%; height: 90px; text-align: center; display: table-cell; padding: 0; position: relative; border-right: 1px solid #CCC; border-left: 1px solid #FFF; } #big_stats i { font-size:30px; display:block; line-height: 40px; color:#b2afaa;} #big_stats .stat:hover i {color:#19bc9c;} h6.bigstats{ margin: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 26px; font-size: 20px; } #big_stats .stat:first-child { border-left: none; } #big_stats .stat:last-child { border-right: none; } #big_stats .stat h4 { font-size: 11px; font-weight: bold; color: #777; margin-bottom: 1.5em; } #big_stats .stat .value { font-size: 45px; font-weight: bold; color: #545454; line-height: 1em; }