header.less

77 lines | 17.218 kB Blame History Raw Download
@font-face{font-family:'OpenSansLight';font-style:normal;font-weight:normal;src:url('../font/OpenSans-Light-webfont.eot');src:url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../font/OpenSans-Light-webfont.woff') format('woff'),url('../font/OpenSans-Light-webfont.ttf') format('truetype'),url('../font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg')}@font-face{font-family:'OpenSansRegular';font-style:normal;font-weight:normal;src:url('../font/OpenSans-Regular-webfont.eot');src:url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../font/OpenSans-Regular-webfont.woff') format('woff'),url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg')}@font-face{font-family:'OpenSansSemibold';font-style:normal;font-weight:normal;src:url('../font/OpenSans-Semibold-webfont.eot');src:url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/OpenSans-Semibold-webfont.woff') format('woff'),url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg')}@font-face{font-family:'OpenSansBold';font-style:normal;font-weight:normal;src:url('../font/OpenSans-Bold-webfont.eot');src:url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/OpenSans-Bold-webfont.woff') format('woff'),url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),url('../font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg')}@font-face{font-family:'OpenSansExtrabold';font-style:normal;font-weight:normal;src:url('../font/OpenSans-ExtraBold-webfont.eot');src:url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg')}body{font-family:OpenSansRegular,Arial,Helvetica,sans-serif}.header.rcue{border-top:3px solid #c00;position:relative}.header.rcue .brand{color:#fff;padding:7px 0;margin:0 0 0 20px;text-shadow:none}.ie8 .header.rcue .brand{background:url(../img/brand.png) no-repeat 0 50%;min-width:300px}.header.rcue .brand img{display:block;font-size:11px}.ie8 .header.rcue .brand img{height:10px;width:0}.header.rcue .navbar{margin-bottom:0}.header.rcue .navbar.primary{font-size:13px}.header.rcue .navbar.primary.persistent-secondary .nav{position:static}.header.rcue .navbar.primary.persistent-secondary .nav .dropup .dropdown-menu{bottom:0;top:auto}.header.rcue .navbar.primary.persistent-secondary .nav>li.active{margin-bottom:32px}.header.rcue .navbar.primary.persistent-secondary .nav>li.active>.persistent{display:block}.header.rcue .navbar.primary.persistent-secondary .nav>li>a{position:static}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent{background:#f6f6f6;border-bottom:1px solid #cecdcd;display:none;float:left;left:0;margin:0;position:absolute;width:100%}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent a{text-decoration:none!important}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu.active>a:after{border-top-color:#0080af!important}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu:hover>.dropdown-menu{display:none}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu.open:before{background:#aaa;bottom:-1px;content:'';display:block;height:2px;left:20px;position:absolute;right:3px;z-index:1}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu.open:hover>.dropdown-menu{display:block}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu.open>a{color:#222}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu.open>a:after{border-top-color:#222}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu>a:after{border-left-color:transparent;border-top-color:#4d5258;border-width:5px 5px 0 5px;margin-right:-17px;margin-top:4px;opacity:.8}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu>a:before{background:transparent!important;border-color:#f6f6f6 transparent transparent transparent;border-style:solid;border-width:5px 5px 0 5px;content:'';display:block;float:right;height:0;margin-right:-17px;margin-top:2px;position:relative;right:0;width:0;z-index:2}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu>.dropdown-menu{border-top-color:transparent;left:21px;top:100%}.ie8 .header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>.dropdown-submenu>.dropdown-menu{margin-top:1px}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li{float:left;list-style:none;position:relative;white-space:nowrap}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active:before,.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active:hover:before{background:#409cd3!important;bottom:-1px;content:'';display:block;height:2px;left:20px;position:absolute;right:20px;z-index:1}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active.dropdown-submenu:before{right:3px}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active>a,.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active>a:hover,.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active:hover>a{color:#0092c7!important}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li.active .active>a{color:#fff}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li:hover:before{background:#aaa;bottom:-1px;content:'';display:block;height:2px;left:20px;position:absolute;right:20px;z-index:1}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li:hover.dropdown-submenu:before{right:3px}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li:hover>a{color:#222}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li:hover>a:after{border-top-color:#222}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li a{color:#4d5258;font-size:12px}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li a:hover{color:#fff}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li>a{background-color:transparent!important;background-image:none!important;display:block;line-height:1;padding:10px 20px 9px;filter:none!important}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li>a:hover{color:#222}.header.rcue .navbar.primary.persistent-secondary .nav>li>.persistent>li li:hover>a{color:#fff}.header.rcue .navbar.primary .nav>li>a{border-bottom:1px solid transparent;border-top:1px solid transparent;position:relative;margin:-1px 0 0;z-index:1}.header.rcue .navbar.primary .nav>li>a:hover{background-color:#53595d;background-image:-moz-linear-gradient(top,#5c6165,#4b5053);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5c6165),to(#4b5053));background-image:-webkit-linear-gradient(top,#5c6165,#4b5053);background-image:-o-linear-gradient(top,#5c6165,#4b5053);background-image:linear-gradient(to bottom,#5c6165,#4b5053);background-repeat:repeat-x;border-top-color:#949699}.header.rcue .navbar.primary .nav>li>a:hover.dropdown-toggle .caret:after{border-top-color:#53595d}.header.rcue .navbar.primary .nav>.active>a,.header.rcue .navbar.primary .nav>.active>a:hover,.header.rcue .navbar.primary .nav>.active>a:focus,.header.rcue .navbar.primary .nav>.open>a,.header.rcue .navbar.primary .nav>.open>a:hover,.header.rcue .navbar.primary .nav>.open>a:focus{background-color:#6b6f74;background-image:-moz-linear-gradient(top,#72757a,#64686c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#72757a),to(#64686c));background-image:-webkit-linear-gradient(top,#72757a,#64686c);background-image:-o-linear-gradient(top,#72757a,#64686c);background-image:linear-gradient(to bottom,#72757a,#64686c);border-top-color:#949699;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff}.header.rcue .navbar.primary .nav>.active>a.dropdown-toggle .caret:after,.header.rcue .navbar.primary .nav>.active>a:hover.dropdown-toggle .caret:after,.header.rcue .navbar.primary .nav>.active>a:focus.dropdown-toggle .caret:after,.header.rcue .navbar.primary .nav>.open>a.dropdown-toggle .caret:after,.header.rcue .navbar.primary .nav>.open>a:hover.dropdown-toggle .caret:after,.header.rcue .navbar.primary .nav>.open>a:focus.dropdown-toggle .caret:after{border-top-color:#6b6f74}.header.rcue .navbar.primary .nav li.dropdown.context>a{background-color:#54595d;background-image:-moz-linear-gradient(top,#585d61,#505458);background-image:-webkit-gradient(linear,0 0,0 100%,from(#585d61),to(#505458));background-image:-webkit-linear-gradient(top,#585d61,#505458);background-image:-o-linear-gradient(top,#585d61,#505458);background-image:linear-gradient(to bottom,#585d61,#505458);border-bottom-color:#65696d;border-right:1px solid #65696d;border-top-color:#64696d;font-family:OpenSansSemiBold,Arial,Helvetica,sans-serif;z-index:0}.header.rcue .navbar.primary .nav li.dropdown.context>a.dropdown-toggle .caret:after{border-top-color:#54595d}.header.rcue .navbar.primary .nav li.dropdown.context>a:hover{background-color:#5e6367;background-image:-moz-linear-gradient(top,#62676b,#5a5e62);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62676b),to(#5a5e62));background-image:-webkit-linear-gradient(top,#62676b,#5a5e62);background-image:-o-linear-gradient(top,#62676b,#5a5e62);background-image:linear-gradient(to bottom,#62676b,#5a5e62);border-bottom-color:#6e7276;border-right-color:#6e7276;border-top-color:#6c7276}.header.rcue .navbar.primary .nav li.dropdown.context>a:hover.dropdown-toggle .caret:after{border-top-color:#5e6367}.header.rcue .navbar.primary .nav li.dropdown.context.open>a{background-color:#686e72;background-image:-moz-linear-gradient(top,#6b7175,#65696d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#6b7175),to(#65696d));background-image:-webkit-linear-gradient(top,#6b7175,#65696d);background-image:-o-linear-gradient(top,#6b7175,#65696d);background-image:linear-gradient(to bottom,#6b7175,#65696d);border-bottom-color:#6e7276;border-right-color:#777a7e;border-top-color:#767a7e}.header.rcue .navbar.primary .nav li.dropdown.context.open>a.dropdown-toggle .caret:after{border-top-color:#686e72}.header.rcue .navbar.utility{font-size:11px;line-height:1}.header.rcue .navbar.utility .nav>.active>a,.header.rcue .navbar.utility .nav>.active>a:hover,.header.rcue .navbar.utility .nav>.active>a:focus,.header.rcue .navbar.utility .nav>.open>a,.header.rcue .navbar.utility .nav>.open>a:hover,.header.rcue .navbar.utility .nav>.open>a:focus{background:#5b6165;color:#fff}.header.rcue .navbar.utility .nav>.active>a.dropdown-toggle .caret:after,.header.rcue .navbar.utility .nav>.active>a:hover.dropdown-toggle .caret:after,.header.rcue .navbar.utility .nav>.active>a:focus.dropdown-toggle .caret:after,.header.rcue .navbar.utility .nav>.open>a.dropdown-toggle .caret:after,.header.rcue .navbar.utility .nav>.open>a:hover.dropdown-toggle .caret:after,.header.rcue .navbar.utility .nav>.open>a:focus.dropdown-toggle .caret:after{border-top-color:#5b6165}.header.rcue .navbar.utility .nav>li>a{border-left:1px solid #53565b;color:#fff;padding:7px 10px}.header.rcue .navbar.utility .nav>li>a:hover{background:#4a5053;border-left-color:#636466}.header.rcue .navbar.utility .nav>li.open>a{border-left-color:#6c6e70}.header.rcue .navbar.utility .nav li.dropdown.open>.dropdown-toggle .caret:after,.header.rcue .navbar.utility .nav li.dropdown.open>.dropdown-toggle:hover .caret:after{border-top-color:#5b6165}.header.rcue .navbar.utility .nav li.dropdown>.dropdown-toggle:hover .caret:after{border-top-color:#4a5053}.header.rcue .navbar.utility .nav li.dropdown>.dropdown-toggle .caret{border-bottom-color:#fff;border-top-color:#fff;border-width:4px}.header.rcue .navbar.utility .nav li.dropdown>.dropdown-toggle .caret:after{border-top-color:#393f45}/* .header.rcue .navbar.utility .nav li.dropdown>.dropdown-toggle .icon-user{background:url(../img/icon-user.svg) no-repeat;background-size:100%;display:block;float:left;margin:0 5px 0 0;height:11px;width:11px} */.ie8 .header.rcue .navbar.utility .nav li.dropdown>.dropdown-toggle .icon-user{display:none}.header.rcue .navbar .dropdown .dropdown-menu .nav-header{padding-left:10px;padding-right:10px}.header.rcue .navbar .dropdown-menu{border-color:#b6b6b6;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;border-top-width:0;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15);font-size:11px;left:-1px;margin-top:0}.header.rcue .navbar .dropdown-menu .divider{margin:4px 1px}.header.rcue .navbar .dropdown-menu li>a{line-height:22px;padding:0 10px}.header.rcue .navbar .dropdown-menu>.active>a,.header.rcue .navbar .dropdown-menu>.active>a:hover,.header.rcue .navbar .dropdown-menu>.active>a:focus,.header.rcue .navbar .dropdown-menu>li>a:hover,.header.rcue .navbar .dropdown-menu>li>a:focus,.header.rcue .navbar .dropdown-submenu:hover>a,.header.rcue .navbar .dropdown-submenu:focus>a{background-color:#2b99c0;background-image:-moz-linear-gradient(top,#2ea1ca,#2792b6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#2ea1ca),to(#2792b6));background-image:-webkit-linear-gradient(top,#2ea1ca,#2792b6);background-image:-o-linear-gradient(top,#2ea1ca,#2792b6);background-image:linear-gradient(to bottom,#2ea1ca,#2792b6);background-repeat:repeat-x;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea1ca',endColorstr='#2792b6',GradientType=0)}.header.rcue .navbar .dropdown-submenu.pull-left>.dropdown-menu{left:auto;right:100%}.header.rcue .navbar .dropdown-submenu.active>a:after{border-left-color:#fff}.header.rcue .navbar .dropdown-submenu>a:after{margin-right:-5px}.header.rcue .navbar .dropdown-submenu>.dropdown-menu{border-top-width:1px;left:100%}.header.rcue .navbar .nav>li>a{color:#dbdada;line-height:1;padding:14px 20px;text-shadow:none}.header.rcue .navbar .nav>li .dropdown-menu:after,.header.rcue .navbar .nav>li .dropdown-menu:before{display:none}.header.rcue .navbar .nav li.dropdown>.dropdown-toggle .caret{border-bottom-color:#dbdada;border-top-color:#dbdada;border-width:5px;margin-left:5px;margin-top:5px;position:relative}.header.rcue .navbar .nav li.dropdown>.dropdown-toggle .caret:after{border:4px solid transparent;border-bottom:0;border-top-color:#44494d;content:'';display:block;height:0;left:-4px;position:absolute;top:-6px;width:0}.header.rcue .navbar .nav li.dropdown li+.nav-header{margin-top:4px}.header.rcue .navbar .nav li.dropdown.open>.dropdown-toggle .caret{border-bottom-color:#fff;border-top-color:#fff}.header.rcue .navbar .pull-right>li>.dropdown-menu,.header.rcue .navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:-1px}.header.rcue .navbar-inner{background:#393f45;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;min-height:0;padding:0;filter:none}.header.rcue .primary .navbar-inner{background-image:-moz-linear-gradient(top,#474c50,#383f43);background-image:-webkit-gradient(linear,0 0,0 100%,from(#474c50),to(#383f43));background-image:-webkit-linear-gradient(top,#474c50,#383f43);background-image:-o-linear-gradient(top,#474c50,#383f43);background-image:linear-gradient(to bottom,#474c50,#383f43);background-repeat:repeat-x}.header.rcue .utility .navbar-inner{border-bottom:1px solid #53565b}


/* Styles from Gabriel */

.header.rcue {
    font-family: "Open-sans", sans-serif;
    
    .navbar {
        border: none;
        border-radius: 0;
        min-height: inherit;
        
        .navbar-inner {
            width: 100%;
            display: block;
        }
        
        h1 {
            margin: 0;
            font-family: "Overpass",sans-serif;
            font-size: 1em;
            text-transform: uppercase;
            letter-spacing: 0;
            line-height: 2.18181818181818em;
            padding-left: 1.36363636363636em;
            float: left;
            
            a {
                color: #fff;
                
                &:hover {
                    text-decoration: none;
                }
            }
        }
        
        .nav {
            li.separator {
                border-top: 1px solid #e5e5e5;
                display: block;
                margin-top: 0.4em;
                padding-top: 0.4em;
            }
            
            > li > a {
                font-size: 1em;
            }
        }
        
        &.utility .nav > li > a {
            padding: 0 1.36363636363636em;
            line-height: 2.18181818181818em;
        }
        
        .navbar.utility .nav > li > a:focus {
            background-color: #4D5258;
        }

        .icon-user {
            background-image: url(img/sprites-white.png);
            margin-top: -3px;
        }
                
        .nav li.dropdown > .dropdown-toggle .caret {
            margin-top: 0;
        }
        
        &.primary .nav > li {
            float: left;
            
            a:focus {
                background-color: #41474b;
            }
        }
    }
}