LEFT | RIGHT |
(no file at all) | |
| 1 html |
| 2 { |
| 3 font-size: 16px; |
| 4 } |
| 5 |
1 body | 6 body |
2 { | 7 { |
3 display: flex; | 8 display: flex; |
4 flex-direction: column; | 9 flex-direction: column; |
5 align-items: center; | 10 align-items: center; |
6 margin: 1.2rem 0.3rem; | 11 margin: 1.2rem 0.3rem; |
7 font-family: Segoe UI, Arial, sans-serif; | 12 font-family: Segoe UI, Arial, sans-serif; |
8 font-size: 1.25rem; | 13 font-size: 1.25rem; |
9 color: #494949; | 14 color: #494949; |
10 background-color: #F3F3F3; | 15 background-color: #F3F3F3; |
(...skipping 11 matching lines...) Expand all Loading... |
22 margin-left: 2rem; | 27 margin-left: 2rem; |
23 } | 28 } |
24 | 29 |
25 header | 30 header |
26 { | 31 { |
27 display: flex; | 32 display: flex; |
28 flex-direction: row; | 33 flex-direction: row; |
29 flex-shrink: 0; | 34 flex-shrink: 0; |
30 align-items: flex-end; | 35 align-items: flex-end; |
31 margin-bottom: 2rem; | 36 margin-bottom: 2rem; |
| 37 } |
| 38 |
| 39 #logo |
| 40 { |
| 41 width: 4rem; |
32 } | 42 } |
33 | 43 |
34 header > .title | 44 header > .title |
35 { | 45 { |
36 display: flex; | 46 display: flex; |
37 flex-direction: column; | 47 flex-direction: column; |
38 } | 48 } |
39 | 49 |
40 .title > h1 | 50 .title > h1 |
41 { | 51 { |
(...skipping 198 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
240 background-color: transparent; | 250 background-color: transparent; |
241 background-image: url(icons/checkbox.png); | 251 background-image: url(icons/checkbox.png); |
242 display: inline-block; | 252 display: inline-block; |
243 } | 253 } |
244 | 254 |
245 input[type="checkbox"]:checked, | 255 input[type="checkbox"]:checked, |
246 input[type="radio"]:checked | 256 input[type="radio"]:checked |
247 { | 257 { |
248 background-position: 0px 18px; | 258 background-position: 0px 18px; |
249 } | 259 } |
LEFT | RIGHT |