Files: eb32370bf8cbd70b2d74afd663eeb9616fa35a03 / app / styles / css / global.js
2245 bytesRaw
1 | const nest = require('depnest') |
2 | const { assign } = Object |
3 | |
4 | exports.gives = nest('styles.css') |
5 | |
6 | exports.create = function (api) { |
7 | return nest('styles.css', (sofar = {}) => { |
8 | return assign(sofar, { globalStyles }) |
9 | }) |
10 | } |
11 | |
12 | const globalStyles = ` |
13 | body { |
14 | font-family: helvetica, sans-serif; |
15 | font-size: 14px; |
16 | line-height: 19px; |
17 | color: #222; |
18 | } |
19 | |
20 | blockquote { |
21 | border-left: 2px #ccc solid; |
22 | color: #666; |
23 | padding-left: .6rem; |
24 | margin-left: .6rem; |
25 | font-size: .85rem; |
26 | } |
27 | |
28 | blockquote p:last-child { |
29 | margin-bottom: .35ex; |
30 | } |
31 | |
32 | pre { |
33 | background-color: #f5f5f5; |
34 | padding: .3rem; |
35 | color: #444; |
36 | } |
37 | |
38 | .emoji { |
39 | height: 1em; |
40 | width: 1em; |
41 | margin-bottom: .2rem; |
42 | vertical-align: middle; |
43 | } |
44 | |
45 | h1, h2, h3, h4, h5, h6, p, ul, ol { |
46 | margin-top: .35em; |
47 | } |
48 | |
49 | h1 { font-size: 1.2rem; } |
50 | h2 { font-size: 1.18rem; } |
51 | h3 { font-size: 1.15rem; } |
52 | h4 { font-size: 1.12rem; } |
53 | h5 { font-size: 1.1rem; } |
54 | h6 { font-size: 1rem; } |
55 | |
56 | * { |
57 | word-break: break-word; |
58 | } |
59 | |
60 | a:link, a:visited, a:active { |
61 | color: #0088cc; |
62 | text-decoration: none; |
63 | } |
64 | |
65 | a:hover, |
66 | a:focus { |
67 | color: #005580; |
68 | text-decoration: underline; |
69 | } |
70 | |
71 | pre { |
72 | white-space: pre-wrap; |
73 | word-wrap: break-word; |
74 | } |
75 | |
76 | p { |
77 | margin-top: .35ex; |
78 | } |
79 | |
80 | hr { |
81 | border: solid #eee; |
82 | clear: both; |
83 | border-width: 1px 0 0; |
84 | height: 0; |
85 | margin-bottom: .9em; |
86 | } |
87 | |
88 | input, textarea { |
89 | border: none; |
90 | border-radius: .2em; |
91 | font-family: sans-serif; |
92 | } |
93 | |
94 | input:focus, .compose:focus, button:focus { |
95 | outline: none; |
96 | border-color: #0088cc; |
97 | box-shadow: 0 0 4px #0088cc; |
98 | } |
99 | |
100 | textarea { |
101 | padding: .5em; |
102 | font-size: 1em; |
103 | } |
104 | |
105 | textarea:focus { |
106 | outline: none; |
107 | border-color: none; |
108 | } |
109 | |
110 | button { |
111 | background: #fff; |
112 | color: #666; |
113 | border: 1px solid #bbb; |
114 | border-radius: .5em; |
115 | padding: .7em; |
116 | margin: .5em; |
117 | cursor: pointer; |
118 | text-transform: uppercase; |
119 | font-weight: bold; |
120 | font-size: .7em; |
121 | } |
122 | |
123 | button:hover { |
124 | background: #ccc; |
125 | border: 1px solid #bbb; |
126 | } |
127 | |
128 | /* TextNodeSearcher highlights */ |
129 | |
130 | highlight { |
131 | background: #ff8; |
132 | } |
133 | |
134 | /* lightbox - used in message-confirm */ |
135 | |
136 | div.lightbox { |
137 | position: fixed; |
138 | left: 0px; |
139 | right: 0px; |
140 | top: 50px; |
141 | overflow: auto; |
142 | width: 600px; |
143 | max-width: 100%; |
144 | padding: 25px; |
145 | margin: auto; |
146 | z-index: 2; |
147 | background: #f5f5f5; |
148 | border: 1px solid #eee; |
149 | border-radius: .2em; |
150 | } |
151 | ` |
152 | |
153 |
Built with git-ssb-web