| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 body { | 5 body { |
| 6 position: relative; | 6 position: relative; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #main-content { | 9 #main-content { |
| 10 bottom: 0; | 10 bottom: 0; |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 box-sizing: border-box; | 118 box-sizing: border-box; |
| 119 min-height: 125px; | 119 min-height: 125px; |
| 120 padding-left: 20px; | 120 padding-left: 20px; |
| 121 padding-top: 20px; | 121 padding-top: 20px; |
| 122 } | 122 } |
| 123 | 123 |
| 124 | 124 |
| 125 /* Editable text field properties */ | 125 /* Editable text field properties */ |
| 126 .editable-text-field > * { | 126 .editable-text-field > * { |
| 127 -webkit-box-align: center; | 127 -webkit-box-align: center; |
| 128 -webkit-transition: 150ms background-color; | |
| 129 border: none; | 128 border: none; |
| 130 box-sizing: border-box; | 129 box-sizing: border-box; |
| 131 display: -webkit-box; | 130 display: -webkit-box; |
| 132 height: 20px; | 131 height: 20px; |
| 133 margin: 0; | 132 margin: 0; |
| 133 transition: 150ms background-color; |
| 134 } | 134 } |
| 135 | 135 |
| 136 .editable-text-field > .spacer { | 136 .editable-text-field > .spacer { |
| 137 /* The above height rule should not apply to spacers. */ | 137 /* The above height rule should not apply to spacers. */ |
| 138 height: 0; | 138 height: 0; |
| 139 } | 139 } |
| 140 | 140 |
| 141 .editable-text-field .editable-text { | 141 .editable-text-field .editable-text { |
| 142 padding: 2px 3px; | 142 padding: 2px 3px; |
| 143 } | 143 } |
| (...skipping 19 matching lines...) Expand all Loading... |
| 163 font-style: italic; | 163 font-style: italic; |
| 164 } | 164 } |
| 165 | 165 |
| 166 .editable-text-field[disabled] { | 166 .editable-text-field[disabled] { |
| 167 opacity: 0.6; | 167 opacity: 0.6; |
| 168 } | 168 } |
| 169 | 169 |
| 170 /* Editable List properties */ | 170 /* Editable List properties */ |
| 171 list > * { | 171 list > * { |
| 172 -webkit-box-align: center; | 172 -webkit-box-align: center; |
| 173 -webkit-transition: 150ms background-color; | |
| 174 border: none; | 173 border: none; |
| 175 border-radius: 0; /* TODO(dbeam): Is this necessary? */ | 174 border-radius: 0; /* TODO(dbeam): Is this necessary? */ |
| 176 box-sizing: border-box; | 175 box-sizing: border-box; |
| 177 display: -webkit-box; | 176 display: -webkit-box; |
| 178 height: 32px; | 177 height: 32px; |
| 179 margin: 0; | 178 margin: 0; |
| 179 transition: 150ms background-color; |
| 180 } | 180 } |
| 181 | 181 |
| 182 list > .spacer { | 182 list > .spacer { |
| 183 /* The above height rule should not apply to spacers. When redraw is called | 183 /* The above height rule should not apply to spacers. When redraw is called |
| 184 on the list they will be given an explicit element height but this ensures | 184 on the list they will be given an explicit element height but this ensures |
| 185 they have 0 height to begin with. */ | 185 they have 0 height to begin with. */ |
| 186 height: 0; | 186 height: 0; |
| 187 } | 187 } |
| 188 | 188 |
| 189 list:not([disabled]) > :hover { | 189 list:not([disabled]) > :hover { |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 247 } | 247 } |
| 248 | 248 |
| 249 list .deletable-item > :first-child { | 249 list .deletable-item > :first-child { |
| 250 -webkit-box-align: center; | 250 -webkit-box-align: center; |
| 251 -webkit-box-flex: 1; | 251 -webkit-box-flex: 1; |
| 252 -webkit-padding-end: 5px; | 252 -webkit-padding-end: 5px; |
| 253 display: -webkit-box; | 253 display: -webkit-box; |
| 254 } | 254 } |
| 255 | 255 |
| 256 list .row-delete-button { | 256 list .row-delete-button { |
| 257 -webkit-transition: 150ms opacity; | |
| 258 background-color: transparent; | 257 background-color: transparent; |
| 259 background-image: -webkit-image-set( | 258 background-image: -webkit-image-set( |
| 260 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, | 259 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, |
| 261 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); | 260 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); |
| 262 border: none; | 261 border: none; |
| 263 display: block; | 262 display: block; |
| 264 height: 16px; | 263 height: 16px; |
| 265 opacity: 1; | 264 opacity: 1; |
| 265 transition: 150ms opacity; |
| 266 width: 16px; | 266 width: 16px; |
| 267 } | 267 } |
| 268 | 268 |
| 269 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, | 269 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, |
| 270 list:not([has-element-focus]) > *:not(:hover):not([selected]) | 270 list:not([has-element-focus]) > *:not(:hover):not([selected]) |
| 271 .row-delete-button, | 271 .row-delete-button, |
| 272 list[disabled] .row-delete-button, | 272 list[disabled] .row-delete-button, |
| 273 list .row-delete-button[disabled] { | 273 list .row-delete-button[disabled] { |
| 274 opacity: 0; | 274 opacity: 0; |
| 275 pointer-events: none; | 275 pointer-events: none; |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 325 overflow: hidden; | 325 overflow: hidden; |
| 326 pointer-events: none; | 326 pointer-events: none; |
| 327 } | 327 } |
| 328 | 328 |
| 329 list > [editing] input:invalid { | 329 list > [editing] input:invalid { |
| 330 background-color: pink; | 330 background-color: pink; |
| 331 } | 331 } |
| 332 | 332 |
| 333 .list-inline-button { | 333 .list-inline-button { |
| 334 -webkit-appearance: none; | 334 -webkit-appearance: none; |
| 335 -webkit-transition: opacity 150ms; | |
| 336 background: rgb(138, 170, 237); | 335 background: rgb(138, 170, 237); |
| 337 border: none; | 336 border: none; |
| 338 border-radius: 2px; | 337 border-radius: 2px; |
| 339 color: white; | 338 color: white; |
| 340 font-weight: bold; | 339 font-weight: bold; |
| 341 opacity: 0.7; | 340 opacity: 0.7; |
| 341 transition: opacity 150ms; |
| 342 } | 342 } |
| 343 | 343 |
| 344 .list-inline-button:hover { | 344 .list-inline-button:hover { |
| 345 opacity: 1; | 345 opacity: 1; |
| 346 } | 346 } |
| 347 | 347 |
| 348 .option-name { | 348 .option-name { |
| 349 -webkit-padding-end: 5px; | 349 -webkit-padding-end: 5px; |
| 350 } | 350 } |
| 351 | 351 |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 442 .standalone-action-link { | 442 .standalone-action-link { |
| 443 padding: 0; | 443 padding: 0; |
| 444 } | 444 } |
| 445 | 445 |
| 446 :-webkit-any(.checkbox, .radio) label ~ a { | 446 :-webkit-any(.checkbox, .radio) label ~ a { |
| 447 display: inline-block; | 447 display: inline-block; |
| 448 /* Matches padding of -webkit-any(.checkbox, .radio) */ | 448 /* Matches padding of -webkit-any(.checkbox, .radio) */ |
| 449 padding-bottom: 7px; | 449 padding-bottom: 7px; |
| 450 vertical-align: bottom; | 450 vertical-align: bottom; |
| 451 } | 451 } |
| OLD | NEW |