3 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('//fonts.googleapis.com/css?family=News+Cycle:400,700');
11 h1, h2, h3, h4, h5, h6 {
17 color: @headingsColor;
21 h1 { font-size: 48px; }
23 h2 { font-size: 36px; }
25 h3 { font-size: 28px; }
27 h4 { font-size: 20px; }
29 h5 { font-size: 13px; }
35 text-decoration: none;
36 border-bottom: 1px dotted;
39 text-decoration: none;
40 border-bottom: 1px solid;
46 background-color: @grayLighter;
51 // -----------------------------------------------------
54 border-bottom: 2px solid @grayLighter;
58 border-bottom: 1px solid @grayLighter;
62 // -----------------------------------------------------
66 font-family: @sansFontFamily;
70 border-bottom: 2px solid @grayLighter;
76 padding: 19px 20px 21px;
80 text-transform: uppercase;
84 padding: 20px 10px 20px;
87 text-transform: uppercase;
91 background-color: transparent;
103 .nav > .active > a:hover,
104 .nav > .active > a:focus {
109 border-left-color: @grayLighter;
110 border-right-color: @grayLighter;
124 .navbar-search .search-query,
125 .navbar-search .search-query:hover {
126 border: 2px solid @grayLighter;
132 @media (max-width: @navbarCollapseWidth) {
134 .nav-collapse .navbar-form,
135 .nav-collapse .navbar-search {
137 border-top: 2px solid @grayLighter;
138 border-bottom: 2px solid @grayLighter;
143 .navbar .nav-collapse {
146 color: @navbarLinkColor;
149 background-color: @dropdownLinkBackgroundHover;
158 .navbar-inverse .nav-collapse {
161 color: @navbarInverseLinkColor;
164 background-color: #111;
165 background-image: none;
176 background: @bodyBackground none;
178 border: 2px solid @grayLighter;
184 top: @navbarHeight + 1;
190 .nav > li:first-child > a,
191 .nav > li.active > a {
195 background-color: transparent;
197 font-family: @sansFontFamily;
198 color: @headingsColor;
204 background-color: transparent;
206 color: @headingsColor;
210 li.dropdown > .dropdown-toggle .caret ,
211 li.dropdown > .dropdown-toggle:hover .caret,
212 li.dropdown.open > .dropdown-toggle .caret {
213 border-top-color: @headingsColor;
214 border-bottom-color: @headingsColor;
218 li.dropdown.open .dropdown-toggle,
219 li.dropdown.open .dropdown-toggle:hover {
220 background-color: @bodyBackground;
221 color: @headingsColor;
226 // -----------------------------------------------------
229 // -----------------------------------------------------
231 [class^="icon-"], [class*=" icon-"] {
232 vertical-align: baseline;
236 .buttonBackground(@grayDarker, @black);
240 // -----------------------------------------------------
248 // -----------------------------------------------------
251 border-bottom: 2px solid @grayLighter;
252 font-family: @headingsFontFamily;
253 font-weight: @headingsFontWeight;
254 color: @headingsColor;
258 // -----------------------------------------------------
261 // -----------------------------------------------------
270 border: 1px solid rgba(0,0,0,.05);
280 // a.thumbnail:hover {
281 // .box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3));
282 // border-color: #ddd;
287 background: @bodyBackground;
296 background: transparent;
306 // -----------------------------------------------------
308 @media (max-width: 768px) {
314 .nav > li.active > a {
319 .nav > li:first-child:hover > a,
320 .nav > li.active:hover > a,
321 .nav > li.dropdown.open .dropdown-toggle,
322 .nav > li.dropdown.open .dropdown-toggle:hover {
323 background-color: @dropdownLinkBackgroundHover;
327 .nav-tabs .open .dropdown-toggle,
328 .nav-pills .open .dropdown-toggle,
329 .nav > li.dropdown.open.active > a:hover {
330 border-color: #e5e5e5;