LEFT | RIGHT |
1 /* | 1 /* |
2 * This file is part of Adblock Plus <http://adblockplus.org/>, | 2 * This file is part of Adblock Plus <http://adblockplus.org/>, |
3 * Copyright (C) 2006-2013 Eyeo GmbH | 3 * Copyright (C) 2006-2013 Eyeo GmbH |
4 * | 4 * |
5 * Adblock Plus is free software: you can redistribute it and/or modify | 5 * Adblock Plus is free software: you can redistribute it and/or modify |
6 * it under the terms of the GNU General Public License version 3 as | 6 * it under the terms of the GNU General Public License version 3 as |
7 * published by the Free Software Foundation. | 7 * published by the Free Software Foundation. |
8 * | 8 * |
9 * Adblock Plus is distributed in the hope that it will be useful, | 9 * Adblock Plus is distributed in the hope that it will be useful, |
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
12 * GNU General Public License for more details. | 12 * GNU General Public License for more details. |
13 * | 13 * |
14 * You should have received a copy of the GNU General Public License | 14 * You should have received a copy of the GNU General Public License |
15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. | 15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. |
16 */ | 16 */ |
17 | 17 |
18 /** This should be unnecessary in Gecko 2.0 and above. */ | |
19 *[hidden] | |
20 { | |
21 display: none; | |
22 } | |
23 | |
24 body | 18 body |
25 { | 19 { |
26 font-family: Arial, Helvetica, sans-serif; | 20 font-family: Arial, Helvetica, sans-serif; |
27 font-size: 14px; | 21 font-size: 14px; |
28 line-height: 140%; | 22 line-height: 140%; |
29 color: #000000; | 23 color: #000000; |
30 background-color: #f8f6f2; | 24 background-color: #f8f6f2; |
31 background-image: url(/skin/background.png); | 25 background-image: url(/skin/background.png); |
32 margin: 0 auto; | 26 margin: 0 auto; |
33 padding: 0; | 27 padding: 0; |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
85 box-pack: center; | 79 box-pack: center; |
86 } | 80 } |
87 | 81 |
88 header h1 | 82 header h1 |
89 { | 83 { |
90 font-size: 40px; | 84 font-size: 40px; |
91 font-weight: normal; | 85 font-weight: normal; |
92 margin: 0; | 86 margin: 0; |
93 } | 87 } |
94 | 88 |
| 89 #dataCorruptionWarning |
| 90 { |
| 91 font-size: 200%; |
| 92 line-height: 140%; |
| 93 margin: 20px; |
| 94 padding: 20px; |
| 95 border: 3px solid red; |
| 96 border-radius: 10px; |
| 97 } |
| 98 |
95 #features | 99 #features |
96 { | 100 { |
97 display: block; | 101 display: block; |
98 border-spacing: 10px; | 102 border-spacing: 10px; |
99 margin: 0px; | 103 margin: 0px; |
100 padding: 0px; | 104 padding: 0px; |
101 padding-bottom: 120px; | 105 padding-bottom: 120px; |
102 white-space: nowrap; | 106 white-space: nowrap; |
103 } | 107 } |
104 | 108 |
105 #features-title | 109 #features-title |
106 { | 110 { |
107 font-size: 22px; | 111 font-size: 22px; |
108 color: #cc0000; | 112 color: #cc0000; |
109 margin: 30px 0px 20px; | 113 margin: 30px 0px 20px; |
110 } | 114 } |
111 | 115 |
112 #features-title::after | 116 #features-title::after |
113 { | 117 { |
114 content: ":"; | 118 content: ":"; |
115 } | 119 } |
116 | 120 |
117 .feature | 121 .feature:not([hidden]) |
118 { | 122 { |
119 display: block; | 123 display: block; |
120 list-style-type: none; | 124 list-style-type: none; |
121 padding-bottom: 20px; | 125 padding-bottom: 20px; |
122 } | 126 } |
123 | 127 |
124 .feature-image, .feature-description | 128 .feature-image, .feature-description |
125 { | 129 { |
126 display: inline-block; | 130 display: inline-block; |
127 *display: inline; /* IE6 inline-block fix */ | 131 *display: inline; /* IE6 inline-block fix */ |
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
427 | 431 |
428 #share-popup.visible | 432 #share-popup.visible |
429 { | 433 { |
430 -webkit-transition-duration: 0.15s; | 434 -webkit-transition-duration: 0.15s; |
431 -moz-transition-duration: 0.15s; | 435 -moz-transition-duration: 0.15s; |
432 -o-transition-duration: 0.15s; | 436 -o-transition-duration: 0.15s; |
433 -ms-transition-duration: 0.15s; | 437 -ms-transition-duration: 0.15s; |
434 transition-duration: 0.15s; | 438 transition-duration: 0.15s; |
435 } | 439 } |
436 | 440 |
437 /* Firefox-specific code */ | |
438 #feature-typo | |
439 { | |
440 display: none; | |
441 } | |
442 | |
443 html.firefox #feature-typo | |
444 { | |
445 display: block; | |
446 } | |
447 | |
448 /* Adjust font size on smaller screens */ | 441 /* Adjust font size on smaller screens */ |
449 @media (max-height: 800px) | 442 @media (max-height: 800px) |
450 { | 443 { |
451 body | 444 body |
452 { | 445 { |
453 font-size: 19px; | 446 font-size: 19px; |
454 } | 447 } |
455 } | 448 } |
456 | 449 |
457 @media (max-height: 750px) | 450 @media (max-height: 750px) |
458 { | 451 { |
459 body | 452 body |
460 { | 453 { |
461 font-size: 17px; | 454 font-size: 17px; |
462 } | 455 } |
463 } | 456 } |
464 | 457 |
465 @media (max-height: 700px) | 458 @media (max-height: 700px) |
466 { | 459 { |
467 body | 460 body |
468 { | 461 { |
469 font-size: 16px; | 462 font-size: 16px; |
470 } | 463 } |
471 } | 464 } |
LEFT | RIGHT |