git ssb

30+

cel / git-ssb-web



Tree: 4cd0e7ebc99a154fda9b7d201aaf74a5dd9ba62f

Files: 4cd0e7ebc99a154fda9b7d201aaf74a5dd9ba62f / static / styles.css

4912 bytesRaw
1body {
2  margin: 1ex 1em;
3  line-height: 1.6;
4  background-color: #eee;
5  font-family: sans-serif;
6}
7
8header, article {
9  width: 45em;
10  max-width: 100%;
11  min-width: 16em;
12  margin: 0 auto;
13}
14
15pre {
16  font: 12px/1.45 Consolas, "Liberation Mono", Menlo, Courier, monospace;
17  padding: .5em 1.25ex;
18  border: 1px solid #ddd;
19  background: #f8f8f8;
20  border-radius: .5ex;
21}
22
23section code {
24  padding: .5ex;
25  border-radius: .5ex;
26  background-color: #f5f5f5;
27}
28
29pre > code {
30  padding: 0;
31  background-color: #f8f8f8;
32}
33
34/* header */
35
36header h1 {
37  font-weight: inherit;
38  font-size: 1.5em;
39}
40
41header h1 a {
42  color: #666;
43}
44
45header h1 sub {
46  color: #444;
47  font-style: oblique;
48  font-size: small;
49}
50
51/* content */
52
53section {
54  background-color: white;
55  padding: 1ex 1ex;
56  margin-bottom: 1ex;
57  border-radius: .5ex;
58  border: 1px #ccc;
59  border-style: none solid solid none;
60}
61
62section.collapse {
63  margin-bottom: 0;
64}
65
66h1, h2, h3, h4, h5, h6 {
67  margin: 0;
68}
69
70h3 ~ h4 {
71  margin-top: 1em;
72}
73
74a:link, a:visited {
75  color: #006eff;
76  text-decoration: none;
77}
78a:hover {
79  color: #1f8fff;
80}
81
82hr {
83  border: 0;
84  border-bottom: 1px solid #ddd;
85}
86
87i {
88  font-family: Symbola, 'Apple Color Emoji', 'Android Emoji',
89    'Segoe UI Symbol', 'DejaVu Sans', sans-serif;
90  font-style: inherit;
91}
92
93/* repo page */
94
95.repo-title {
96  height: 2.4em;
97}
98
99.repo-title h2 {
100  color: #888;
101}
102
103.petname h2,
104.petname h3 {
105  float: left;
106}
107
108.right-bar {
109  float: right;
110  display: inline-block;
111}
112
113.repo-title .right-bar {
114  margin-top: .25em;
115}
116
117.btn {
118  font-size: 1em;
119  border-radius: .5ex;
120
121  background-color: white;
122  border: 1px #ccc;
123  border-style: none solid solid none;
124  border-radius: .5ex;
125  cursor: pointer;
126}
127.btn:hover {
128  background-color: #f6f6f6;
129}
130
131.name {
132  font-size: inherit;
133  margin-left: 1ex;
134  width: 20em;
135}
136
137label {
138  cursor: pointer;
139}
140
141.name-toggle {
142  font-size: 1.3em;
143  margin-left: .25ex;
144}
145
146.name-checkbox,
147.tab-radio {
148  position: absolute;
149  opacity: 0;
150  font-size: 0;
151}
152
153.name-checkbox:checked ~ h2 :last-child,
154.name-checkbox:checked ~ h3,
155.name-checkbox:not(:checked) ~ .name,
156.name-checkbox:not(:checked) ~ .name-btn {
157  display: none;
158}
159
160.clone-url {
161  font-size: small;
162  color: #666;
163  padding: .3em 1ex;
164  background-color: white;
165  border: 1px #ccc;
166  border-style: none solid solid none;
167  border-radius: .5ex;
168  float: right;
169  margin: 0;
170}
171.clone-url:hover {
172  background-color: #f6f6f6;
173}
174
175nav {
176  margin: .5em 0 1ex 0;
177  clear: left;
178}
179
180nav a {
181  border-radius: .5ex;
182  padding: 0 .5ex;
183  display: inline-block;
184  margin-right: .5ex;
185}
186nav a:hover {
187  color: #1a86ff;
188}
189
190nav a.active {
191  text-decoration: underline;
192}
193
194.raw-link {
195  float: right;
196  display: inline-block;
197}
198
199.header-align {
200  margin-top: .25em;
201}
202
203/* files list */
204
205.files td:first-child {
206  padding: 0 1ex;
207}
208
209/* user page */
210
211.user-id {
212  float: right;
213  font-weight: normal;
214  display: inline-block;
215  margin: 0;
216
217}
218
219h2 .user-id {
220  font-size: 16px;
221  padding-top: .5em;
222}
223
224h3 .user-id {
225  font-size: 15px;
226  padding-top: .25em;
227}
228
229/* new issue form */
230
231.wide-input {
232  width: 99%;
233  display: block;
234  font-size: inherit;
235  line-height: inherit;
236}
237
238/* issues */
239
240.issue-state {
241  margin-right: .25ex;
242}
243
244.issue-state-open {
245  color: #38ae67;
246}
247
248.issue-state-closed {
249  color: #d84a38;
250}
251
252/* issue */
253
254.issue-status {
255  padding: .4ex .75ex;
256  margin-right: .75ex;
257  border-radius: .5ex;
258}
259
260.open {
261  background-color: #38ae67;
262  color: white;
263  font-weight: bold;
264}
265
266.btn.open:hover {
267  background-color: #2b9d58;
268}
269
270.closed {
271  background-color: #d84a38;
272  color: white;
273}
274
275.mention-preview {
276  overflow: hidden;
277  white-space: nowrap;
278  text-overflow: ellipsis;
279}
280
281.tab-links label {
282  padding: 1ex;
283  color: #333;
284}
285
286#tab1:checked ~ .tab-links .tab1-link,
287#tab2:checked ~ .tab-links .tab2-link {
288  text-decoration: underline;
289}
290
291#tab1:not(:checked) ~ .tab1,
292.tab2 {
293  display: none;
294}
295
296.tab1,
297#tab2:checked ~ .tab2 {
298  display: block;
299}
300
301.preview-text {
302  border: 1px solid #c0bdba;
303  min-height: 6em;
304  margin: .25ex 0;
305  padding: .25ex;
306}
307
308.preview-text :first-child {
309  margin-top: 0;
310}
311.preview-text :last-child {
312  margin-bottom: 0;
313}
314
315.highlight {
316  background-color: #ff6;
317  padding: .25ex .5ex;
318  margin: -.25ex -.5ex;
319}
320
321/* code and diffs */
322
323.code {
324  border-collapse: collapse;
325  text-align: left;
326}
327
328.code th {
329  font-family: sans-serif;
330  font-size: 1.25em;
331  padding-bottom: .5ex;
332}
333
334.diff-hunk-header {
335  background-color: #eee;
336  color: grey;
337}
338
339.code td {
340  padding: 0 1ex 0;
341}
342
343tr.active-hash,
344.code tr:hover {
345  background-color: #fff8d2;
346}
347
348.code-linenum {
349  vertical-align: top;
350  text-align: right;
351  color: grey;
352  border-right: 1px solid rgba(0, 0, 0, 0.06);
353}
354
355.code-linenum a {
356  color: inherit;
357}
358
359.code-linenum a:hover {
360  color: #9f9999;
361}
362
363.code-text {
364  white-space: pre-wrap;
365  width: 100%;
366}
367
368.diff-old { background-color: #ffe2dd; }
369.diff-new { background-color: #d1ffd6; }
370

Built with git-ssb-web