/*-- copyright * OpenProject is a project management system. * Copyright (C) 2012-2013 the OpenProject Foundation (OPF) * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License version 3. * * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows: * Copyright (C) 2006-2013 Jean-Philippe Lang * Copyright (C) 2010-2013 the ChiliProject Team * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License * as published by the Free Software Foundation; either version 2 * of the License, or (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. * * See doc/COPYRIGHT.rdoc for more details. ++*/ @import global/all @import fonts/openproject_icon_font #logo float: left width: $main_menu_width - $main_menu_border_width height: $header_height background-color: $header_logo_bg_color .home-link margin-top: 13px display: block background: $header_home_link_bg background-size: 150px height: 42px text-indent: -9999em #top-menu background-color: $header_bg_color height: $header_height padding: 0px z-index: 21 position: relative border-bottom: $header_border_bottom_width solid $header_border_bottom_color #search margin: 7px 25px 0 0 float: left .search_field position: relative border: $header_search_field_border border-radius: 25px -webkit-border-radius: 25px background: $header_search_field_bg_color url(image-path('magnifier.png')) no-repeat 94% center top: 6px width: 140px outline: 0px padding: 7px 30px 7px 10px font-family: $font_family_normal color: $header_search_field_font_color ::-webkit-input-placeholder color: $header_search_field_font_color :-moz-placeholder color: $header_search_field_font_color ul margin: 0 padding: 0 float: left height: $header_height border-top: 0 position: relative li float: left list-style-type: none white-space: nowrap position: relative z-index: 5 padding: 0 > a height: $header_height line-height: $header_height zoom: 1 @include header-fonts($header_item_font_color) text-decoration: none padding: 0 10px 0 10px > a:hover background: $header_item_bg_hover_color color: $header_item_font_hover_color > ul top: $header_height + $header_border_bottom_width display: none position: absolute height: auto min-width: 270px left: -1px z-index: 20 border: 2px solid $header_drop_down_border_color border-top: 0 background-color: $header_drop_down_bg_color li a height: 30px line-height: 30px li float: none white-space: nowrap li.open > a position: relative top: 0px z-index: 21 li.last-child > ul left: auto right: 0 li.drop-down select width: 100% > a &:after @include icon-common padding: 0 2px 0 9px content: "\e0d2" &:hover background-color: $header_item_bg_hover_color &.open > a background-color: $header_item_bg_hover_color color: $header_item_font_hover_color &:after @include icon-common padding: 0 2px 0 9px content: "\e0d4" li > a color: $header_drop_down_item_font_color padding: 0 15px &:hover background: $header_item_bg_hover_color color: $header_drop_down_item_font_hover_color #loggedas float: right margin-right: 0.5em color: #fff #nav-login-content position: relative position-top: 44px float: right background: #FFFFFF border: 0px solid #194E60 border-top: 0 line-height: 19px padding: 10px @include header-fonts(#555555, 13px) input[type=text] height: 16px width: 150px border: 1px solid #CCCCCC padding: 5px @include default-transition &:hover border: 1px solid #888888 input[type=password] height: 16px width: 150px border: 1px solid #CCCCCC padding: 5px @include default-transition &:hover border: 1px solid #888888 input[type=submit] background: $header_drop_down_button_bg_color border-radius: 20px color: #FFFFFF padding: 6px 13px border: none cursor: pointer @include default-transition &:hover background: $header_drop_down_button_hover_bg_color div a display: inline padding: 0 font-family: $font_family_normal font-weight: normal table td padding: 3px #optional_login_fields white-space: nowrap margin: 5px 0 0 3px #quick-search float: right #top-menu-items padding-top: 0px .top-menu-items-right float: right #top-menu.open z-index: 5 #select2-drop.project-search-results margin: 0 0 0 -2px border: 2px solid $header_drop_down_border_color border-top: 0 @include header-fonts($header_drop_down_projects_search_font_color, 13px) li padding: 0 10px .select2-search background: $header_drop_down_projects_search_bg_color margin: 0px 0 10px 0 .select2-search input background: $header_drop_down_projects_search_input_bg_color url(image-path('magnifier.png')) no-repeat 94% center margin: 10px 10px padding: 9px 7px 9px 10px border: none border-radius: 25px -webkit-border-radius: 25px width: 92% .select2-results margin: 0 padding: 0 .select2-highlighted background: $header_item_bg_hover_color !important border-radius: 0 !important font-family: $font_family_bold font-weight: normal !important color: $header_drop_down_item_font_hover_color #header height: $header_height min-width: 1100px .chzn-container .chzn-results .highlighted background-color: #24b3e7 .account-nav display: block li a display: block padding: 0px 9px 0px > ul > li max-width: 350px