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

Side by Side Diff: skin/defaults.css

Issue 29565721: No Issue - Implemented first run page Base URL: https://hg.adblockplus.org/adblockplusui/
Patch Set: Addressed newest round of feedback Created Oct. 20, 2017, 2:43 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
OLDNEW
(Empty)
1 /*!
2 * This file is part of website-defaults
3 * Copyright (C) 2016-present eyeo GmbH
4 *
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
7 * the Free Software Foundation, either version 3 of the License, or
8 * (at your option) any later version.
9 *
10 * website-defaults is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU General Public License for more details.
14 *
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/>.
17 */
18 /*!
19 * This file is part of website-defaults
20 * Copyright (C) 2016-present eyeo GmbH
21 *
22 * website-defaults is free software: you can redistribute it and/or
23 * modify it under the terms of the GNU General Public License as published by
24 * the Free Software Foundation, either version 3 of the License, or
25 * (at your option) any later version.
26 *
27 * website-defaults is distributed in the hope that it will be useful,
28 * but WITHOUT ANY WARRANTY; without even the implied warranty of
29 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
30 * GNU General Public License for more details.
31 *
32 * You should have received a copy of the GNU General Public License
33 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
34 */
35 /*******************************************************************************
36 * Variables
37 *******************************************************************************
38 * ~ WARNING ~ DO NOT EDIT THIS FILE!
39 * Set variables within project specfic SCSS before including website defaults.
40 *******************************************************************************
41 * - Brand colors
42 * - Fonts
43 * - Spacing
44 * - Breakpoints
45 ******************************************************************************/
46 /* Brand colors
47 ******************************************************************************/
48 /* Primary - The most widely used across all screens and components. */
49 /* Secondary - Used to indicate a related action or information. */
50 /* Accent - Used for action buttons and interactive elements. */
51 /* Error - Used for error messages and warnings. */
52 /* Fonts
53 ******************************************************************************/
54 /* Spacing
55 ******************************************************************************/
56 /* Breakpoints
57 ******************************************************************************/
58 /* Container widths
59 ******************************************************************************/
60 /*!
61 * This file is part of website-defaults
62 * Copyright (C) 2016-present eyeo GmbH
63 *
64 * website-defaults is free software: you can redistribute it and/or
65 * modify it under the terms of the GNU General Public License as published by
66 * the Free Software Foundation, either version 3 of the License, or
67 * (at your option) any later version.
68 *
69 * website-defaults is distributed in the hope that it will be useful,
70 * but WITHOUT ANY WARRANTY; without even the implied warranty of
71 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
72 * GNU General Public License for more details.
73 *
74 * You should have received a copy of the GNU General Public License
75 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
76 */
77 /*******************************************************************************
78 * CSS Reset
79 ******************************************************************************/
80 /* Reset margins, paddings, and font globally */
81 html, body,
82 h1, h2, h3, h4, h5, h6,
83 a, p, span,
84 em, small, strong, sub, sup,
85 strike, s, mark, del, ins,
86 abbr, dfn,
87 blockquote, q, cite,
88 code, pre,
89 kbd, samp, var, output, ruby,
90 ol, ul, li, dl, dt, dd,
91 div, section, article,
92 main, aside, nav,
93 header, hgroup, footer,
94 img, figure, figcaption,
95 address, time,
96 audio, video,
97 canvas, object, iframe, embed,
98 details, summary,
99 fieldset, form, label, legend,
100 table, caption,
101 tbody, tfoot, thead,
102 tr, th, td {
103 margin: 0px;
104 padding: 0px;
105 border: 0px;
106 font-size: 100%;
107 font: inherit;
108 vertical-align: baseline; }
109
110 /* Add the correct display in IE 9-. */
111 article,
112 aside,
113 footer,
114 header,
115 nav,
116 section,
117 main {
118 display: block; }
119
120 /* Set default box-sizing (opinionated) */
121 *,
122 *:before,
123 *:after {
124 box-sizing: inherit; }
125
126 html {
127 box-sizing: border-box; }
128
129 /* Remove the margin in all browsers (opinionated). */
130 body {
131 margin: 0px; }
132
133 /* Remove list styles (opinionated) */
134 ol,
135 ul {
136 list-style: none; }
137
138 /* Remove quotes ("") in most browsers (opinionated) */
139 blockquote,
140 q {
141 quotes: none; }
142
143 /* Remove quotes ("") in Safari (opinionated) */
144 blockquote:before,
145 blockquote:after,
146 q:before,
147 q:after {
148 content: "";
149 content: none; }
150
151 /* Share borders between adjacent cells (opinionated) */
152 table {
153 border-collapse: collapse;
154 border-spacing: 0; }
155
156 /* Normalize inline content (opinionated) */
157 b,
158 strong {
159 font-weight: 600; }
160
161 small {
162 font-size: 0.8em; }
163
164 abbr {
165 text-decoration: underline;
166 cursor: help; }
167
168 sup {
169 position: relative;
170 font-size: 75%;
171 vertical-align: super; }
172
173 a,
174 a:visited {
175 color: inherit;
176 /* Remove the gray background on active links in IE 10. */
177 background-color: transparent;
178 text-decoration: none;
179 /* Set default pointer regardless of href (opinionated) */
180 cursor: pointer; }
181
182 a:hover,
183 a:active,
184 a:focus {
185 text-decoration: underline; }
186
187 img {
188 /* Make fixed width images responsive */
189 max-width: 100%;
190 /* Remove the border on images inside links in IE 10-. */
191 border-style: none; }
192
193 /* Set correct display for hidden attribute in IE 10- */
194 [hidden] {
195 display: none; }
196
197 /*!
198 * This file is part of website-defaults
199 * Copyright (C) 2016-present eyeo GmbH
200 *
201 * website-defaults is free software: you can redistribute it and/or
202 * modify it under the terms of the GNU General Public License as published by
203 * the Free Software Foundation, either version 3 of the License, or
204 * (at your option) any later version.
205 *
206 * website-defaults is distributed in the hope that it will be useful,
207 * but WITHOUT ANY WARRANTY; without even the implied warranty of
208 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
209 * GNU General Public License for more details.
210 *
211 * You should have received a copy of the GNU General Public License
212 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
213 */
214 /*******************************************************************************
215 * Base styles
216 ******************************************************************************/
217 html {
218 color: #212121;
219 background-color: #fff;
220 font-family: sans-serif;
221 line-height: 1.5; }
222
223 /**
224 * Stretch content full-width
225 */
226 .full-width {
227 display: block;
228 width: 100%;
229 margin: 1em 0px; }
230
231 /**
232 * Center content within a (responsive) fixed width
233 */
234 .container {
235 width: auto;
236 max-width: 100%;
237 margin: 0px auto;
238 padding: 0px 1em; }
239
240 @media (min-width: 768px) {
241 .container {
242 width: 720px; } }
243
244 @media (min-width: 992px) {
245 .container {
246 width: 960px; } }
247
248 /*!
249 * This file is part of website-defaults
250 * Copyright (C) 2016-present eyeo GmbH
251 *
252 * website-defaults is free software: you can redistribute it and/or
253 * modify it under the terms of the GNU General Public License as published by
254 * the Free Software Foundation, either version 3 of the License, or
255 * (at your option) any later version.
256 *
257 * website-defaults is distributed in the hope that it will be useful,
258 * but WITHOUT ANY WARRANTY; without even the implied warranty of
259 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
260 * GNU General Public License for more details.
261 *
262 * You should have received a copy of the GNU General Public License
263 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
264 */
265 /*******************************************************************************
266 * Content styles
267 *******************************************************************************
268 * 1. Document
269 * 2. Headings
270 * 3. Body content
271 ******************************************************************************/
272 .content {
273 /* Document
274 ****************************************************************************/
275 /* Headings
276 ****************************************************************************/
277 /* Body content
278 ****************************************************************************/ }
279 .content p,
280 .content ol,
281 .content ul,
282 .content dl,
283 .content pre,
284 .content blockquote {
285 /* Set consistent margins (opinionated) */
286 margin: 1em 0em; }
287 .content h1,
288 .content h2,
289 .content h3,
290 .content h4,
291 .content h5,
292 .content h6 {
293 /* Margin on top **only** (opinionated) */
294 margin: 2em 0em 0.5em 0em;
295 /* All headings should be bold (opinionated) */
296 font-weight: 600; }
297 .content h1 {
298 font-size: 2em; }
299 .content h2 {
300 font-size: 1.5em; }
301 .content h3 {
302 font-size: 1.25em; }
303 .content h4 {
304 font-size: 1em; }
305 .content h5 {
306 font-size: 0.8em; }
307 .content h6 {
308 font-size: 0.7em; }
309 .content a,
310 .content a:visited {
311 color: #1565c0; }
312 .content hr {
313 border: 1px solid #eee; }
314 .content blockquote {
315 padding-left: 1em;
316 border-left: 5px solid #9e9e9e; }
317 .content [dir="rtl"] blockquote {
318 padding-right: 1em;
319 padding-left: 0em;
320 border-right: 5px solid #eee;
321 border-left: 0px; }
322 .content ol,
323 .content ul {
324 padding-left: 1.5em; }
325 .content [dir="rtl"] ol,
326 .content [dir="rtl"] ul {
327 padding-right: 2em;
328 padding-left: 0em; }
329 .content ol {
330 list-style: decimal; }
331 .content ul {
332 list-style: disc; }
333 .content li {
334 margin: 0.25em 0em; }
335 .content ol ol,
336 .content ul ul,
337 .content ol ul,
338 .content ul ol {
339 /* prevent double spacing lists */
340 margin: 0em; }
341 .content ol ol {
342 list-style-type: lower-alpha; }
343 .content dt {
344 /* undo browser default (opinionated)*/
345 font-weight: 600; }
346 .content dd {
347 margin: 0.25em 0em 1em 0em; }
348
349 /*!
350 * This file is part of website-defaults
351 * Copyright (C) 2016-present eyeo GmbH
352 *
353 * website-defaults is free software: you can redistribute it and/or
354 * modify it under the terms of the GNU General Public License as published by
355 * the Free Software Foundation, either version 3 of the License, or
356 * (at your option) any later version.
357 *
358 * website-defaults is distributed in the hope that it will be useful,
359 * but WITHOUT ANY WARRANTY; without even the implied warranty of
360 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
361 * GNU General Public License for more details.
362 *
363 * You should have received a copy of the GNU General Public License
364 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
365 */
366 /*******************************************************************************
367 * Grid component
368 ******************************************************************************/
369 /**
370 * - .row contains one or more .column(s)
371 * - .row clears .column(s)
372 * - .row negates the left & right padding of it's left-most & right-most
373 * .column(s) while preserving consistent padding between .column(s)
374 */
375 .row {
376 margin: 0px -1em; }
377
378 .row:after {
379 display: block;
380 clear: both;
381 content: ""; }
382
383 /**
384 * - .column is 100% width by default
385 * - Modifier classes are applied to .column to change it's width
386 * - Modifier classes behave differently on different device widths
387 */
388 .column {
389 position: relative;
390 width: 100%;
391 min-height: 1px;
392 padding: 0px 1em; }
393
394 /* - .column(s) within .row .reverse appear in reverse order
395 * - .column(s) within [dir=rtl] appear in reverse order respectively
396 */
397 .column,
398 [dir="rtl"] .reverse .column {
399 float: left; }
400
401 .reverse .column,
402 [dir="rtl"] .column {
403 float: right; }
404
405 @media (min-width: 768px) {
406 .one-half,
407 .one-fourth {
408 width: 50%; } }
409
410 @media (min-width: 992px) {
411 .one-third {
412 width: 33.333333%; }
413 .two-thirds {
414 width: 66.666667%; } }
415
416 @media (min-width: 992px) {
417 .one-fourth {
418 width: 25%; }
419 .three-fourths {
420 width: 75%; } }
421
422 /*!
423 * This file is part of website-defaults
424 * Copyright (C) 2016-2017 eyeo GmbH
425 *
426 * website-defaults is free software: you can redistribute it and/or
427 * modify it under the terms of the GNU General Public License as published by
428 * the Free Software Foundation, either version 3 of the License, or
429 * (at your option) any later version.
430 *
431 * website-defaults is distributed in the hope that it will be useful,
432 * but WITHOUT ANY WARRANTY; without even the implied warranty of
433 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
434 * GNU General Public License for more details.
435 *
436 * You should have received a copy of the GNU General Public License
437 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
438 */
439 /*******************************************************************************
440 * Basic forms fields
441 *******************************************************************************
442 * 1. Reset
443 ******************************************************************************/
444 /* 1. Reset
445 ******************************************************************************/
446 /* Change the font styles in all browsers (opinionated). */
447 input,
448 optgroup,
449 select,
450 textarea {
451 font: inherit; }
452
453 /* Show the overflow in IE and Edge */
454 input {
455 overflow: visible; }
456
457 /* Remove the inheritance of text transform in Edge, Firefox, and IE. */
458 select {
459 text-transform: none; }
460
461 /* Set block display (opinionated) */
462 fieldset {
463 display: block; }
464
465 /* Correct the text wrapping in Edge and IE. */
466 legend {
467 display: table;
468 max-width: 100%;
469 white-space: normal; }
470
471 /* Remove the default vertical scrollbar in IE. */
472 textarea {
473 overflow: auto; }
474
475 /* Remove the padding in IE 10-. */
476 [type="checkbox"],
477 [type="radio"] {
478 padding: 0px; }
479
480 /*!
481 * This file is part of website-defaults
482 * Copyright (C) 2016-2017 eyeo GmbH
483 *
484 * website-defaults is free software: you can redistribute it and/or
485 * modify it under the terms of the GNU General Public License as published by
486 * the Free Software Foundation, either version 3 of the License, or
487 * (at your option) any later version.
488 *
489 * website-defaults is distributed in the hope that it will be useful,
490 * but WITHOUT ANY WARRANTY; without even the implied warranty of
491 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
492 * GNU General Public License for more details.
493 *
494 * You should have received a copy of the GNU General Public License
495 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
496 */
497 /*******************************************************************************
498 * Adanced forms fields
499 *******************************************************************************
500 * 1. Reset
501 ******************************************************************************/
502 /* 1. Reset
503 ******************************************************************************/
504 /* Correct the cursor style of increment and decrement buttons in Chrome. */
505 [type="number"]::-webkit-inner-spin-button,
506 [type="number"]::-webkit-outer-spin-button {
507 height: auto; }
508
509 /* Use `-webkit-appearance: none` to reset inputs in iOS Safari */
510 [type="date"],
511 [type="time"],
512 [type="datetime"],
513 [type="datetime-local"],
514 [type="month"],
515 [type="week"],
516 [type="search"],
517 [type="search"]::-webkit-search-cancel-button,
518 [type="search"]::-webkit-search-decoration {
519 -webkit-appearance: none; }
520
521 [type="search"] {
522 outline-offset: -2px; }
523
524 /*!
525 * This file is part of website-defaults
526 * Copyright (C) 2016-2017 eyeo GmbH
527 *
528 * website-defaults is free software: you can redistribute it and/or
529 * modify it under the terms of the GNU General Public License as published by
530 * the Free Software Foundation, either version 3 of the License, or
531 * (at your option) any later version.
532 *
533 * website-defaults is distributed in the hope that it will be useful,
534 * but WITHOUT ANY WARRANTY; without even the implied warranty of
535 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
536 * GNU General Public License for more details.
537 *
538 * You should have received a copy of the GNU General Public License
539 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
540 */
541 /*******************************************************************************
542 * Buttons
543 *******************************************************************************
544 * 1. Reset
545 ******************************************************************************/
546 /* 1. Reset
547 ******************************************************************************/
548 button {
549 margin: 0px;
550 font: inherit;
551 /* Show the overflow in IE and Edge */
552 overflow: visible;
553 /* Remove the inheritance of text transform in Edge, Firefox, and IE. */
554 text-transform: none; }
555
556 /**
557 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
558 * controls in Android 4.
559 * 2. Correct the inability to style clickable types in iOS and Safari.
560 */
561 button,
562 html [type="button"],
563 [type="reset"],
564 [type="submit"] {
565 -webkit-appearance: button; }
566
567 /* Remove the inner border and padding in Firefox. */
568 button::-moz-focus-inner,
569 [type="button"]::-moz-focus-inner,
570 [type="reset"]::-moz-focus-inner,
571 [type="submit"]::-moz-focus-inner {
572 padding: 0px;
573 border-style: none; }
574
575 /* Restore the focus styles unset by the previous rule. */
576 button:-moz-focusring,
577 [type="button"]:-moz-focusring,
578 [type="reset"]:-moz-focusring,
579 [type="submit"]:-moz-focusring {
580 outline: 1px dotted ButtonText; }
OLDNEW

Powered by Google App Engine
This is Rietveld