Files: 7c22ec2ce201b04fa7c787e4f7833eb28065327b / style.css
3246 bytesRaw
1 | body { |
2 | font-family: sans-serif; |
3 | color: #222; |
4 | } |
5 | |
6 | h1, h2, h3, h4, h5, h6, p, ul, ol { |
7 | margin-top: .35em; |
8 | } |
9 | |
10 | h1 { font-size: 1.2em; } |
11 | h2 { font-size: 1.18em; } |
12 | h3 { font-size: 1.15em; } |
13 | h4 { font-size: 1.12em; } |
14 | h5 { font-size: 1.1em; } |
15 | h6 { font-size: 1em; } |
16 | |
17 | * { |
18 | word-break: break-word; |
19 | } |
20 | |
21 | a:link, a:visited, a:active { |
22 | color: #0088cc; |
23 | text-decoration: none; |
24 | } |
25 | |
26 | a:hover, |
27 | a:focus { |
28 | color: #005580; |
29 | text-decoration: underline; |
30 | } |
31 | |
32 | .column { |
33 | display: flex; |
34 | flex-direction: column; |
35 | min-height:0px; |
36 | } |
37 | |
38 | .row { |
39 | display: flex; |
40 | flex-direction: row; |
41 | min-height:0px; |
42 | } |
43 | |
44 | .end { |
45 | justify-content: flex-end; |
46 | } |
47 | |
48 | .wrap { |
49 | display: flex; |
50 | flex-direction: row; |
51 | flex-wrap: wrap; |
52 | } |
53 | |
54 | .no-shrink { |
55 | flex-shrink: 0; |
56 | } |
57 | |
58 | .expand { |
59 | justify-content: space-between; |
60 | } |
61 | |
62 | pre { |
63 | white-space: pre-wrap; |
64 | word-wrap: break-word; |
65 | } |
66 | |
67 | .wide { |
68 | width: 100%; |
69 | } |
70 | |
71 | p { |
72 | margin-top: .35ex; |
73 | } |
74 | |
75 | hr { |
76 | border: solid #eee; |
77 | clear: both; |
78 | border-width: 1px 0 0; |
79 | height: 0; |
80 | margin-bottom: .9em; |
81 | } |
82 | |
83 | input, textarea { |
84 | border: none; |
85 | border-radius: .2em; |
86 | font-family: sans-serif; |
87 | } |
88 | |
89 | input:focus, .compose:focus, button:focus { |
90 | outline: none; |
91 | border-color: #0088cc; |
92 | box-shadow: 0 0 4px #0088cc; |
93 | } |
94 | |
95 | textarea { |
96 | padding: .5em; |
97 | font-size: 1em; |
98 | } |
99 | |
100 | textarea:focus { |
101 | outline: none; |
102 | border-color: none; |
103 | } |
104 | |
105 | button { |
106 | background: #fff; |
107 | color: #666; |
108 | border: 1px solid #bbb; |
109 | border-radius: .5em; |
110 | padding: .7em; |
111 | margin: .5em; |
112 | cursor: pointer; |
113 | text-transform: uppercase; |
114 | font-weight: bold; |
115 | font-size: .7em; |
116 | } |
117 | |
118 | button:hover { |
119 | background: #ccc; |
120 | border: 1px solid #bbb; |
121 | } |
122 | |
123 | .menu { |
124 | position: absolute; |
125 | top: .5em; |
126 | right: .5em; |
127 | padding-top: .5em; |
128 | padding-bottom: .5em; |
129 | padding-right: 1em; |
130 | padding-left: 1em; |
131 | background: #f5f5f5; |
132 | border: 1px solid #eee; |
133 | border-radius: .2em; |
134 | z-index: 5; |
135 | } |
136 | |
137 | /* messages */ |
138 | /* is .title used any more? */ |
139 | |
140 | .title { |
141 | padding: .5ex; |
142 | } |
143 | |
144 | .emoji { |
145 | height: 1em; |
146 | width: 1em; |
147 | vertical-align: top; |
148 | } |
149 | |
150 | |
151 | |
152 | /* avatar */ |
153 | |
154 | .avatar--large, |
155 | .avatar--thumbnail, |
156 | .avatar--fullsize { |
157 | border: 1px solid #eee; |
158 | } |
159 | |
160 | .avatar--large { |
161 | width: 10em; |
162 | height: 10em; |
163 | } |
164 | |
165 | .avatar--thumbnail { |
166 | width: 2.5em; |
167 | height: 2.5em; |
168 | float: left; |
169 | margin: 0 .25ex; |
170 | } |
171 | |
172 | .\.meta .avatar--thumbnail { |
173 | width: 1.9em; |
174 | height: 1.9em; |
175 | } |
176 | |
177 | .avatar--fullsize { |
178 | width: 50%; |
179 | } |
180 | |
181 | /* lightbox - used in message-confirm */ |
182 | |
183 | .lightbox { |
184 | position: fixed; |
185 | left: 0px; |
186 | right: 0px; |
187 | top: 50px; |
188 | overflow: auto; |
189 | width: 650px; |
190 | max-width: 100%; |
191 | padding: 25px; |
192 | margin: auto; |
193 | |
194 | z-index: 2; |
195 | |
196 | background: #f5f5f5; |
197 | border: 1px solid #eee; |
198 | border-radius: .2em; |
199 | } |
200 | |
201 | |
202 | /* TextNodeSearcher highlights */ |
203 | |
204 | highlight { |
205 | background: #ff8; |
206 | } |
207 | |
208 | /* avatar editor */ |
209 | |
210 | .hypercrop__canvas { |
211 | width: 100%; |
212 | } |
213 | |
214 | /* gitssb */ |
215 | |
216 | .git-table-wrapper { |
217 | max-height: 12em; |
218 | overflow: auto; |
219 | word-break: break-all; |
220 | margin: 1em 0; |
221 | } |
222 | |
223 | .git-table-wrapper table { |
224 | width: 100%; |
225 | } |
226 | |
227 | /* --- network status --- */ |
228 | |
229 | .status { |
230 | width: .7em; |
231 | height: .7em; |
232 | margin: .7em; |
233 | border-radius: 100%; |
234 | background: #08c; |
235 | } |
236 | |
237 | /* tabs */ |
238 | |
239 | .header { |
240 | background: #f5f5f5; |
241 | border-bottom: 1px inset; |
242 | flex-shrink: 0; |
243 | } |
244 | |
245 | /* progress bar */ |
246 | |
247 | .hyperprogress__bar { |
248 | background: darkgrey; |
249 | } |
250 | .hyperprogress__liquid { |
251 | background: lightblue; |
252 | } |
253 | |
254 | |
255 |
Built with git-ssb-web