@media (prefers-color-scheme: light) {
    body {
        background-color: #DFDFDF;
        color: #0F0F0F;
        font-family: monospace;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #0F0F0F;
        color: #DFDFDF;
        font-family: monospace;
    }
}

div,table {
    border: 1px dotted gray;
}

div#cgit {
	padding: 0em;
	margin: 0em;
	font-family: sans-serif;
	font-size: 100%;
	padding: 2px;
}

div#cgit .sha1 {
	font-family: monospace;
	font-size: 90%;
}

div#cgit .left {
	text-align: left;
}

div#cgit .right {
	text-align: right;
}

div#cgit div.error {
	color: red;
	font-weight: bold;
	margin: 1em 2em;
}

div#cgit a {
	color: cyan;
	text-decoration: none;
}

div#cgit a:hover {
	text-decoration: underline;
}

div#cgit a.primary {
	font-size: 100%;
}

div#cgit a.secondary {
	font-size: 90%;
}

div#cgit a.button {
	font-size: 80%;
	padding: 0em 0.5em;
}

div#cgit a.branch-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #88ff88;
	border: solid 1px #007700;
}

div#cgit a.tag-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ffff88;
	border: solid 1px #777700;
}

div#cgit a.tag-annotated-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ffcc88;
	border: solid 1px #777700;
}

div#cgit a.remote-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ccccff;
	border: solid 1px #000077;
}

div#cgit a.deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ff8888;
	border: solid 1px #770000;
}

div#cgit table.list td.reposection {
	font-style: italic;
	color: inherit;
}

div#cgit table {
	border-collapse: collapse;
}

div#cgit table#header {
	width: 100%;
	margin-bottom: 0.5em;
}

div#cgit table#header td.logo {
	width: 96px;
	vertical-align: top;
}

div#cgit table#header td.main {
	font-size: 240%;
	padding-left: 12px;
	white-space: nowrap;
}

div#cgit table#header td.main a {
	color: inherit;
}

div#cgit table#header td.form {
	text-align: right;
	vertical-align: bottom;
	padding-right: 0.5em;
	padding-bottom: 2px;
	white-space: nowrap;
}

div#cgit table#header td.form form,
div#cgit table#header td.form input,
div#cgit table#header td.form select {
	font-size: 90%;
}

div#cgit table#header td.sub {
	color: inherit;
	border-top: dotted 1px gray;
	padding-left: 12px;
}

div#cgit table.tabs {
	border-bottom: dotted 1px gray;
	border-collapse: collapse;
	margin-top: 0.5em;
	margin-bottom: 0px;
	width: 100%;
}

div#cgit table.tabs td {
	padding: 0px 0.5em;
	vertical-align: bottom;
}

div#cgit table.tabs td a {
	padding: 1px 0.5em;
	color: inherit;
	font-size: 100%;
}

div#cgit table.tabs td a.active {
	color: #000;
	background-color: gray;
}

div#cgit table.tabs td.form {
	text-align: right;
}

div#cgit table.tabs td.form form {
	padding: 1px 0.5em;
	font-size: 90%;
	white-space: nowrap;
}

div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
	font-size: 90%;
}

div#cgit div.path {
	margin: 0px;
	padding: 2px 1em 2px 1em;
	color: inherit;
	background-color: inherit;
}

div#cgit div.content {
	margin: 0px;
	padding: 1em;
	border-bottom: dotted 1px gray;
}

div#cgit table.list {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

div#cgit table.list tr {
	background: inherit;
}

div#cgit table.list td.sublevel-repo {
	padding-left: 0.5em;
}

div#cgit ul.pager {
	list-style-type: none;
	text-align: center;
	margin: 1em 0em 0em 0em;
	padding: 0;
}

div#cgit ul.pager li {
	display: inline-block;
	margin: 0.25em 0.5em;
}

div#cgit ul.pager a {
	color: gray;
}

div#cgit ul.pager .current {
	font-weight: bold;
}

div#cgit div.footer {
	margin-top: 0.5em;
	text-align: center;
	font-size: 80%;
	color: gray;
}

div#cgit div.footer a {
	color: gray;
	text-decoration: none;
}

div#cgit div.footer a:hover {
	text-decoration: underline;
}