3 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('https://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;
175 background-color: @bodyBackground;
176 background-image: none;
178 border: 2px solid @grayLighter;
188 .nav > li:first-child > a,
189 .nav > li.active > a {
193 background-color: transparent;
195 font-family: @sansFontFamily;
196 color: @headingsColor;
202 background-color: transparent;
204 color: @headingsColor;
208 li.dropdown > .dropdown-toggle .caret ,
209 li.dropdown > .dropdown-toggle:hover .caret,
210 li.dropdown.open > .dropdown-toggle .caret {
211 border-top-color: @headingsColor;
212 border-bottom-color: @headingsColor;
216 li.dropdown.open .dropdown-toggle,
217 li.dropdown.open .dropdown-toggle:hover {
218 background-color: @bodyBackground;
219 color: @headingsColor;
224 // -----------------------------------------------------
227 // -----------------------------------------------------
229 [class^="icon-"], [class*=" icon-"] {
230 vertical-align: baseline;
234 .buttonBackground(@grayDarker, @black);
238 // -----------------------------------------------------
246 // -----------------------------------------------------
249 border-bottom: 2px solid @grayLighter;
250 font-family: @headingsFontFamily;
251 font-weight: @headingsFontWeight;
252 color: @headingsColor;
256 // -----------------------------------------------------
259 // -----------------------------------------------------
268 border: 1px solid rgba(0,0,0,.05);
278 // a.thumbnail:hover {
279 // .box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3));
280 // border-color: #ddd;
285 background: @bodyBackground;
294 background: transparent;
304 // -----------------------------------------------------
306 @media (max-width: 768px) {
312 .nav > li.active > a {
317 .nav > li:first-child:hover > a,
318 .nav > li.active:hover > a,
319 .nav > li.dropdown.open .dropdown-toggle,
320 .nav > li.dropdown.open .dropdown-toggle:hover {
321 background-color: @dropdownLinkBackgroundHover;
325 .nav-tabs .open .dropdown-toggle,
326 .nav-pills .open .dropdown-toggle,
327 .nav > li.dropdown.open.active > a:hover {
328 border-color: #e5e5e5;