Files: 97eb7a8fb592282786cdf7a1591db859bf7e6cc8 / styles / base.mcss
1822 bytesRaw
1 | html, body { |
2 | background: #f5f5f5 |
3 | margin: 0 |
4 | font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, 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 | [type='search'] { |
71 | padding: 4px 8px; |
72 | border-radius: 3px; |
73 | border: 0 none; |
74 | background: #ffffff; |
75 | color: #656565; |
76 | font-size: 120%; |
77 | width: 180px; |
78 | box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1) |
79 | :focus { |
80 | outline: 0; |
81 | box-shadow: inset 0 0 0px 1px #286bc3 |
82 | } |
83 | } |
84 | } |
85 | |
86 | ::-webkit-file-upload-button { |
87 | font-family: inherit |
88 | } |
89 | |
90 | a { |
91 | color: #286bc3 |
92 | text-decoration: none |
93 | |
94 | code { |
95 | color: #8EC1FC |
96 | } |
97 | |
98 | :hover { |
99 | text-decoration: underline |
100 | } |
101 | } |
102 | |
103 | * + h1 { |
104 | margin-top: 16px |
105 | } |
106 | |
107 | * { |
108 | box-sizing:border-box |
109 | } |
110 | |
111 | input, textarea, keygen, select, button { |
112 | font-family: '.SFNSText-Regular', sans-serif |
113 | } |
114 |
Built with git-ssb-web