| OLD | NEW |
| 1 .hbox { | 1 .hbox { |
| 2 display: -webkit-box; | 2 display: -webkit-box; |
| 3 -webkit-box-orient: horizontal; | 3 -webkit-box-orient: horizontal; |
| 4 } | 4 } |
| 5 | 5 |
| 6 .vbox { | 6 .vbox { |
| 7 display: -webkit-box; | 7 display: -webkit-box; |
| 8 -webkit-box-orient: vertical; | 8 -webkit-box-orient: vertical; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 56 */ | 56 */ |
| 57 body { | 57 body { |
| 58 font-size: 16px; | 58 font-size: 16px; |
| 59 } | 59 } |
| 60 </if> | 60 </if> |
| 61 | 61 |
| 62 .overlay { | 62 .overlay { |
| 63 -webkit-box-align: center; | 63 -webkit-box-align: center; |
| 64 -webkit-box-orient: vertical; | 64 -webkit-box-orient: vertical; |
| 65 -webkit-box-pack: center; | 65 -webkit-box-pack: center; |
| 66 -webkit-transition: 0.25s opacity; | 66 -webkit-transition: 250ms opacity; |
| 67 background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), | 67 background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), |
| 68 rgba(127, 127, 127, 0.5) 35%, | 68 rgba(127, 127, 127, 0.5) 35%, |
| 69 rgba(0, 0, 0, 0.7)); | 69 rgba(0, 0, 0, 0.7)); |
| 70 bottom: 0; | 70 bottom: 0; |
| 71 display: -webkit-box; | 71 display: -webkit-box; |
| 72 left: 0; | 72 left: 0; |
| 73 overflow: auto; | 73 overflow: auto; |
| 74 padding: 20px; | 74 padding: 20px; |
| 75 padding-bottom: 130px; | 75 padding-bottom: 130px; |
| 76 position: fixed; | 76 position: fixed; |
| (...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 172 -webkit-box-shadow: 0px 5px 80px #505050; | 172 -webkit-box-shadow: 0px 5px 80px #505050; |
| 173 background: white; | 173 background: white; |
| 174 border: 1px solid rgb(188, 193, 208); | 174 border: 1px solid rgb(188, 193, 208); |
| 175 border-radius: 2px; | 175 border-radius: 2px; |
| 176 min-width: 400px; | 176 min-width: 400px; |
| 177 padding: 0; | 177 padding: 0; |
| 178 position: relative; | 178 position: relative; |
| 179 } | 179 } |
| 180 | 180 |
| 181 #subpage-backdrop { | 181 #subpage-backdrop { |
| 182 -webkit-transition: 0.25s opacity; | 182 -webkit-transition: 250ms opacity; |
| 183 background-color: rgba(233, 238, 242, .5); | 183 background-color: rgba(233, 238, 242, .5); |
| 184 height: 100%; | 184 height: 100%; |
| 185 left: 216px; | 185 left: 216px; |
| 186 right: 216px; | 186 right: 216px; |
| 187 position: fixed; | 187 position: fixed; |
| 188 top: 0; | 188 top: 0; |
| 189 width: 100%; | 189 width: 100%; |
| 190 } | 190 } |
| 191 | 191 |
| 192 .subpage-sheet-container { | 192 .subpage-sheet-container { |
| 193 -webkit-transition: 0.25s opacity, 0.1s padding-left, 0.1s padding-right; | 193 -webkit-transition: 250ms opacity, 100ms padding-left, 100ms padding-right; |
| 194 box-sizing: border-box; | 194 box-sizing: border-box; |
| 195 min-height: 100%; | 195 min-height: 100%; |
| 196 position: absolute; | 196 position: absolute; |
| 197 /* We set both left and right for the sake of RTL. */ | 197 /* We set both left and right for the sake of RTL. */ |
| 198 left: 0; | 198 left: 0; |
| 199 right: 0; | 199 right: 0; |
| 200 top: 0; | 200 top: 0; |
| 201 width: 100%; | 201 width: 100%; |
| 202 } | 202 } |
| 203 | 203 |
| (...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 343 .settings-list-empty { | 343 .settings-list-empty { |
| 344 background-color: #f4f4f4; | 344 background-color: #f4f4f4; |
| 345 box-sizing: border-box; | 345 box-sizing: border-box; |
| 346 min-height: 125px; | 346 min-height: 125px; |
| 347 padding-left: 20px; | 347 padding-left: 20px; |
| 348 padding-top: 20px; | 348 padding-top: 20px; |
| 349 } | 349 } |
| 350 | 350 |
| 351 list > * { | 351 list > * { |
| 352 -webkit-box-align: center; | 352 -webkit-box-align: center; |
| 353 -webkit-transition: .15s background-color; | 353 -webkit-transition: 150ms background-color; |
| 354 box-sizing: border-box; | 354 box-sizing: border-box; |
| 355 border-radius: 0; | 355 border-radius: 0; |
| 356 display: -webkit-box; | 356 display: -webkit-box; |
| 357 height: 32px; | 357 height: 32px; |
| 358 border: none; | 358 border: none; |
| 359 margin: 0; | 359 margin: 0; |
| 360 } | 360 } |
| 361 | 361 |
| 362 list:not([disabled]) > :hover { | 362 list:not([disabled]) > :hover { |
| 363 background-color: #e4ecf7; | 363 background-color: #e4ecf7; |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 420 } | 420 } |
| 421 | 421 |
| 422 list .deletable-item > :first-child { | 422 list .deletable-item > :first-child { |
| 423 -webkit-box-align: center; | 423 -webkit-box-align: center; |
| 424 -webkit-box-flex: 1; | 424 -webkit-box-flex: 1; |
| 425 -webkit-padding-end: 5px; | 425 -webkit-padding-end: 5px; |
| 426 display: -webkit-box; | 426 display: -webkit-box; |
| 427 } | 427 } |
| 428 | 428 |
| 429 list .close-button { | 429 list .close-button { |
| 430 -webkit-transition: .15s opacity; | 430 -webkit-transition: 150ms opacity; |
| 431 background-color: transparent; | 431 background-color: transparent; |
| 432 /* TODO(stuartmorgan): Replace with real images once they are available. */ | 432 /* TODO(stuartmorgan): Replace with real images once they are available. */ |
| 433 background-image: url("../../../app/theme/close_bar.png"); | 433 background-image: url("../../../app/theme/close_bar.png"); |
| 434 border: none; | 434 border: none; |
| 435 display: block; | 435 display: block; |
| 436 height: 16px; | 436 height: 16px; |
| 437 opacity: 1; | 437 opacity: 1; |
| 438 width: 16px; | 438 width: 16px; |
| 439 } | 439 } |
| 440 | 440 |
| (...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 604 .displaytable > section > * { | 604 .displaytable > section > * { |
| 605 display: table-cell; | 605 display: table-cell; |
| 606 vertical-align: baseline; | 606 vertical-align: baseline; |
| 607 border-bottom: 1px solid #eeeeee; | 607 border-bottom: 1px solid #eeeeee; |
| 608 } | 608 } |
| 609 | 609 |
| 610 /* do not display a border after the last section in the table */ | 610 /* do not display a border after the last section in the table */ |
| 611 .displaytable:not([searching='true']) > section:last-child > * { | 611 .displaytable:not([searching='true']) > section:last-child > * { |
| 612 border-bottom: none; | 612 border-bottom: none; |
| 613 } | 613 } |
| OLD | NEW |