1.header { 2 -moz-box-shadow: 0 1px 0 @ini_border_underline; 3 -webkit-box-shadow: 0 1px 0 @ini_border_underline; 4 box-shadow: 0 1px 0 @ini_border_underline; 5 z-index: 999; 6 height: 4em; 7 border-bottom: 1px @ini_border solid; 8 background: @ini_header_background; 9 color: @ini_header_text 10} 11 12.header a { 13 color: @ini_header_link 14} 15 16.header a:hover { 17 color: @ini_header_linkHover 18} 19 20.header .header-content { 21 padding: 0 0 0 1em; 22 height: 100% 23} 24 25.header-heading { 26 display: table; 27 height: 100% 28} 29 30.header-title { 31 height: 100% 32} 33 34.header-subTitle { 35 height: 100% 36} 37 38.header-nav { 39 display: table; 40 height: 100% 41} 42 43[class^=header-navButton] { 44 position: relative; 45 font-size: 115%; 46 width: 4em; 47 height: 100%; 48 text-align: center; 49} 50 51[class^=header-navButton].has-subList { 52 cursor: pointer 53} 54 55[class^=header-navButton]:hover a[class^=icon] { 56 color: @ini_header_linkHover 57} 58 59[class ^=header-navButton].has-subList ul { 60 position: absolute; 61 font-size: 75%; 62 z-index: 999; 63 list-style: none; 64 padding: 0; 65 top: 64px; 66 right: -2px; 67 background-color: @ini_header_background; 68 border: 1px @ini_border solid; 69 border-top: none; 70 display: none; 71} 72 73[class^=header-navButton].has-subList ul:after { 74 content: " "; 75 display: block; 76 line-height: 0; 77 border-top: 1px #eee solid 78} 79 80[class^=header-navButton].has-subList li { 81 display: block; 82 text-align: left; 83 white-space: nowrap; 84 padding: 0.15625em 1.25em 85} 86 87[class^=header-navButton].has-subList a { 88 display: block 89} 90 91header-navButton--searchBar { 92 text-align: right 93} 94 95.header-navButton--searchBar [class^=icon] { 96 position: absolute; 97 right: 16px; 98 top: 23px; 99 pointer-events: none; 100 color: @ini_search_iconColor 101} 102 103div.header-navButton--searchBar:hover a[class^=icon] { 104 color: @ini_search_iconHover 105} 106 107.header-navButton--searchBar form#dw__search { 108 float: right; 109 width: 11em 110} 111 112.header-navButton--searchBar #qsearch__in { 113 outline: 0; 114 width: 7.5em; 115 height: 25px; 116 float: left; 117 border: 0; 118 padding: 5px 11px; 119 color: @ini_search_text; 120 background-color: @ini_search_input 121} 122 123.header-navButton--searchBar #qsearch__out { 124 font-size: 89%; 125 left: -203px; 126 top: 3.2em; 127 width: 11em 128} 129 130.header-navButton--searchBar:hover [class^='icon'] { 131 color: @ini_search_iconHover 132} 133 134.header-navButton--searchBar button, 135.header-navButton--searchBar input.button { 136 float: left; 137 border: 0; 138 background: @ini_search_input; 139 width: 1.9375em; 140 height: 35px; 141 text-indent: -9999px 142} 143