OLD | NEW |
1 /*! | 1 /*! |
2 * This file is part of website-defaults | 2 * This file is part of website-defaults |
3 * Copyright (C) 2016-present eyeo GmbH | 3 * Copyright (C) 2016-present eyeo GmbH |
4 * | 4 * |
5 * website-defaults is free software: you can redistribute it and/or | 5 * website-defaults is free software: you can redistribute it and/or |
6 * modify it under the terms of the GNU General Public License as published by | 6 * modify it under the terms of the GNU General Public License as published by |
7 * the Free Software Foundation, either version 3 of the License, or | 7 * the Free Software Foundation, either version 3 of the License, or |
8 * (at your option) any later version. | 8 * (at your option) any later version. |
9 * | 9 * |
10 * website-defaults is distributed in the hope that it will be useful, | 10 * website-defaults is distributed in the hope that it will be useful, |
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 11 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
13 * GNU General Public License for more details. | 13 * GNU General Public License for more details. |
14 * | 14 * |
15 * You should have received a copy of the GNU General Public License | 15 * You should have received a copy of the GNU General Public License |
16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | 16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
17 */ | 17 */ |
| 18 .unstyled, |
| 19 .unstyled * { |
| 20 margin: 0 !important; |
| 21 padding: 0 !important; |
| 22 border: 0 !important; |
| 23 background: none !important; |
| 24 list-style: none !important; } |
| 25 |
| 26 .sr-only { |
| 27 position: absolute !important; |
| 28 overflow: hidden !important; |
| 29 clip: rect(0, 0, 0, 0) !important; |
| 30 width: 1px !important; |
| 31 height: 1px !important; |
| 32 margin: -1px !important; |
| 33 padding: 0 !important; |
| 34 border: 0 !important; } |
| 35 |
| 36 .bg-primary { |
| 37 color: #fff; |
| 38 background-color: #000; } |
| 39 |
| 40 .bg-secondary { |
| 41 color: #eee; |
| 42 background-color: #424242; } |
| 43 |
| 44 .bg-accent { |
| 45 color: #e3f2fd; |
| 46 background-color: #0d47a1; } |
| 47 |
| 48 .bg-error { |
| 49 color: #ffebee; |
| 50 background-color: #b71c1c; } |
| 51 |
| 52 /** |
| 53 * Center within a responsive fixed width |
| 54 * Use modifier classes defined in _width.scss to change said fixed width |
| 55 */ |
| 56 .container, .navbar-container { |
| 57 width: 1140px; |
| 58 max-width: 100%; |
| 59 margin-right: auto; |
| 60 margin-left: auto; |
| 61 padding-right: 1em; |
| 62 padding-left: 1em; } |
| 63 |
| 64 /** Clear without collapsed margin */ |
| 65 .clearfix:after, .content:after, .navbar:after, |
| 66 .clearfix:before, |
| 67 .content:before, |
| 68 .navbar:before { |
| 69 display: table; |
| 70 content: " "; } |
| 71 |
| 72 .clearfix:after, .content:after, .navbar:after { |
| 73 clear: both; } |
| 74 |
| 75 /** Align a block to the start of a line */ |
| 76 .float-start { |
| 77 float: left; } |
| 78 |
| 79 [dir="rtl"] .float-start { |
| 80 float: right; } |
| 81 |
| 82 /** Align a block to the end of a line */ |
| 83 .float-end { |
| 84 float: right; } |
| 85 |
| 86 [dir="rtl"] .float-end { |
| 87 float: left; } |
| 88 |
| 89 .lead { |
| 90 font-size: 1.25em; } |
| 91 |
| 92 .text-center { |
| 93 text-align: center; } |
| 94 |
| 95 .text-left { |
| 96 text-align: left; } |
| 97 |
| 98 .text-right { |
| 99 text-align: right; } |
| 100 |
| 101 .text-start { |
| 102 text-align: left; } |
| 103 |
| 104 [dir="rtl"] .text-start { |
| 105 text-align: right; } |
| 106 |
| 107 .text-end { |
| 108 text-align: right; } |
| 109 |
| 110 [dir="rtl"] .text-end { |
| 111 text-align: left; } |
| 112 |
| 113 /** Force full-width */ |
| 114 .full-width { |
| 115 display: block; |
| 116 width: 100%; } |
| 117 |
| 118 /** Fix a block to the width of a phone */ |
| 119 .phone-width { |
| 120 width: auto; } |
| 121 |
| 122 /** Fix a block to the width of a phablet */ |
| 123 .phablet-width { |
| 124 width: 540px; } |
| 125 |
| 126 /** Fix a block to the width of a tablet */ |
| 127 .tablet-width { |
| 128 width: 720px; } |
| 129 |
| 130 /** Fix a block to the width of a desktop */ |
| 131 .desktop-width { |
| 132 width: 960px; } |
| 133 |
| 134 /** Fix a block to the width of a large desktop */ |
| 135 .large-desktop-width { |
| 136 width: 1140px; } |
| 137 |
| 138 /******************************************************************************* |
| 139 * Lists |
| 140 ******************************************************************************/ |
| 141 /* Horizontal List |
| 142 ******************************************************************************/ |
| 143 .horizontal-list, |
| 144 .horizontal-list li { |
| 145 display: inline; |
| 146 list-style: none; } |
| 147 |
| 148 .horizontal-list, |
| 149 .content .horizontal-list, |
| 150 [dir="rtl"] .horizontal-list { |
| 151 padding: 0; } |
| 152 |
| 153 .comma-separated li::after { |
| 154 content: ","; |
| 155 margin-right: 0.2em; } |
| 156 |
| 157 .comma-separated li:last-child::after { |
| 158 content: none; } |
| 159 |
| 160 /****************************************************************************** |
| 161 * Fonts |
| 162 *****************************************************************************/ |
| 163 /* cyrillic-ext |
| 164 ******************************************************************************/ |
| 165 @font-face { |
| 166 font-family: "Source Sans Pro"; |
| 167 font-style: normal; |
| 168 font-weight: 300; |
| 169 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/cyrillic-ext.woff2") format("woff2"); |
| 170 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+F
E2E-FE2F; } |
| 171 |
| 172 @font-face { |
| 173 font-family: "Source Sans Pro"; |
| 174 font-style: normal; |
| 175 font-weight: 400; |
| 176 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/cyrillic-ext.woff2") format("woff2"); |
| 177 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+F
E2E-FE2F; } |
| 178 |
| 179 @font-face { |
| 180 font-family: "Source Sans Pro"; |
| 181 font-style: normal; |
| 182 font-weight: 700; |
| 183 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/cyrillic-ext.woff2") format("woff2"); |
| 184 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+F
E2E-FE2F; } |
| 185 |
| 186 /* cyrillic |
| 187 ******************************************************************************/ |
| 188 @font-face { |
| 189 font-family: "Source Sans Pro"; |
| 190 font-style: normal; |
| 191 font-weight: 300; |
| 192 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/cyrillic.woff2") format("woff2"); |
| 193 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } |
| 194 |
| 195 @font-face { |
| 196 font-family: "Source Sans Pro"; |
| 197 font-style: normal; |
| 198 font-weight: 400; |
| 199 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/cyrillic.woff2") format("woff2"); |
| 200 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } |
| 201 |
| 202 @font-face { |
| 203 font-family: "Source Sans Pro"; |
| 204 font-style: normal; |
| 205 font-weight: 700; |
| 206 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/cyrillic.woff2") format("woff2"); |
| 207 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } |
| 208 |
| 209 /* greek-ext |
| 210 ******************************************************************************/ |
| 211 @font-face { |
| 212 font-family: "Source Sans Pro"; |
| 213 font-style: normal; |
| 214 font-weight: 300; |
| 215 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/greek-ext.woff2") format("woff2"); |
| 216 unicode-range: U+1F00-1FFF; } |
| 217 |
| 218 @font-face { |
| 219 font-family: "Source Sans Pro"; |
| 220 font-style: normal; |
| 221 font-weight: 400; |
| 222 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/greek-ext.woff2") format("woff2"); |
| 223 unicode-range: U+1F00-1FFF; } |
| 224 |
| 225 @font-face { |
| 226 font-family: "Source Sans Pro"; |
| 227 font-style: normal; |
| 228 font-weight: 700; |
| 229 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/greek-ext.woff2") format("woff2"); |
| 230 unicode-range: U+1F00-1FFF; } |
| 231 |
| 232 /* greek |
| 233 ******************************************************************************/ |
| 234 @font-face { |
| 235 font-family: "Source Sans Pro"; |
| 236 font-style: normal; |
| 237 font-weight: 300; |
| 238 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/greek.woff2") format("woff2"); |
| 239 unicode-range: U+0370-03FF; } |
| 240 |
| 241 @font-face { |
| 242 font-family: "Source Sans Pro"; |
| 243 font-style: normal; |
| 244 font-weight: 400; |
| 245 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/greek.woff2") format("woff2"); |
| 246 unicode-range: U+0370-03FF; } |
| 247 |
| 248 @font-face { |
| 249 font-family: "Source Sans Pro"; |
| 250 font-style: normal; |
| 251 font-weight: 700; |
| 252 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/greek.woff2") format("woff2"); |
| 253 unicode-range: U+0370-03FF; } |
| 254 |
| 255 /* vietnamese |
| 256 ******************************************************************************/ |
| 257 @font-face { |
| 258 font-family: "Source Sans Pro"; |
| 259 font-style: normal; |
| 260 font-weight: 300; |
| 261 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/vietnamese.woff2") format("woff2"); |
| 262 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } |
| 263 |
| 264 @font-face { |
| 265 font-family: "Source Sans Pro"; |
| 266 font-style: normal; |
| 267 font-weight: 400; |
| 268 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/vietnamese.woff2") format("woff2"); |
| 269 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } |
| 270 |
| 271 @font-face { |
| 272 font-family: "Source Sans Pro"; |
| 273 font-style: normal; |
| 274 font-weight: 700; |
| 275 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/vietnamese.woff2") format("woff2"); |
| 276 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } |
| 277 |
| 278 /* latin-ext |
| 279 ******************************************************************************/ |
| 280 @font-face { |
| 281 font-family: "Source Sans Pro"; |
| 282 font-style: normal; |
| 283 font-weight: 300; |
| 284 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/latin-ext.woff2") format("woff2"); |
| 285 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2
C60-2C7F, U+A720-A7FF; } |
| 286 |
| 287 @font-face { |
| 288 font-family: "Source Sans Pro"; |
| 289 font-style: normal; |
| 290 font-weight: 400; |
| 291 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/latin-ext.woff2") format("woff2"); |
| 292 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2
C60-2C7F, U+A720-A7FF; } |
| 293 |
| 294 @font-face { |
| 295 font-family: "Source Sans Pro"; |
| 296 font-style: normal; |
| 297 font-weight: 700; |
| 298 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/latin-ext.woff2") format("woff2"); |
| 299 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2
C60-2C7F, U+A720-A7FF; } |
| 300 |
| 301 /* latin |
| 302 ******************************************************************************/ |
| 303 @font-face { |
| 304 font-family: "Source Sans Pro"; |
| 305 font-style: normal; |
| 306 font-weight: 300; |
| 307 src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../fon
ts/Source-Sans-Pro/300/latin.woff2") format("woff2"); |
| 308 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; } |
| 309 |
| 310 @font-face { |
| 311 font-family: "Source Sans Pro"; |
| 312 font-style: normal; |
| 313 font-weight: 400; |
| 314 src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("..
/fonts/Source-Sans-Pro/400/latin.woff2") format("woff2"); |
| 315 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; } |
| 316 |
| 317 @font-face { |
| 318 font-family: "Source Sans Pro"; |
| 319 font-style: normal; |
| 320 font-weight: 700; |
| 321 src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts
/Source-Sans-Pro/700/latin.woff2") format("woff2"); |
| 322 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; } |
| 323 |
18 /******************************************************************************* | 324 /******************************************************************************* |
19 * CSS Reset | 325 * CSS Reset |
20 ******************************************************************************/ | 326 ******************************************************************************/ |
21 /* Reset margins, paddings, and font globally */ | 327 /* Reset margins, paddings, and font globally */ |
22 html, body, | 328 html, body, |
23 h1, h2, h3, h4, h5, h6, | 329 h1, h2, h3, h4, h5, h6, |
24 a, p, span, | 330 a, |
| 331 .button-link, p, span, |
25 em, small, strong, sub, sup, | 332 em, small, strong, sub, sup, |
26 strike, s, mark, del, ins, | 333 strike, s, mark, del, ins, |
27 abbr, dfn, | 334 abbr, dfn, |
28 blockquote, q, cite, | 335 blockquote, q, cite, |
29 code, pre, | 336 code, pre, |
30 kbd, samp, var, output, ruby, | 337 kbd, samp, var, output, ruby, |
31 ol, ul, li, dl, dt, dd, | 338 ol, ul, li, dl, dt, dd, |
32 div, section, article, | 339 div, section, article, |
33 main, aside, nav, | 340 main, aside, nav, |
34 header, hgroup, footer, | 341 header, hgroup, footer, |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
88 q:after { | 395 q:after { |
89 content: ""; | 396 content: ""; |
90 content: none; } | 397 content: none; } |
91 | 398 |
92 /* Share borders between adjacent cells (opinionated) */ | 399 /* Share borders between adjacent cells (opinionated) */ |
93 table { | 400 table { |
94 border-collapse: collapse; | 401 border-collapse: collapse; |
95 border-spacing: 0; } | 402 border-spacing: 0; } |
96 | 403 |
97 /* Normalize inline content (opinionated) */ | 404 /* Normalize inline content (opinionated) */ |
| 405 i, |
| 406 em { |
| 407 font-style: italic; } |
| 408 |
98 b, | 409 b, |
99 strong { | 410 strong { |
100 font-weight: bolder; } | 411 font-weight: bolder; } |
101 | 412 |
102 small { | 413 small { |
103 font-size: smaller; } | 414 font-size: smaller; } |
104 | 415 |
105 abbr { | 416 abbr { |
106 text-decoration: underline; | 417 text-decoration: underline; |
107 cursor: help; } | 418 cursor: help; } |
108 | 419 |
109 sup { | 420 sup { |
110 position: relative; | 421 position: relative; |
111 font-size: 75%; | 422 font-size: 75%; |
112 vertical-align: super; } | 423 vertical-align: super; } |
113 | 424 |
| 425 |
114 a, | 426 a, |
115 a:visited { | 427 .button-link, |
| 428 a:visited, |
| 429 .button-link:visited { |
116 color: inherit; | 430 color: inherit; |
117 /* Remove the gray background on active links in IE 10. */ | 431 /* Remove the gray background on active links in IE 10. */ |
118 background-color: transparent; | 432 background-color: transparent; |
119 text-decoration: none; | 433 text-decoration: none; |
120 /* Set default pointer regardless of href (opinionated) */ | 434 /* Set default pointer regardless of href (opinionated) */ |
121 cursor: pointer; } | 435 cursor: pointer; } |
122 | 436 |
123 a:hover, | 437 a:hover, .button-link:hover, |
124 a:active, | 438 a:active, |
125 a:focus { | 439 .button-link:active, |
| 440 a:focus, |
| 441 .button-link:focus { |
126 text-decoration: underline; } | 442 text-decoration: underline; } |
127 | 443 |
128 img { | 444 img { |
129 /* Make fixed width images responsive */ | 445 /* Make fixed width images responsive */ |
130 max-width: 100%; | 446 max-width: 100%; |
131 /* Remove the border on images inside links in IE 10-. */ | 447 /* Remove the border on images inside links in IE 10-. */ |
132 border-style: none; } | 448 border-style: none; } |
133 | 449 |
134 /* Set correct display for hidden attribute in IE 10- */ | 450 /* Set correct display for hidden attribute in IE 10- */ |
135 [hidden] { | 451 [hidden] { |
136 display: none; } | 452 display: none !important; } |
137 | |
138 /******************************************************************************* | |
139 * Utilities | |
140 ******************************************************************************/ | |
141 /* Responsive widths | |
142 ******************************************************************************/ | |
143 /** | |
144 * Stretch content (e.g. images) full-width | |
145 */ | |
146 .full-width { | |
147 display: block; | |
148 width: 100%; } | |
149 | |
150 /** | |
151 * Center content within a (responsive) fixed width | |
152 */ | |
153 .container { | |
154 width: 1140px; | |
155 max-width: 100%; | |
156 margin-right: auto; | |
157 margin-left: auto; | |
158 padding-right: 1em; | |
159 padding-left: 1em; } | |
160 | |
161 /* Device widths | |
162 ******************************************************************************/ | |
163 .phone-width { | |
164 width: auto; } | |
165 | |
166 .phablet-width { | |
167 width: 540px; } | |
168 | |
169 .tablet-width { | |
170 width: 720px; } | |
171 | |
172 .desktop-width { | |
173 width: 960px; } | |
174 | |
175 .large-desktop-width { | |
176 width: 1140px; } | |
177 | |
178 /* Text alignment | |
179 ******************************************************************************/ | |
180 .text-center { | |
181 text-align: center; } | |
182 | |
183 .text-left { | |
184 text-align: left; } | |
185 | |
186 .text-right { | |
187 text-align: right; } | |
188 | |
189 .text-start { | |
190 text-align: left; } | |
191 | |
192 [dir="rtl"] .text-start { | |
193 text-align: right; } | |
194 | |
195 .text-end { | |
196 text-align: right; } | |
197 | |
198 [dir="rtl"] .text-end { | |
199 text-align: left; } | |
200 | |
201 /* Floats | |
202 ******************************************************************************/ | |
203 .float-start { | |
204 float: left; } | |
205 | |
206 [dir="rtl"] .float-start { | |
207 float: right; } | |
208 | |
209 .float-end { | |
210 float: right; } | |
211 | |
212 [dir="rtl"] .float-end { | |
213 float: left; } | |
214 | |
215 /* Clearfix | |
216 ******************************************************************************/ | |
217 .clearfix:after, .content:after, | |
218 .clearfix:before, | |
219 .content:before { | |
220 display: table; | |
221 content: " "; } | |
222 | |
223 .clearfix:after, .content:after { | |
224 clear: both; } | |
225 | |
226 /* Screen reader only | |
227 ******************************************************************************/ | |
228 .sr-only { | |
229 position: absolute; | |
230 overflow: hidden; | |
231 clip: rect(0, 0, 0, 0); | |
232 width: 1px; | |
233 height: 1px; | |
234 margin: -1px; | |
235 padding: 0; | |
236 border: 0; } | |
237 | |
238 /* Unstyled elements | |
239 ******************************************************************************/ | |
240 .unstyled, | |
241 .unstyled *, | |
242 .content .unstyled, | |
243 .content .unstyled * { | |
244 margin: 0; | |
245 padding: 0; | |
246 border: 0; | |
247 background: none; } | |
248 | |
249 .unstyled ul, | |
250 ul.unstyled, | |
251 .unstyled li, | |
252 li.unstyled { | |
253 list-style: none; } | |
254 | |
255 /* Backgrounds | |
256 ******************************************************************************/ | |
257 .bg-primary { | |
258 color: #fff; | |
259 background-color: #000; } | |
260 | |
261 .bg-secondary { | |
262 color: #eee; | |
263 background-color: #424242; } | |
264 | |
265 .bg-accent { | |
266 color: #e3f2fd; | |
267 background-color: #0d47a1; } | |
268 | |
269 .bg-error { | |
270 color: #ffebee; | |
271 background-color: #b71c1c; } | |
272 | |
273 /* Lead | |
274 ******************************************************************************/ | |
275 .lead { | |
276 font-size: 1.25em; } | |
277 | |
278 @media (max-width: 767px) { | |
279 .lead { | |
280 font-size: 1.125em; } } | |
281 | 453 |
282 /******************************************************************************* | 454 /******************************************************************************* |
283 * Base styles | 455 * Base styles |
284 ******************************************************************************/ | 456 ******************************************************************************/ |
285 html { | 457 html { |
286 color: #212121; | 458 color: #212121; |
287 background-color: #fff; | 459 background-color: #fff; |
288 font-family: sans-serif; | 460 font-family: "Source Sans Pro", Arial, sans-serif; |
289 line-height: 1.5; } | 461 line-height: 1.5; } |
290 | 462 |
291 /******************************************************************************* | 463 /******************************************************************************* |
292 * Content styles | 464 * Content styles |
293 ******************************************************************************* | 465 ******************************************************************************* |
294 * 1. Document | 466 * 1. Document |
295 * 2. Headings | 467 * 2. Headings |
296 * 3. Body content | 468 * 3. Body content |
297 ******************************************************************************/ | 469 ******************************************************************************/ |
298 .content { | 470 .content { |
(...skipping 15 matching lines...) Expand all Loading... |
314 margin: 1em 0em; } | 486 margin: 1em 0em; } |
315 .content h1, | 487 .content h1, |
316 .content h2, | 488 .content h2, |
317 .content h3, | 489 .content h3, |
318 .content h4, | 490 .content h4, |
319 .content h5, | 491 .content h5, |
320 .content h6 { | 492 .content h6 { |
321 /* Margin on top **only** (opinionated) */ | 493 /* Margin on top **only** (opinionated) */ |
322 margin: 2em 0em 0.5em 0em; | 494 margin: 2em 0em 0.5em 0em; |
323 /* All headings should be bold (opinionated) */ | 495 /* All headings should be bold (opinionated) */ |
324 font-weight: 600; } | 496 font-weight: 700; } |
325 .content h1 { | 497 .content h1 { |
326 font-size: 2em; } | 498 font-size: 2em; } |
327 .content h2 { | 499 .content h2 { |
328 font-size: 1.5em; } | 500 font-size: 1.5em; } |
329 .content h3 { | 501 .content h3 { |
330 font-size: 1.25em; } | 502 font-size: 1.15em; |
| 503 margin-top: 1.5em; } |
331 .content h4 { | 504 .content h4 { |
332 font-size: 1em; } | 505 font-size: 1em; } |
333 .content h5 { | 506 .content h5 { |
334 font-size: 0.8em; } | 507 font-size: 0.8em; } |
335 .content h6 { | 508 .content h6 { |
336 font-size: 0.7em; } | 509 font-size: 0.7em; } |
337 .content a, | 510 .content a, .content .button-link, |
338 .content a:visited { | 511 .content a:visited, |
| 512 .content .button-link:visited { |
339 color: #1565c0; } | 513 color: #1565c0; } |
340 .content hr { | 514 .content hr { |
341 border: 1px solid #eee; } | 515 border: 1px solid #eee; } |
342 .content blockquote { | 516 .content blockquote { |
343 padding-left: 1em; | 517 padding-left: 1em; |
344 border-left: 5px solid #9e9e9e; } | 518 border-left: 5px solid #9e9e9e; } |
345 .content [dir="rtl"] blockquote { | 519 .content [dir="rtl"] blockquote { |
346 padding-right: 1em; | 520 padding-right: 1em; |
347 padding-left: 0em; | 521 padding-left: 0em; |
348 border-right: 5px solid #eee; | 522 border-right: 5px solid #eee; |
349 border-left: 0px; } | 523 border-left: 0px; } |
350 .content ol, | 524 .content ol, |
351 .content ul { | 525 .content ul { |
352 padding-left: 1.5em; } | 526 padding-left: 1em; } |
353 .content [dir="rtl"] ol, | 527 .content [dir="rtl"] ol, |
354 .content [dir="rtl"] ul { | 528 .content [dir="rtl"] ul { |
355 padding-right: 2em; | 529 padding-right: 1em; |
356 padding-left: 0em; } | 530 padding-left: 0em; } |
| 531 @media (min-width: 960px) { |
| 532 .content ol, |
| 533 .content ul { |
| 534 padding-left: 1.5em; } |
| 535 .content [dir="rtl"] ol, |
| 536 .content [dir="rtl"] ul { |
| 537 padding-right: 1.5em; |
| 538 padding-left: 0em; } } |
357 .content ol { | 539 .content ol { |
358 list-style: decimal; } | 540 list-style: decimal; } |
359 .content ul { | 541 .content ul { |
360 list-style: disc; } | 542 list-style: disc; } |
361 .content li { | 543 .content li { |
362 margin: 0.25em 0em; } | 544 margin: 0.25em 0em; } |
363 .content ol ol, | 545 .content ol ol, |
364 .content ul ul, | 546 .content ul ul, |
365 .content ol ul, | 547 .content ol ul, |
366 .content ul ol { | 548 .content ul ol { |
367 /* prevent double spacing lists */ | 549 /* prevent double spacing lists */ |
368 margin: 0em; } | 550 margin: 0em; } |
369 .content ol ol { | 551 .content ol ol { |
370 list-style-type: lower-alpha; } | 552 list-style-type: lower-alpha; } |
371 .content dt { | 553 .content dt { |
372 /* undo browser default (opinionated)*/ | 554 /* undo browser default (opinionated)*/ |
373 font-weight: 600; } | 555 font-weight: 700; } |
374 .content dd { | 556 .content dd { |
375 margin: 0.25em 0em 1em 0em; } | 557 margin: 0.25em 0em 1em 0em; } |
| 558 .content pre, |
| 559 .content code { |
| 560 font-family: monospace; } |
376 | 561 |
377 /******************************************************************************* | 562 /******************************************************************************* |
378 * Grid component | 563 * Grid component |
379 ******************************************************************************/ | 564 ******************************************************************************/ |
380 /** | 565 /** |
381 * - .row contains one or more .column(s) | 566 * - .row contains one or more .column(s) |
382 * - .row clears .column(s) | 567 * - .row clears .column(s) |
383 * - .row negates the left & right padding of it's left-most & right-most | 568 * - .row negates the left & right padding of it's left-most & right-most |
384 * .column(s) while preserving consistent padding between .column(s) | 569 * .column(s) while preserving consistent padding between .column(s) |
385 */ | 570 */ |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
424 .two-thirds { | 609 .two-thirds { |
425 width: 66.666667%; } } | 610 width: 66.666667%; } } |
426 | 611 |
427 @media (min-width: 992px) { | 612 @media (min-width: 992px) { |
428 .one-fourth { | 613 .one-fourth { |
429 width: 25%; } | 614 width: 25%; } |
430 .three-fourths { | 615 .three-fourths { |
431 width: 75%; } } | 616 width: 75%; } } |
432 | 617 |
433 /******************************************************************************* | 618 /******************************************************************************* |
| 619 * Navbar component |
| 620 ******************************************************************************/ |
| 621 /* .navbar .navbar-container |
| 622 ****************************************************************************/ |
| 623 /* .navbar .navbar-branding |
| 624 ****************************************************************************/ |
| 625 .navbar-branding { |
| 626 padding-top: 1.25em; |
| 627 padding-bottom: 1.25em; |
| 628 line-height: 1; } |
| 629 |
| 630 .navbar-branding img { |
| 631 height: 2em; |
| 632 vertical-align: text-top; } |
| 633 |
| 634 /* .navbar .toggle-navbar-collapse |
| 635 ****************************************************************************/ |
| 636 .toggle-navbar-collapse { |
| 637 display: none; |
| 638 padding-top: 1.5em; |
| 639 padding-bottom: 1.5em; } |
| 640 |
| 641 .js .toggle-navbar-collapse { |
| 642 display: block; } |
| 643 @media (min-width: 768px) { |
| 644 .js .toggle-navbar-collapse { |
| 645 display: none; } } |
| 646 |
| 647 /* .navbar .navbar-collapse |
| 648 ****************************************************************************/ |
| 649 .navbar-collapse { |
| 650 clear: both; } |
| 651 @media (min-width: 768px) { |
| 652 .navbar-collapse { |
| 653 float: right; |
| 654 clear: none; } } |
| 655 |
| 656 [dir="rtl"] .navbar-collapse { |
| 657 float: left; } |
| 658 |
| 659 .js .navbar-collapse { |
| 660 display: none; } |
| 661 @media (min-width: 768px) { |
| 662 .js .navbar-collapse { |
| 663 display: block; } } |
| 664 |
| 665 .expanded .navbar-collapse { |
| 666 display: block; |
| 667 width: 100%; } |
| 668 @media (min-width: 768px) { |
| 669 .expanded .navbar-collapse { |
| 670 width: auto; } } |
| 671 |
| 672 /* .navbar .navbar-nav |
| 673 ****************************************************************************/ |
| 674 .navbar .navbar-nav { |
| 675 padding-bottom: 0.5em; } |
| 676 @media (min-width: 768px) { |
| 677 .navbar .navbar-nav { |
| 678 margin-right: -0.5em; |
| 679 margin-left: -0.5em; |
| 680 padding-bottom: 0; } } |
| 681 |
| 682 @media (min-width: 768px) { |
| 683 .navbar .navbar-nav li { |
| 684 display: inline-block; } } |
| 685 |
| 686 .navbar .navbar-nav a, .navbar .navbar-nav .button-link { |
| 687 display: block; |
| 688 padding-top: 0.5em; |
| 689 padding-bottom: 0.5em; } |
| 690 @media (min-width: 768px) { |
| 691 .navbar .navbar-nav a, .navbar .navbar-nav .button-link { |
| 692 padding-top: 1.5em; |
| 693 padding-right: 0.5em; |
| 694 padding-bottom: 1.5em; |
| 695 padding-left: 0.5em; } } |
| 696 |
| 697 /******************************************************************************* |
434 * Basic forms fields | 698 * Basic forms fields |
435 ******************************************************************************* | 699 ******************************************************************************* |
436 | 700 |
437 /* 1. Reset | 701 /* 1. Reset |
438 ******************************************************************************/ | 702 ******************************************************************************/ |
439 /* Change the font styles in all browsers (opinionated). */ | 703 /* Change the font styles in all browsers (opinionated). */ |
440 input, | 704 input, |
441 optgroup, | 705 optgroup, |
442 select, | 706 select, |
443 textarea { | 707 textarea { |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
497 outline-offset: -2px; } | 761 outline-offset: -2px; } |
498 | 762 |
499 /******************************************************************************* | 763 /******************************************************************************* |
500 * Buttons | 764 * Buttons |
501 ******************************************************************************* | 765 ******************************************************************************* |
502 | 766 |
503 /* 1. Reset | 767 /* 1. Reset |
504 ******************************************************************************/ | 768 ******************************************************************************/ |
505 button { | 769 button { |
506 margin: 0px; | 770 margin: 0px; |
| 771 color: inherit; |
507 font: inherit; | 772 font: inherit; |
508 /* Show the overflow in IE and Edge */ | 773 /* Show the overflow in IE and Edge */ |
509 overflow: visible; | 774 overflow: visible; |
510 /* Remove rounded corners in Chrome 62+ */ | 775 /* Remove rounded corners in Chrome 62+ */ |
511 border-radius: 0; | 776 border-radius: 0; |
512 /* Remove the inheritance of text transform in Edge, Firefox, and IE. */ | 777 /* Remove the inheritance of text transform in Edge, Firefox, and IE. */ |
513 text-transform: none; } | 778 text-transform: none; } |
514 | 779 |
515 /** | 780 /** |
516 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` | 781 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
(...skipping 13 matching lines...) Expand all Loading... |
530 [type="submit"]::-moz-focus-inner { | 795 [type="submit"]::-moz-focus-inner { |
531 padding: 0px; | 796 padding: 0px; |
532 border-style: none; } | 797 border-style: none; } |
533 | 798 |
534 /* Restore the focus styles unset by the previous rule. */ | 799 /* Restore the focus styles unset by the previous rule. */ |
535 button:-moz-focusring, | 800 button:-moz-focusring, |
536 [type="button"]:-moz-focusring, | 801 [type="button"]:-moz-focusring, |
537 [type="reset"]:-moz-focusring, | 802 [type="reset"]:-moz-focusring, |
538 [type="submit"]:-moz-focusring { | 803 [type="submit"]:-moz-focusring { |
539 outline: 1px dotted ButtonText; } | 804 outline: 1px dotted ButtonText; } |
| 805 |
| 806 /* .button-link |
| 807 ******************************************************************************/ |
OLD | NEW |