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 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
117 font-size: 22px; | 111 font-size: 22px; |
118 color: #cc0000; | 112 color: #cc0000; |
119 margin: 30px 0px 20px; | 113 margin: 30px 0px 20px; |
120 } | 114 } |
121 | 115 |
122 #features-title::after | 116 #features-title::after |
123 { | 117 { |
124 content: ":"; | 118 content: ":"; |
125 } | 119 } |
126 | 120 |
127 .feature | 121 .feature:not([hidden]) |
128 { | 122 { |
129 display: block; | 123 display: block; |
130 list-style-type: none; | 124 list-style-type: none; |
131 padding-bottom: 20px; | 125 padding-bottom: 20px; |
132 } | 126 } |
133 | 127 |
134 .feature-image, .feature-description | 128 .feature-image, .feature-description |
135 { | 129 { |
136 display: inline-block; | 130 display: inline-block; |
137 *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... |
437 | 431 |
438 #share-popup.visible | 432 #share-popup.visible |
439 { | 433 { |
440 -webkit-transition-duration: 0.15s; | 434 -webkit-transition-duration: 0.15s; |
441 -moz-transition-duration: 0.15s; | 435 -moz-transition-duration: 0.15s; |
442 -o-transition-duration: 0.15s; | 436 -o-transition-duration: 0.15s; |
443 -ms-transition-duration: 0.15s; | 437 -ms-transition-duration: 0.15s; |
444 transition-duration: 0.15s; | 438 transition-duration: 0.15s; |
445 } | 439 } |
446 | 440 |
447 /* Firefox-specific code */ | |
448 #feature-typo | |
449 { | |
450 display: none; | |
451 } | |
452 | |
453 html.firefox #feature-typo | |
454 { | |
455 display: block; | |
456 } | |
457 | |
458 /* Adjust font size on smaller screens */ | 441 /* Adjust font size on smaller screens */ |
459 @media (max-height: 800px) | 442 @media (max-height: 800px) |
460 { | 443 { |
461 body | 444 body |
462 { | 445 { |
463 font-size: 19px; | 446 font-size: 19px; |
464 } | 447 } |
465 } | 448 } |
466 | 449 |
467 @media (max-height: 750px) | 450 @media (max-height: 750px) |
468 { | 451 { |
469 body | 452 body |
470 { | 453 { |
471 font-size: 17px; | 454 font-size: 17px; |
472 } | 455 } |
473 } | 456 } |
474 | 457 |
475 @media (max-height: 700px) | 458 @media (max-height: 700px) |
476 { | 459 { |
477 body | 460 body |
478 { | 461 { |
479 font-size: 16px; | 462 font-size: 16px; |
480 } | 463 } |
481 } | 464 } |
LEFT | RIGHT |