4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=News+Cycle:400,700');
11 h1, h2, h3, h4, h5, h6 {
41 // -----------------------------------------------------
47 text-decoration: none;
48 border-bottom: 1px dotted;
51 text-decoration: none;
52 border-bottom: 1px solid;
57 border-bottom: 2px solid @grayLighter;
61 // -----------------------------------------------------
65 font-family: @sansFontFamily;
69 border-top: 2px solid @grayLighter;
70 border-bottom: 2px solid @grayLighter;
76 padding: 16px 20px 20px;
80 text-transform: uppercase;
84 padding: 20px 10px 21px;
87 text-transform: uppercase;
90 .nav > li.active > a {
91 background-color: transparent;
92 color: @headingsColor;
103 .nav li.dropdown > .dropdown-toggle:hover,
104 .nav li.dropdown.active > .dropdown-toggle:hover {
108 .nav li.dropdown > .dropdown-toggle .caret,
109 .nav li.dropdown.open > .dropdown-toggle:hover .caret {
110 border-top-color: @headingsColor;
111 border-bottom-color: @headingsColor;
123 .nav-collapse.collapse {
126 color: @headingsColor;
129 background-color: @dropdownLinkBackgroundHover;
138 .navbar-search .search-query,
139 .navbar-search .search-query:hover {
140 border: 2px solid @grayLighter;
149 background-color: @bodyBackground;
150 background-image: none;
152 border: 2px solid @grayLighter;
162 .nav > li:first-child > a,
163 .nav > li.active > a {
167 background-color: transparent;
169 font-family: @sansFontFamily;
170 color: @headingsColor;
176 background-color: transparent;
178 color: @headingsColor;
182 li.dropdown > .dropdown-toggle .caret ,
183 li.dropdown > .dropdown-toggle:hover .caret,
184 li.dropdown.open > .dropdown-toggle .caret {
185 border-top-color: @headingsColor;
186 border-bottom-color: @headingsColor;
190 li.dropdown.open .dropdown-toggle,
191 li.dropdown.open .dropdown-toggle:hover {
192 background-color: @bodyBackground;
193 color: @headingsColor;
198 // -----------------------------------------------------
200 [class^="icon-"], [class*=" icon-"] {
201 vertical-align: baseline;
205 // -----------------------------------------------------
209 background: @bodyBackground;
217 background: transparent;
228 // -----------------------------------------------------
232 border: 1px solid rgba(0,0,0,.05);
242 background-color: @grayLighter;
253 .box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3));
257 code, pre, pre.prettyprint {
259 background-color: @grayLighter;
263 @media (max-width: 768px) {
268 .nav > li.active > a {
273 .nav > li:first-child:hover > a,
274 .nav > li.active:hover > a,
275 .nav > li.dropdown.open .dropdown-toggle,
276 .nav > li.dropdown.open .dropdown-toggle:hover {
277 background-color: @dropdownLinkBackgroundHover;
281 .nav-tabs .open .dropdown-toggle,
282 .nav-pills .open .dropdown-toggle,
283 .nav > li.dropdown.open.active > a:hover {
284 border-color: #e5e5e5;