| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
| 2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. */ | 3 found in the LICENSE file. */ |
| 4 | 4 |
| 5 a { | 5 a { |
| 6 color: #585858; | 6 color: #585858; |
| 7 } | 7 } |
| 8 | 8 |
| 9 body { | 9 body { |
| 10 background-color: #f7f7f7; | 10 background-color: #f7f7f7; |
| (...skipping 162 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 173 margin-top: .36em; | 173 margin-top: .36em; |
| 174 position: relative; | 174 position: relative; |
| 175 width: 16px; | 175 width: 16px; |
| 176 } | 176 } |
| 177 | 177 |
| 178 [dir='rtl'] .styled-checkbox { | 178 [dir='rtl'] .styled-checkbox { |
| 179 float: right; | 179 float: right; |
| 180 } | 180 } |
| 181 | 181 |
| 182 .styled-checkbox label { | 182 .styled-checkbox label { |
| 183 background-color: white; | 183 background: transparent; |
| 184 border: white solid 1px; |
| 184 border-radius: 2px; | 185 border-radius: 2px; |
| 185 height: 16px; | 186 height: 14px; |
| 186 left: 0; | 187 left: 0; |
| 187 position: absolute; | 188 position: absolute; |
| 188 right: 0; | 189 right: 0; |
| 189 top: 0; | 190 top: 0; |
| 190 width: 16px; | 191 width: 14px; |
| 191 } | 192 } |
| 192 | 193 |
| 193 .styled-checkbox label::after { | 194 .styled-checkbox label::after { |
| 194 background: transparent; | 195 background: transparent; |
| 195 border: 2px solid rgb(217, 69, 61); | 196 border: 2px solid white; |
| 196 border-right-width: 0; | 197 border-right-width: 0; |
| 197 border-top-width: 0; | 198 border-top-width: 0; |
| 198 content: ''; | 199 content: ''; |
| 199 height: 4px; | 200 height: 4px; |
| 200 left: 3px; | 201 left: 2px; |
| 201 opacity: 0.3; | 202 opacity: 0.3; |
| 202 position: absolute; | 203 position: absolute; |
| 203 top: 4px; | 204 top: 3px; |
| 204 transform: rotate(-45deg); | 205 transform: rotate(-45deg); |
| 205 width: 9px; | 206 width: 9px; |
| 206 } | 207 } |
| 207 | 208 |
| 208 .styled-checkbox input[type=checkbox]:checked + label::after { | 209 .styled-checkbox input[type=checkbox]:checked + label::after { |
| 209 opacity: 1; | 210 opacity: 1; |
| 210 } | 211 } |
| 211 | 212 |
| 212 .yellow :-webkit-any( | 213 .yellow :-webkit-any( |
| 213 a, #details, #details-button, h1, .small-link) { | 214 a, #details, #details-button, h1, .small-link) { |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 264 } | 265 } |
| 265 | 266 |
| 266 .nav-wrapper { | 267 .nav-wrapper { |
| 267 margin-top: 30px; | 268 margin-top: 30px; |
| 268 } | 269 } |
| 269 | 270 |
| 270 .small-link { | 271 .small-link { |
| 271 font-size: 1em; | 272 font-size: 1em; |
| 272 } | 273 } |
| 273 } | 274 } |
| OLD | NEW |