Files: fa40e97eba905e02fa26262401aa38c50f6de16b / styles / base.mcss
1398 bytesRaw
1 | html, body { |
2 | background: #f5f5f5 |
3 | margin: 0 |
4 | font-family: caption, sans-serif |
5 | overflow: hidden |
6 | height: 100% |
7 | font-size: 12px |
8 | -webkit-user-select: none |
9 | color: #2b2b2b |
10 | } |
11 | |
12 | body { |
13 | display: flex |
14 | flex-direction: column |
15 | line-height: 1.2 |
16 | } |
17 | |
18 | h1 { |
19 | font-size: 200% |
20 | margin: 4px 0 |
21 | font-weight: normal |
22 | flex: 1 |
23 | } |
24 | |
25 | select { |
26 | font-size: 80% |
27 | display: inline-block |
28 | padding: 2px 4px |
29 | height: 18px |
30 | border: 1px solid #A9A9A9 |
31 | background: #666 svg(dropArrow) no-repeat right |
32 | -webkit-appearance: none |
33 | color: #FFF |
34 | padding-right: 12px |
35 | border-radius: 0 |
36 | |
37 | :hover { |
38 | background-image: svg(dropArrow -active) |
39 | } |
40 | |
41 | @svg dropArrow { |
42 | width: 12px |
43 | height: 6px |
44 | content: "<path d='M2,0 L10,0 L6,6 Z' />" |
45 | |
46 | path { |
47 | fill: #888 |
48 | } |
49 | |
50 | -active { |
51 | path { |
52 | fill: #DDD |
53 | } |
54 | } |
55 | } |
56 | } |
57 | |
58 | input { |
59 | [type='text'] { |
60 | font-size: 80% |
61 | display: inline-block |
62 | padding: 2px 4px |
63 | height: 18px |
64 | border: 1px solid #A9A9A9 |
65 | background: #333 |
66 | color: #FFF |
67 | padding-right: 12px |
68 | border-radius: 0 |
69 | } |
70 | } |
71 | |
72 | ::-webkit-file-upload-button { |
73 | font-family: inherit |
74 | } |
75 | |
76 | a { |
77 | color: #286bc3 |
78 | text-decoration: none |
79 | |
80 | code { |
81 | color: #8EC1FC |
82 | } |
83 | |
84 | :hover { |
85 | text-decoration: underline |
86 | } |
87 | } |
88 | |
89 | * + h1 { |
90 | margin-top: 16px |
91 | } |
92 | |
93 | * { |
94 | box-sizing:border-box |
95 | } |
96 | |
97 | input, textarea, keygen, select, button { |
98 | font-family: '.SFNSText-Regular', sans-serif |
99 | } |
100 |
Built with git-ssb-web