/* Default color scheme */ @import url(http://fonts.googleapis.com/css?family=Raleway:300); @import url(http://fonts.googleapis.com/css?family=Open+Sans); /* General */ body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #3e4855; background-color: #fff; line-height: 1.42857143; } label { color: #3e4855; } h1, h2, h3, h4, h5, h6, #page-title > h2, #page-title > p { font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } /* Header */ #page-header .user-account-btn > a.user-profile .glyph-icon, .logo-bg { background-color: rgba(255, 255, 255, 0.1); color: #fff; } #page-header .user-account-btn > a.user-profile { color: #fff; } /* Header nav left */ /* Header nav right */ #header-nav-right .header-btn .glyph-icon, #header-nav-right .dropdown > a .glyph-icon { color: rgba(255, 255, 255, 0.8); } #header-nav-right .header-btn:hover .glyph-icon, #header-nav-right .dropdown > a:hover .glyph-icon { color: rgba(255, 255, 255, 0.95); } #header-nav-right .header-btn, #header-nav-right .dropdown > a { border-color: rgba(255, 255, 255, 0.2); } #header-nav-right .header-btn:hover, #header-nav-right .dropdown > a:hover { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.25); } /* Page content */ #page-content { background: #fafcfe; } /* Sidebar menu */ #page-sidebar ul li.header { color: #000; } #page-sidebar ul li a .glyph-icon { color: #0093d9; } #page-sidebar ul li.sfHover > a.sf-with-ul, #page-sidebar ul li a:hover { border-color: #d1d9dd; } /* Sidebar submenu */ #sidebar-menu li .sidebar-submenu { border-color: #f6f7f8; } #sidebar-menu li .sidebar-submenu ul li { border-color: #f8f9fa; } #sidebar-menu li .sidebar-submenu ul li a:hover, #sidebar-menu li .sidebar-submenu ul li a.sfActive { background: #fcfdfe; } #sidebar-menu li .sidebar-submenu ul li a.sfActive { color: #1c82e1; } /* Sidebar alternate style */ #page-sidebar.font-inverse { } #page-sidebar.font-inverse ul li.header { color: rgba(255, 255, 255, 0.95); } #page-sidebar.font-inverse ul li.divider { background: rgba(255, 255, 255, 0.1); } #page-sidebar.font-inverse #sidebar-menu > li > a { color: rgba(255, 255, 255, 0.62); } #page-sidebar.font-inverse #sidebar-menu li.sfHover > a.sf-with-ul, #page-sidebar.font-inverse #sidebar-menu li a:hover { border-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.96); } #page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu { border-color: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.05); } #page-sidebar.font-inverse #sidebar-menu li a { color: rgba(255, 255, 255, 0.62); } #page-sidebar.font-inverse #sidebar-menu li a:hover { color: rgba(255, 255, 255, 0.96); } #page-sidebar.font-inverse#page-sidebar ul li a .glyph-icon { color: rgba(255, 255, 255, 0.8); } #page-sidebar.font-inverse#page-sidebar ul li a:hover .glyph-icon { color: rgba(255, 255, 255, 1); opacity: .90; -moz-opacity: .90; filter: alpha(opacity: 90); } #page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li { border-color: rgba(255, 255, 255, 0.07); } #page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li a:hover { background: rgba(255,255,255,0.05); }