| OLD | NEW |
|---|
| (Empty) | |
| 1 body { |
| 2 background: #cccccc; |
| 3 font-family: Helvetica; |
| 4 font-size: 84%; |
| 5 margin: 0; |
| 6 overflow: hidden; |
| 7 } |
| 8 |
| 9 hr { |
| 10 background: -webkit-gradient(linear, 0 0, 96% 0, from(rgba(0, 0, 0, .10)), |
| 11 to(rgba(0, 0, 0, .02))); |
| 12 border: 0; |
| 13 height: 1px; |
| 14 margin: 8px 0; |
| 15 } |
| 16 |
| 17 /* Layout */ |
| 18 |
| 19 .bar.left { |
| 20 width:290px; |
| 21 background:white; |
| 22 -webkit-background-clip:padding-box; |
| 23 border-width:0 10px 0 0; |
| 24 -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgb(6
4,64,64)), to(rgba(255,255,255,0))) 0 100% 0 0 repeat repeat; |
| 25 } |
| 26 |
| 27 .page-layout img{ |
| 28 max-width:90%; |
| 29 max-height:90%; |
| 30 } |
| 31 .page-layout { |
| 32 -webkit-box-flex:1; |
| 33 text-align:center; |
| 34 display:-webkit-box; |
| 35 -webkit-box-orient:vertical; |
| 36 -webkit-box-pack:center; |
| 37 padding:auto; |
| 38 } |
| 39 |
| 40 list#preview { |
| 41 height:100%; |
| 42 width:100%; |
| 43 text-align:center; |
| 44 } |
| 45 |
| 46 .placeholder { |
| 47 -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .50); |
| 48 background: #ffffff; |
| 49 margin:auto; |
| 50 } |
| 51 |
| 52 list .placeholder { |
| 53 margin:5px; |
| 54 height: 110px; |
| 55 width: 85px; |
| 56 } |
| 57 |
| 58 .preview-list-container { |
| 59 -webkit-box-flex:0; |
| 60 width:130px; |
| 61 height:100%; |
| 62 background: -webkit-gradient(linear, right top, left top, from(rgb(90,96,106))
, to(rgba(255,255,255,0))); |
| 63 } |
| 64 |
| 65 /* Options */ |
| 66 |
| 67 .main-options { |
| 68 padding:6px; |
| 69 /* |
| 70 background:url('printer.png') top left no-repeat; |
| 71 background-attachment:fixed; |
| 72 background-position:6px 6px; |
| 73 padding-left:80px; |
| 74 */ |
| 75 |
| 76 height:115px; |
| 77 } |
| 78 |
| 79 .main-options * { |
| 80 margin: 2px; |
| 81 } |
| 82 .main-options button { |
| 83 margin-bottom: 4px; |
| 84 } |
| 85 |
| 86 #more-options { |
| 87 padding:6px; |
| 88 background:rgb(248,250,253); |
| 89 border-top:1px solid rgb(218,223,234); |
| 90 height: 100%; |
| 91 } |
| 92 |
| 93 #more-options-toggle { |
| 94 font-size:80%; |
| 95 color:blue; |
| 96 margin: 5px 5px; |
| 97 } |
| 98 |
| 99 #hidden-options { |
| 100 overflow: hidden; |
| 101 height:auto; |
| 102 -webkit-transition: height .2s linear; |
| 103 } |
| 104 |
| 105 #hidden-options.closed { |
| 106 height:0; |
| 107 } |
| 108 |
| 109 .printer-option { |
| 110 margin-top:3px; |
| 111 } |
| 112 |
| 113 #printer-chooser { |
| 114 text-align: left; |
| 115 width: 200px; |
| 116 } |
| 117 |
| 118 #printer-menu > button { |
| 119 height: 30px; |
| 120 } |
| 121 |
| 122 #printer-menu > .online { |
| 123 background-image: url('images/available.png'); |
| 124 } |
| 125 |
| 126 #printer-menu > .offline { |
| 127 background-image: url('images/unavailable.png'); |
| 128 } |
| 129 |
| 130 #printer-menu > .online, #printer-menu > .offline { |
| 131 padding-left: 20px; |
| 132 background-repeat: no-repeat; |
| 133 background-position: center left; |
| 134 } |
| 135 |
| 136 #printer-menu .subtitle { |
| 137 font-size:10px; |
| 138 color:gray; |
| 139 } |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2101019:
Print Preview component extension (Closed)
