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 |