From e80f58116a9ecd67b2febe06778c624fd42ed1c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Romain=20Gon=C3=A7alves?= <me@rgoncalves.se>
Date: Mon, 18 Jan 2021 12:52:27 +0100
Subject: Restart repo from scratch

---
 sass/style/cgit.sass   | 589 +++++++++++++++++++++++++++++++++++++++++++++++++
 sass/style/common.sass |  32 +++
 sass/style/style.sass  |  98 ++++++++
 3 files changed, 719 insertions(+)
 create mode 100644 sass/style/cgit.sass
 create mode 100644 sass/style/common.sass
 create mode 100644 sass/style/style.sass

(limited to 'sass/style')

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
-- 
cgit v1.2.3