| OLD | NEW |
| 1 html { | 1 html { |
| 2 height: 100%; | 2 height: 100%; |
| 3 } | 3 } |
| 4 | 4 |
| 5 body { | 5 body { |
| 6 background: white; | 6 background: white; |
| 7 display: -webkit-box; | 7 display: -webkit-box; |
| 8 height: 100%; | 8 height: 100%; |
| 9 margin: 0; | 9 margin: 0; |
| 10 overflow: hidden; | 10 overflow: hidden; |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 min-height: 0; | 28 min-height: 0; |
| 29 } | 29 } |
| 30 | 30 |
| 31 body #main::after { | 31 body #main::after { |
| 32 content: ''; | 32 content: ''; |
| 33 display: block; | 33 display: block; |
| 34 } | 34 } |
| 35 | 35 |
| 36 /* Layout: Sidebar */ | 36 /* Layout: Sidebar */ |
| 37 | 37 |
| 38 .sidebar { | 38 #sidebar { |
| 39 -webkit-user-select: none; | 39 -webkit-user-select: none; |
| 40 border: 1px solid #a0a0a0; | 40 border: 1px solid #a0a0a0; |
| 41 background: white; | 41 background: white; |
| 42 height: 100%; | 42 height: 100%; |
| 43 overflow-x: hidden; | 43 overflow-x: hidden; |
| 44 overflow-y: auto; | 44 overflow-y: auto; |
| 45 position: relative; | 45 position: relative; |
| 46 width: 310px; | 46 width: 310px; |
| 47 z-index: 2000; | 47 z-index: 2000; |
| 48 } | 48 } |
| 49 | 49 |
| 50 .sidebar header { | 50 #sidebar header { |
| 51 width: 310px; | 51 width: 310px; |
| 52 } | 52 } |
| 53 | 53 |
| 54 .sidebar header > h1 { | 54 #sidebar header > h1 { |
| 55 -webkit-padding-start: 16px; | 55 -webkit-padding-start: 16px; |
| 56 } | 56 } |
| 57 | 57 |
| 58 #system-dialog-div { | 58 #system-dialog-div { |
| 59 -webkit-padding-start: 16px; | 59 -webkit-padding-start: 16px; |
| 60 font-size: 13px; | 60 font-size: 13px; |
| 61 line-height: 22px; | 61 line-height: 22px; |
| 62 } | 62 } |
| 63 | 63 |
| 64 /* Header */ | 64 /* Header */ |
| (...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 169 } | 169 } |
| 170 | 170 |
| 171 hr.invisible { | 171 hr.invisible { |
| 172 visibility: hidden; | 172 visibility: hidden; |
| 173 } | 173 } |
| 174 | 174 |
| 175 .hidden + hr { | 175 .hidden + hr { |
| 176 display: none; | 176 display: none; |
| 177 } | 177 } |
| 178 | 178 |
| 179 a { | 179 /* TODO(jhawkins): Remove this specialization once all WebUI shares the same |
| 180 * link-button styling. |
| 181 */ |
| 182 #system-dialog-link { |
| 183 -webkit-padding-start: 0; |
| 180 -webkit-transition: text-shadow 150ms; | 184 -webkit-transition: text-shadow 150ms; |
| 181 color: #4080fa; | 185 color: #4080fa; |
| 182 outline: 0; | 186 outline: 0; |
| 183 text-decoration: none; | 187 text-decoration: none; |
| 184 text-shadow: 0 0 1px white; | 188 text-shadow: 0 0 1px white; |
| 185 } | 189 } |
| 186 | 190 |
| 187 a:hover { | 191 #system-dialog-link:hover { |
| 188 text-shadow: 0 0 1px rgba(85, 143, 250, .75); | 192 text-shadow: 0 0 1px rgba(85, 143, 250, .75); |
| 189 } | 193 } |
| 190 | 194 |
| 191 a:active { | 195 #system-dialog-link:active { |
| 192 color: #4080fa; | 196 color: #4080fa; |
| 193 text-shadow: 0 0 1px rgba(64, 128, 250, 1); | 197 text-shadow: 0 0 1px rgba(64, 128, 250, 1); |
| 194 } | 198 } |
| 195 | 199 |
| 196 a:focus { | 200 #system-dialog-link:focus { |
| 197 -webkit-transition: border-color 200ms; | 201 -webkit-transition: border-color 200ms; |
| 198 border-radius: 2px; | 202 border-radius: 2px; |
| 199 border: 1px solid rgba(85, 143, 250, .8); | 203 border: 1px solid rgba(85, 143, 250, .8); |
| 200 margin: -2px -5px; | 204 margin: -2px -5px; |
| 201 padding: 1px 4px; | 205 padding: 1px 4px; |
| 202 } | 206 } |
| 203 | 207 |
| 208 #system-dialog-link:disabled { |
| 209 color: rgba(0, 0, 0, .5); |
| 210 cursor: default; |
| 211 text-shadow: none; |
| 212 } |
| 213 |
| 204 strong { | 214 strong { |
| 205 font-weight: 600; | 215 font-weight: 600; |
| 206 } | 216 } |
| 207 | 217 |
| 208 button { | 218 button { |
| 209 -webkit-box-shadow: inset 0 1px 2px white, | 219 -webkit-box-shadow: inset 0 1px 2px white, |
| 210 0 1px 2px rgba(0, 0, 0, .2); | 220 0 1px 2px rgba(0, 0, 0, .2); |
| 211 -webkit-user-select: none; | 221 -webkit-user-select: none; |
| 212 background: -webkit-linear-gradient(#fafafa, #dcdcdc); | 222 background: -webkit-linear-gradient(#fafafa, #dcdcdc); |
| 213 border-radius: 3px; | 223 border-radius: 3px; |
| (...skipping 538 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 752 -webkit-animation-delay: 300ms; | 762 -webkit-animation-delay: 300ms; |
| 753 } | 763 } |
| 754 | 764 |
| 755 #two-sided-div { | 765 #two-sided-div { |
| 756 margin-top: 10px; | 766 margin-top: 10px; |
| 757 } | 767 } |
| 758 | 768 |
| 759 input[disabled] + label { | 769 input[disabled] + label { |
| 760 color: gray; | 770 color: gray; |
| 761 } | 771 } |
| 772 |
| 773 #error-action-area { |
| 774 margin-top: 10px; |
| 775 } |
| OLD | NEW |