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 |