| 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 |