| OLD | NEW | 
|---|
| 1 /* | 1 /* | 
| 2  * This file is part of Adblock Plus <https://adblockplus.org/>, | 2  * This file is part of Adblock Plus <https://adblockplus.org/>, | 
| 3  * Copyright (C) 2006-present eyeo GmbH | 3  * Copyright (C) 2006-present 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 | 
| (...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 71   line-height: 20px; | 71   line-height: 20px; | 
| 72   color: #000; | 72   color: #000; | 
| 73 } | 73 } | 
| 74 | 74 | 
| 75 h1::before | 75 h1::before | 
| 76 { | 76 { | 
| 77   position: absolute; | 77   position: absolute; | 
| 78   left: -25px; | 78   left: -25px; | 
| 79   width: 20px; | 79   width: 20px; | 
| 80   height: 20px; | 80   height: 20px; | 
| 81   background: url(mobile/abp-logo.svg) 0/20px; | 81   background-image: url(abp-logo.svg); | 
| 82   content: ""; | 82   content: ""; | 
| 83 } | 83 } | 
| 84 | 84 | 
| 85 html[dir="rtl"] h1::before | 85 html[dir="rtl"] h1::before | 
| 86 { | 86 { | 
| 87   left: auto; | 87   left: auto; | 
| 88   right: -25px; | 88   right: -25px; | 
| 89 } | 89 } | 
| 90 | 90 | 
| 91 h2 | 91 h2 | 
| (...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 190 } | 190 } | 
| 191 | 191 | 
| 192 input:checked + .toggle-image | 192 input:checked + .toggle-image | 
| 193 { | 193 { | 
| 194   background-image: url(mobile/toggle.svg#on); | 194   background-image: url(mobile/toggle.svg#on); | 
| 195 } | 195 } | 
| 196 | 196 | 
| 197 button | 197 button | 
| 198 { | 198 { | 
| 199   width: 100%; | 199   width: 100%; | 
| 200   height: 46px; /* equal to height of list item */ |  | 
| 201   border: none; | 200   border: none; | 
| 202   font-weight: 600; | 201   font-weight: 600; | 
| 203   text-transform: uppercase; | 202   text-transform: uppercase; | 
| 204   color: #099DD1; | 203   color: #099DD1; | 
| 205   background: none; | 204   background: none; | 
| 206 } | 205 } | 
| 207 | 206 | 
| 208 button.primary, | 207 button.primary, | 
| 209 button.secondary | 208 button.secondary | 
| 210 { | 209 { | 
| (...skipping 20 matching lines...) Expand all  Loading... | 
| 231 { | 230 { | 
| 232   width: 36px; | 231   width: 36px; | 
| 233   height: 36px; | 232   height: 36px; | 
| 234   padding: 0; | 233   padding: 0; | 
| 235   background-color: #099DD1; | 234   background-color: #099DD1; | 
| 236   mask: url(mobile/trash.svg) center/19px no-repeat; | 235   mask: url(mobile/trash.svg) center/19px no-repeat; | 
| 237 } | 236 } | 
| 238 | 237 | 
| 239 ul + button | 238 ul + button | 
| 240 { | 239 { | 
|  | 240   flex-shrink: 0; | 
| 241   width: 100%; | 241   width: 100%; | 
| 242   padding: 0 20px; /* based on margin and padding of list item */ | 242   min-height: 46px; /* equal to min-height of list item */ | 
|  | 243   padding: 15px 20px; /* based on margin and padding of list item */ | 
| 243   border: 1px solid #BBBBBB; | 244   border: 1px solid #BBBBBB; | 
| 244   text-align: start; | 245   text-align: start; | 
| 245 } | 246 } | 
| 246 | 247 | 
| 247 /* Dialogs */ | 248 /* Dialogs */ | 
| 248 | 249 | 
| 249 #dialog | 250 #dialog | 
| 250 { | 251 { | 
| 251   display: flex; | 252   display: flex; | 
| 252   align-items: flex-start; | 253   align-items: flex-start; | 
| (...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 364 { | 365 { | 
| 365   background-color: #BBBBBB; | 366   background-color: #BBBBBB; | 
| 366   mask: url(mobile/checkmark.svg) center/cover no-repeat; | 367   mask: url(mobile/checkmark.svg) center/cover no-repeat; | 
| 367 } | 368 } | 
| 368 | 369 | 
| 369 #dialog-recommended > button | 370 #dialog-recommended > button | 
| 370 { | 371 { | 
| 371   border-width: 1px 0 0 0; | 372   border-width: 1px 0 0 0; | 
| 372   text-align: center; | 373   text-align: center; | 
| 373 } | 374 } | 
| OLD | NEW | 
|---|