.fw-linear-gradient (@darkColorStart, @darkColorEnd) { /* fallback/image non-cover color */ background-color: @darkColorStart; /* Safari 4+, Chrome 1-9 */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@darkColorStart), to(@darkColorEnd)); /* Safari 5.1+, Mobile Safari, Chrome 10+ */ background-image: -webkit-linear-gradient(top, @darkColorStart, @darkColorEnd); /* Firefox 3.6+ */ background-image: -moz-linear-gradient(top, @darkColorStart, @darkColorEnd); /* IE 10+ */ background-image: -ms-linear-gradient(top, @darkColorStart, @darkColorEnd); /* Opera 11.10+ */ background-image: -o-linear-gradient(top, @darkColorStart, @darkColorEnd); } .fw-topNav-darkGradient () { .fw-linear-gradient(@fw-topNav-darkColor-light, @fw-topNav-darkColor-dark); } .fw-topNav-lightGradient () { .fw-linear-gradient(@fw-topNav-lightColor-light, @fw-topNav-lightColor-dark); } #arrow { .base() { content: "\0020"; display: block; width: 0; height: 0; border: 0 none; border-style: solid; } .up( @arrow-width, @arrow-color ) { .base(); border-width: 0 @arrow-width @arrow-width @arrow-width; border-color: transparent; border-bottom-color: @arrow-color; } .right( @arrow-width, @arrow-color ) { .base(); border-width: @arrow-width 0 @arrow-width @arrow-width; border-color: transparent; border-left-color: @arrow-color; } .down( @arrow-width, @arrow-color ) { .base(); border-width: @arrow-width @arrow-width 0 @arrow-width; border-color: transparent; border-top-color: @arrow-color; } .left( @arrow-width, @arrow-color ) { .base(); border-width: @arrow-width @arrow-width @arrow-width 0; border-color: transparent; border-right-color: @arrow-color; } } body { background-color: #F2F2F2; } .theme-topNav-content { min-height: 400px; } .theme-topNav-header-top { height: 75px; line-height: 75px; } .theme-topNav-header-login { float: right; } .theme-topNav-header-login a { color: black; } .theme-topNav-header-text { float: left; font-family: Gotham-Regular, Arial, sans-serif; text-transform: uppercase; font-weight: 900; font-size: 24px; padding-left: 35px; } .theme-topNav-header ul.theme-topNav-header-navigationContainer { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; list-style: none; padding: 0; width: 100%; } .theme-topNav-header-navigation { color: black; .fw-topNav-lightGradient(); } .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li>a, .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li>span.theme-topNav-dropDownButton-hover>a { color: black; text-transform: uppercase; font-weight: bold; } .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li>a:hover, .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li>span.theme-topNav-dropDownButton-hover>a:hover { color: white; text-decoration: none; } .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li.active>a, .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li.active>span.theme-topNav-dropDownButton-hover>a, .theme-topNav-header-navigation ul.theme-topNav-header-navigationContainer>li>span.theme-topNav-dropDownButton-hover.hovered>a { color: white; text-decoration: none; } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li { display: inline-block; } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li>a, .theme-topNav-header ul.theme-topNav-header-navigationContainer>li>span.theme-topNav-dropDownButton-hover>a { padding-top:18px; padding-bottom:18px; padding-left:20px; padding-right:20px; display: block; } .theme-topNav-dropDown>li>a { display: block; padding: 10px; text-decoration: none; color: #4B4D59; min-width: 200px; } .theme-topNav-dropDown>li:hover>a { color: white; } .theme-topNav-dropDown .navbar-search input { margin: 2px; } .theme-topNav-dropDown>li:hover { .fw-topNav-lightGradient(); } .theme-topNav-dropDown { .fw-corner-all(3px); margin: 0px; margin-left:-9px; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; list-style: none; background-color: #ffffff; border-color: #EFEFEF; border: 2px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .theme-topNav-dropDown::after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid white; border-left: 6px solid transparent; content: ''; } .theme-topNav-dropDownContainer::before { #arrow > .up( 30px, #eee ); } .theme-topNav-content { margin: 20px; margin-top: 30px; } .fw-tab-count { .fw-corner-all(6px); .fw-topNav-lightGradient; border: 1px solid white; position: relative; top:-8px; padding-left: 5px; padding-right: 6px; font-size: 75%; color: white; } .tabSet { .fw-corner-top(3px); .fw-topNav-darkGradient(); } .tabSet ul { padding-top: 7px; border: none; background: none; } .tabSet ul>li { .fw-corner-top(0px); border: none; background: none; color: white; margin-left: 10px; margin-right: 10px; border-top: 3px solid transparent; } .tabSet ul>li:hover { color: #53B135 !important; } .tabSet ul>li.active { background: white; color: black; border-top: 3px solid #53B135; } .tabSet ul>li.noData { color: #aaa; } .tabContainer { border: 2px solid #EFEFEF; background-color: white; min-height: 400px; .fw-corner-top(0px); .fw-corner-top(3px); border-top: none; } .extendedLoginContainer { padding-top: 16px; } .theme-topNav-header-login div { float: left; padding-right: 20px; } .theme-topNav-header-login div.last { padding-right: 60px; } .fw-TableList-table { .fw-corner-top(3px); border-radius: 2px; border-color: #EFEFEF; } .fw-TableList-table-header th { padding: 8px; .fw-topNav-darkGradient(); } .fw-TableList-table-summation td { padding: 2px; .fw-topNav-darkGradient(); color: white; } .fw-TableList-table-row { border-bottom: 1px solid #EFEFEF; } .fw-TableList-table-oddRow { background : #FAFAFA !important; } .fw-TableList-table-row:hover { background : #EEEEEE !important; } .fw-TableList-quickSearchBox { .fw-corner-top(3px); .fw-corner-bottom(3px); border-color: #EFEFEF; color: white; .fw-topNav-darkGradient(); } .fw-FormCode-groupHeaderText { .fw-topNav-darkGradient(); } .fw-dashboard-widget-title { .fw-topNav-darkGradient(); } .gridster ul li { .fw-corner-bottom(3px); border-color: #EFEFEF; } legend.fw-FormCode-SimpleGroup-legend { color: #53B135; } .theme-topNav-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; } .theme-topNav-footer, .theme-topNav-push { height: 60px; } .theme-topNav-footer { position: relative; } .theme-topNav-footer-poweredBy { position: absolute; bottom: 10px; right: 10px; } .theme-topNav-footer-logo { position: absolute; bottom: 10px; left: 10px; } .fw-LoginForm-container-title { .fw-topNav-darkGradient(); } table.fw-TableList-table-subList { border-color: #D6D6D6; border-width: 1px; } .fw-TableList-table-subList tr.fw-TableList-table-subList-header { .fw-topNav-darkGradient(); } .fw-TableList-subList-evenRow { background-color : white; } .fw-TableList-subList-evenRow:hover { background-color : #EEEEEE; } .fw-TableList-subList-oddRow { background-color: #FAFAFA; } .fw-TableList-subList-oddRow:hover { background-color : #EEEEEE; } .fw-FormCode-dataGrid .fw-FormCode-dataGrid-header { .fw-topNav-darkGradient(); } .fw-DuplicateChecker-matchCriteria { .fw-topNav-darkGradient(); .fw-corner-all(0px); border: none; padding: 10px; } .fw-DuplicateChecker-table-header { .fw-topNav-darkGradient(); padding: 10px; } .theme-topNav-dropDownButton-hover { position: relative; } .theme-topNav-dropDown { top: 0px; left: 10px; } .theme-topNav-header ul.theme-topNav-header-navigationContainer > li.theme-topNav-menu { .fw-topNav-darkGradient(); color: white; cursor: pointer; } .theme-topNav-header ul.theme-topNav-header-navigationContainer > li.theme-topNav-menu a { color: white; } @media screen and (min-width: 500px) { .theme-topNav-header ul.theme-topNav-header-navigationContainer > li.theme-topNav-menu { display:none!important; } } @media screen and (max-width: 500px) { .theme-topNav-header ul.theme-topNav-header-navigationContainer { width: 100%; } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li { display: none; } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li.fw-topNav-forceShow { display: block; } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li:hover { .fw-topNav-darkGradient(); } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li.theme-topNav-menu { display: block; } .theme-topNav-header ul.theme-topNav-header-navigationContainer>li.fw-navigation-additionalDropdown { display: none !important; } }