git ssb

30+

cel / git-ssb-web



Tree: 85dd6e2c80b5aa7daef0a42e25cc6d5f77c1ff9d

Files: 85dd6e2c80b5aa7daef0a42e25cc6d5f77c1ff9d / static / styles.css

4925 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: 2em;
97}
98
99.repo-title h2 {
100  color: #888;
101  height: 1.2em;
102}
103
104.petname h2,
105.petname h3 {
106  float: left;
107}
108
109.right-bar {
110  float: right;
111  display: inline-block;
112}
113
114.repo-title .right-bar {
115  margin-top: .25em;
116}
117
118.btn {
119  font-size: 1em;
120  border-radius: .5ex;
121
122  background-color: white;
123  border: 1px #ccc;
124  border-style: none solid solid none;
125  border-radius: .5ex;
126  cursor: pointer;
127}
128.btn:hover {
129  background-color: #f6f6f6;
130}
131
132.name {
133  font-size: inherit;
134  margin-left: 1ex;
135  width: 20em;
136}
137
138label {
139  cursor: pointer;
140}
141
142.name-toggle {
143  font-size: 1.3em;
144  margin-left: .25ex;
145}
146
147.name-checkbox,
148.tab-radio {
149  position: absolute;
150  opacity: 0;
151  font-size: 0;
152}
153
154.name-checkbox:checked ~ h2 :last-child,
155.name-checkbox:checked ~ h3,
156.name-checkbox:not(:checked) ~ .name,
157.name-checkbox:not(:checked) ~ .name-btn {
158  display: none;
159}
160
161.clone-url {
162  font-size: small;
163  color: #666;
164  padding: .3em 1ex;
165  background-color: white;
166  border: 1px #ccc;
167  border-style: none solid solid none;
168  border-radius: .5ex;
169  float: right;
170  margin: 0;
171}
172.clone-url:hover {
173  background-color: #f6f6f6;
174}
175
176nav {
177  margin: .5em 0 1ex 0;
178  clear: left;
179}
180
181nav a {
182  border-radius: .5ex;
183  padding: 0 .5ex;
184  display: inline-block;
185  margin-right: .5ex;
186}
187nav a:hover {
188  color: #1a86ff;
189}
190
191nav a.active {
192  text-decoration: underline;
193}
194
195.raw-link {
196  float: right;
197  display: inline-block;
198}
199
200.header-align {
201  margin-top: .25em;
202}
203
204/* files list */
205
206.files td:first-child {
207  padding: 0 1ex;
208}
209
210/* user page */
211
212.user-id {
213  float: right;
214  font-weight: normal;
215  display: inline-block;
216  margin: 0;
217
218}
219
220h2 .user-id {
221  font-size: 16px;
222  padding-top: .5em;
223}
224
225h3 .user-id {
226  font-size: 15px;
227  padding-top: .25em;
228}
229
230/* new issue form */
231
232.wide-input {
233  width: 99%;
234  display: block;
235  font-size: inherit;
236  line-height: inherit;
237}
238
239/* issues */
240
241.issue-state {
242  margin-right: .25ex;
243}
244
245.issue-state-open {
246  color: #38ae67;
247}
248
249.issue-state-closed {
250  color: #d84a38;
251}
252
253/* issue */
254
255.issue-status {
256  padding: .4ex .75ex;
257  margin-right: .75ex;
258  border-radius: .5ex;
259}
260
261.open {
262  background-color: #38ae67;
263  color: white;
264  font-weight: bold;
265}
266
267.btn.open:hover {
268  background-color: #2b9d58;
269}
270
271.closed {
272  background-color: #d84a38;
273  color: white;
274}
275
276.mention-preview {
277  overflow: hidden;
278  white-space: nowrap;
279  text-overflow: ellipsis;
280}
281
282.tab-links label {
283  padding: 1ex;
284  color: #333;
285}
286
287#tab1:checked ~ .tab-links .tab1-link,
288#tab2:checked ~ .tab-links .tab2-link {
289  text-decoration: underline;
290}
291
292#tab1:not(:checked) ~ .tab1,
293.tab2 {
294  display: none;
295}
296
297.tab1,
298#tab2:checked ~ .tab2 {
299  display: block;
300}
301
302.preview-text {
303  border: 1px solid #c0bdba;
304  min-height: 6em;
305  margin: .25ex 0;
306  padding: .25ex;
307}
308
309.preview-text :first-child {
310  margin-top: 0;
311}
312.preview-text :last-child {
313  margin-bottom: 0;
314}
315
316.highlight {
317  background-color: #ff6;
318  padding: .25ex .5ex;
319  margin: -.25ex -.5ex;
320}
321
322/* code and diffs */
323
324.code {
325  border-collapse: collapse;
326  text-align: left;
327}
328
329.code th {
330  font-family: sans-serif;
331  font-size: 1.25em;
332  padding-bottom: .5ex;
333}
334
335.diff-hunk-header {
336  background-color: #eee;
337  color: grey;
338}
339
340.code td {
341  padding: 0 1ex 0;
342}
343
344.active-hash,
345.code tr:hover {
346  background-color: #fff8d2;
347}
348
349.code-linenum {
350  vertical-align: top;
351  text-align: right;
352  color: grey;
353  border-right: 1px solid rgba(0, 0, 0, 0.06);
354}
355
356.code-linenum a {
357  color: inherit;
358}
359
360.code-linenum a:hover {
361  color: #9f9999;
362}
363
364.code-text {
365  white-space: pre-wrap;
366  width: 100%;
367}
368
369.diff-old { background-color: #ffe2dd; }
370.diff-new { background-color: #d1ffd6; }
371

Built with git-ssb-web