Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/defaults.css

Issue 29811582: Fixes #88 - Made short policy lists inline and semicolon separated on privacy page (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Created June 20, 2018, 3:25 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« pages/privacy.md ('K') | « pages/privacy.md ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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
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
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 ******************************************************************************/
OLDNEW
« pages/privacy.md ('K') | « pages/privacy.md ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld