path: root/sass/style/cgit.sass

/* 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_2 
		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_2 
			&.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