diff options
| author | Romain Gonçalves <me@rgoncalves.se> | 2021-01-18 12:52:27 +0100 | 
|---|---|---|
| committer | Romain Gonçalves <me@rgoncalves.se> | 2021-01-18 12:52:27 +0100 | 
| commit | e80f58116a9ecd67b2febe06778c624fd42ed1c6 (patch) | |
| tree | 7200fc2c0da09bd7386bc74c2a538ac5bebd37e3 /sass/style | |
| download | website-e80f58116a9ecd67b2febe06778c624fd42ed1c6.tar.gz | |
Restart repo from scratch
Diffstat (limited to 'sass/style')
| -rw-r--r-- | sass/style/cgit.sass | 589 | ||||
| -rw-r--r-- | sass/style/common.sass | 32 | ||||
| -rw-r--r-- | sass/style/style.sass | 98 | 
3 files changed, 719 insertions, 0 deletions
| diff --git a/sass/style/cgit.sass b/sass/style/cgit.sass new file mode 100644 index 0000000..c79117e --- /dev/null +++ b/sass/style/cgit.sass @@ -0,0 +1,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_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 diff --git a/sass/style/common.sass b/sass/style/common.sass new file mode 100644 index 0000000..a128cce --- /dev/null +++ b/sass/style/common.sass @@ -0,0 +1,32 @@ + +/* sass ~~ /style/common.css */ + +/* + * variables + */ + +$white:         #ffffff +$black:         #000000 +$blue:          #0077ff +$red:           #ff0000 +$yellow:        #ccaa00 +$green:         #33cc44 +$grey:          #eeeeee +$grey_1:        #cccccc +$grey_2:        #aaaaaa +$grey_3:        #888888 +$bg:            $white +$fg:            $black +$accent:        $blue +$font-path:     "/fonts" + +/* + * font + */ + +::selection +	color: $bg +	background-color: $fg + +* +	font-family: monospace, monospace diff --git a/sass/style/style.sass b/sass/style/style.sass new file mode 100644 index 0000000..e0afc79 --- /dev/null +++ b/sass/style/style.sass @@ -0,0 +1,98 @@ + +/* sass ~~ /style/style.css */ + +@import "common.sass" + +/* + * html native elements + */ + +* +	text-align: justify + +body +	background-color: $bg +	font-family: "monospace" +	margin: 0 1em 0 1em +	padding: 0 +	width: 80ch + +header nav +	border-bottom: solid 2px $grey_1 +	margin-bottom: 1em + +footer +	margin: 2em 0 2em 0 +	padding: .1em 0 .1em 0 +	background-color: $grey +	p +		text-align: center +		max-width: none + +h1 +	font-size: 3em + +h2 +	font-size: 2em +	margin: 1.2em 0 .6em 0 + +h3 +	font-size: 1.3em + +a +	background-color: $grey_1 +	padding: .1em +	color: $fg + +a[href^="http"] +	background: url(/images/external.svg) center right no-repeat $grey; +	padding-right: 1em + +article +	background-color: $grey +	margin: .1em 0 .1em 0 +	padding: .2em 0 .2em 0 + +p +	overflow: hidden + +blockquote +	min-width: 100% +	margin: 1em 0 1em 0 +	padding: .4em +	font-weight: 100 +	font-style: italic +	background-color: $grey +	border-left: solid .2em $grey_1 + +pre +	padding: 1em +	border-radius: .4em +	overflow: auto + +img +	max-width: 100% +	margin: 0 auto 0 auto + +time +	display: block +	margin-top: 1em + +table +	border-collapse: collapse +	min-width: 100% +	display: table +	th, td +		border: 0 $grey_1 solid +		padding: .4em 1em .4em 1em +		margin: 0 +		overflow: hidden +	tr:hover +		background-color: $grey + +@media only screen and (max-width: 100ch) +	body +		width: 90% +	nav * +		display: block +		margin: .2em 0 .2em 0 |