summaryrefslogtreecommitdiffstats
path: root/sass/style/cgit.sass
blob: 3ef2fd83516157f64ad23e029247efc207b0d018 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589

/* sass ~~ /style/cgit.css */

@import "common.sass"

div#cgit
	padding: 0em 
	margin: 0em 
	font-family: sans-serif 
	font-size: 10pt 
	color: $fg
	background: $bg 
	padding: 4px 

a 
	color: $blue 
	text-decoration: none 
	&:hover 
		text-decoration: underline 
	&::selection
		color: $white
		background-color: $blue
	&.button 
		font-size: 80% 
		padding: 0em 0.5em 
	&.primary 
		font-size: 100% 
	&.secondary 
		font-size: 90% 
	&.branch-deco 
		margin: 0px 0.5em 
		padding: 0px 0.25em 
		background-color: $green
		border: solid 1px $black
	&.tag-annotated-deco 
		margin: 0px 0.5em 
		padding: 0px 0.25em 
		background-color: $yellow
		border: solid 1px $black 
	&.remote-deco 
		margin: 0px 0.5em 
		padding: 0px 0.25em 
		background-color: $grey_2
		border: solid 1px $black
	&.deco 
		margin: 0px 0.5em 
		padding: 0px 0.25em 
		background-color: $red 
		border: solid 1px $black

table 
	border-collapse: collapse 
	&.tabs 
		border-bottom: solid 3px $grey_1
		border-collapse: collapse 
		margin-top: 2em 
		margin-bottom: 0px 
		width: 100% 
		td 
			padding: 0px 1em 
			vertical-align: bottom 
			a 
				padding: 2px 0.75em 
				color: $grey_3
				font-size: 110% 
				&.active 
					color: $black
					background-color: $grey_1
			&.form 
				text-align: right 
				form 
					padding-bottom: 2px 
					font-size: 90% 
					white-space: nowrap 
	&.list 
		width: 100% 
		border: none 
		border-collapse: collapse 
		tr 
			background: $white 
			&.logheader 
				background: $grey
			&:nth-child(even) 
				background: $white
			&:nth-child(odd) 
				background: $white
			&:hover 
				background: $grey
			&.nohover 
				background: $white
				&:hover 
					background: $white
			&.nohover-highlight 
				&:hover 
					&:nth-child(even)
						background: $white
					&:nth-child(odd) 
						background: $white
		th 
			font-weight: bold 
			padding: 0.1em 0.5em 0.05em 0.5em 
			vertical-align: baseline 
		td 
			border: none 
			padding: 0.1em 0.5em 0.1em 0.5em 
			&.commitgraph 
				font-family: monospace 
				white-space: pre 
				.column1 
					color: $red
				.column2 
					color: $green
				.column3 
					color: $red
				.column4 
					color: $blue
				.column5 
					color: #a0a 
				.column6 
					color: #0aa 
			&.logsubject 
				font-family: monospace 
				font-weight: bold 
			&.logmsg 
				font-family: monospace 
				white-space: pre 
				padding: 0 0.5em 
			a 
				color: black 
				&.ls-dir 
					font-weight: bold 
					color: $blue
				&:hover 
					color: $blue
			&.reposection 
				font-style: italic 
				color: $grey_3
				padding-top: 1em
			&.sublevel-repo 
				padding-left: 1.5em 
	&.blob 
		margin-top: 0.5em 
		border-top: solid 1px $black
		td 
			&.lines 
				margin: 0 
				padding: 0 0 0 0.5em 
				vertical-align: top 
				color: black 
			&.linenumbers 
				margin: 0 
				padding: 0 0.5em 0 0.5em 
				vertical-align: top 
				text-align: right 
				border-right: 1px solid $grey_3
		pre 
			padding: 0 
			margin: 0 
	&.bin-blob 
		margin-top: 0.5em 
		border: solid 1px black 
		th 
			font-family: monospace 
			white-space: pre 
			border: solid 1px $grey_3
			padding: 0.5em 1em 
		td 
			font-family: monospace 
			white-space: pre 
			border-left: solid 1px $grey_3
			padding: 0em 1em 
	&.nowrap 
		td 
			white-space: nowrap 
	&.commit-info 
		border-collapse: collapse 
		margin-top: 1.5em 
		th 
			text-align: left 
			font-weight: normal 
			padding: 0.1em 1em 0.1em 0.1em 
			vertical-align: top 
		td 
			font-weight: normal 
			padding: 0.1em 1em 0.1em 0.1em 
	&.diffstat 
		border-collapse: collapse 
		border: solid 1px $grey_2
		background-color: $grey_1 
		th 
			font-weight: normal 
			text-align: left 
			text-decoration: underline 
			padding: 0.1em 1em 0.1em 0.1em 
			font-size: 100% 
		td 
			padding: 0.2em 0.2em 0.1em 0.1em 
			font-size: 100% 
			border: none 
			&.mode 
				white-space: nowrap 
			span 
				&.modechange 
					padding-left: 1em 
					color: $red 
			&.add 
				a 
					color: $green 
			&.del 
				a 
					color: $red 
			&.upd 
				a 
					color: $blue 
			&.graph 
				width: 500px 
				vertical-align: middle 
				table 
					border: none 
				td 
					padding: 0px 
					border: 0px 
					height: 7pt 
					&.add 
						background-color: $green
					&.rem 
						background-color: $red
	&.diff 
		width: 100% 
		td 
			font-family: monospace 
			white-space: pre 
			div 
				&.head 
					font-weight: bold 
					margin-top: 1em 
					color: $black
				&.hunk
					color: $blue
					&::selection
						background-color: $blue
				&.add
					color: $green
					&::selection
						background-color: $green
				&.del
					color: $red
					&::selection
						background-color: $red
	&.stats 
		border: solid 1px black 
		border-collapse: collapse 
		th 
			text-align: left 
			padding: 1px 0.5em 
			background-color: $grey_1 
			border: solid 1px $black
		td 
			text-align: right 
			padding: 1px 0.5em 
			border: solid 1px $black
			&.total 
				font-weight: bold 
				text-align: left 
			&.sum 
				color: $red
				font-weight: bold 
			&.left 
				text-align: left 
	&.vgraph 
		border-collapse: separate 
		border: solid 1px black 
		height: 200px 
		th 
			background-color: $grey
			font-weight: bold 
			border: solid 1px $white
			padding: 1px 0.5em 
		td 
			vertical-align: bottom 
			padding: 0px 10px 
		div 
			&.bar 
				background-color: $grey
	&.hgraph 
		border: solid 1px black 
		width: 800px 
		th 
			background-color: $grey
			font-weight: bold 
			border: solid 1px black 
			padding: 1px 0.5em 
		td 
			vertical-align: middle 
			padding: 2px 2px 
		div 
			&.bar 
				background-color: $grey
				height: 1em 
	&.ssdiff 
		width: 100% 
		td 
			font-size: 75% 
			font-family: monospace 
			white-space: pre 
			padding: 1px 4px 1px 4px 
			border-left: solid 1px $grey_1
			border-right: solid 1px $grey_1
			&.add 
				color: black 
				background: #cfc 
				min-width: 50% 
			&.add_dark 
				color: black 
				background: #aca 
				min-width: 50% 
			&.del 
				color: black 
				background: #fcc 
				min-width: 50% 
			&.del_dark 
				color: black 
				background: #caa 
				min-width: 50% 
			&.changed 
				color: black 
				background: #ffc 
				min-width: 50% 
			&.changed_dark 
				color: black 
				background: #cca 
				min-width: 50% 
			&.lineno 
				color: black 
				background: $grey_1 
				text-align: right 
				width: 3em 
				min-width: 3em 
			&.hunk 
				color: black 
				background: #ccf 
				border-top: solid 1px $grey_2
				border-bottom: solid 1px $grey_2
			&.head 
				border-top: solid 1px $grey_2
				border-bottom: solid 1px $grey_2
				div 
					&.head 
						font-weight: bold 
						color: black 
			&.foot 
				border-top: solid 1px $grey_2
				border-left: none 
				border-right: none 
				border-bottom: none 
			&.space 
				border: none 
				div 
					min-height: 3em 
		span 
			&.add 
				background: #cfc 
				font-weight: bold 
			&.del 
				background: #fcc 
				font-weight: bold 

table#header 
	width: 100% 
	margin-bottom: 1em 
	td 
		&.logo 
			width: 5em 
			vertical-align: top 
		&.main 
			font-size: 250% 
			padding-left: 10px 
			white-space: nowrap 
			a 
				color: #000 
		&.form 
			text-align: right 
			vertical-align: bottom 
			padding-right: 1em 
			padding-bottom: 2px 
			white-space: nowrap 
		&.sub 
			color: $grey_3
			border-top: solid 1px $grey_1
			padding-left: 10px 

div 
	&.path 
		margin: 0px 
		padding: 5px 2em 2px 2em 
		color: #000 
		background-color: $grey_2
	&.content 
		margin: 0px 
		padding: 2em 
		border-bottom: solid 3px $grey_1
	&.error 
		color: red 
		font-weight: bold 
		margin: 1em 2em 
	&.cgit-panel 
		float: right 
		margin-top: 1.5em 
		table 
			border-collapse: collapse 
			border: solid 1px $grey_2
			background-color: $grey
		th 
			text-align: center 
		td 
			padding: 0.25em 0.5em 
			&.label 
				padding-right: 0.5em 
			&.ctrl 
				padding-left: 0.5em 
	&.commit-subject 
		font-weight: bold 
		font-size: 125% 
		margin: 1.5em 0em 0.5em 0em 
		padding: 0em 
	&.commit-msg 
		white-space: pre 
		font-family: monospace 
	&.notes-header 
		font-weight: bold 
		padding-top: 1.5em 
	&.notes 
		white-space: pre 
		font-family: monospace 
		border: solid 1px #ee9 
		background-color: #ffd 
		padding: 0.3em 2em 0.3em 1em 
		float: left 
	&.notes-footer 
		clear: left 
	&.diffstat-header 
		font-weight: bold 
		padding-top: 1.5em 
	&.diffstat-summary 
		color: #888 
		padding-top: 0.5em 
	&.footer 
		margin-top: 0.5em 
		text-align: center 
		font-size: 80% 
		color: $grey_2 
		a 
			color: $grey_2 
			text-decoration: none 
			&:hover 
				text-decoration: underline 

img 
	border: none 

input#switch-btn 
	margin: 2px 0px 0px 0px 

td#sidebar 
	input 
		&.txt 
			width: 100% 
			margin: 2px 0px 0px 0px 

table#grid 
	margin: 0px 

td#content 
	vertical-align: top 
	padding: 1em 2em 1em 1em 
	border: none 

div#summary 
	vertical-align: top 
	margin-bottom: 1em 

table#downloads 
	float: right 
	border-collapse: collapse 
	border: solid 1px $grey_3
	margin-left: 0.5em 
	margin-bottom: 0.5em 
	th 
		background-color: $grey_2 

div#blob 
	border: solid 1px $black

td 
	&.ls-size 
		text-align: right 
		font-family: monospace 
		width: 10em 
	&.ls-mode 
		font-family: monospace 
		width: 10em 
	&.toplevel-repo 

.sha1 
	font-family: monospace 
	font-size: 90% 

.left 
	text-align: left 

.right 
	text-align: right 

ul 
	&.pager 
		list-style-type: none 
		text-align: center 
		margin: 1em 0em 0em 0em 
		padding: 0 
		li 
			display: inline-block 
			margin: 0.25em 0.5em 
		a 
			color: $grey_3
		.current 
			font-weight: bold 

span 
	&.age-mins 
		font-weight: bold 
		color: #080 
	&.age-hours 
		color: #080 
	&.age-days 
		color: #040 
	&.age-weeks 
		color: #444 
	&.age-months 
		color: $grey_3
	&.age-years 
		color: #bbb 
	&.insertions 
		color: #080 
	&.deletions 
		color: #800 

table#header td.form form,
table#header td.form input,
table#header td.form select 
	font-size: 90% 

table.tabs a[href^="http://"]:after, table.tabs a[href^="https://"]:after 
	content: url(data:image/png )
	opacity: 0.5 
	margin: 0 0 0 5px 

table.tabs td.form input,
table.tabs td.form select 
	font-size: 90% 

table.blob td.linenumbers a,
table.ssdiff td.lineno a 
	color: gray 
	text-align: right 
	text-decoration: none 

table.blob td.linenumbers a:hover,
table.ssdiff td.lineno a:hover 
	color: black 

div.commit-subject a.branch-deco,
div.commit-subject a.tag-annotated-deco,
div.commit-subject a.remote-deco,
div.commit-subject a.deco 
	margin-left: 1em 
	font-size: 75% 

img
	width: 4em

select,
input
	background-color: $accent
	color: $white
	border: .1em solid $black
	font-width: 2em

div#summary
	white-space: pre
remember that computers suck.