body {
	margin: 0;
	padding: 0;
}


#cgit {
	font-family: sans-serif;
	font-size: 10pt;
	color: #333;

	background-image: linear-gradient(
		180deg,rgba(0,0,0,.3),
		rgba(0,0,0,.3)
	), linear-gradient(
		90deg,
		#377 0,
		#287 10%,
		#399 20%,
		#4a9 50%,
		#299 80%,
		#188 90%,
		#167
	);
}

a {
	color: #0c7d7d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

td, th {
	text-align: left;
}

img {
	border: none;
}


/* --- header --------------------------------------------------------------- */

#header {
	width: 100%;
	height: 50px;
}

#header .logo {
	width: 100px;
}

#header .logo img {
	height: 40px;
	margin: 0 10px;
}

#header td.main {
	font-size: 200%;
	padding-left: 10px;
	white-space: nowrap;
	color: white;
}

#header td.main a {
	color: #fff;
}

#header select, #header input,
.tabs   select, .tabs   input {
	height: 35px;
	background: transparent;
	color: #eee;
	border: none;
}

table.tabs input[type="text"] {
	border-radius: 6px;
	background: #fff;
	color: #34495e;
	padding: 0 10px;
}

#header tr:first-child {
	height: 50px;
}

#header tr:first-child + tr {
	display: none;
}

#header td.form,
.tabs   td.form {
	text-align: right;
	vertical-align: middle;
	padding-right: 1em;
	white-space: nowrap;
}


/* --- tabs ----------------------------------------------------------------- */

.tabs {
	width: 100%;
	background: rgba(0, 0, 0, 0.20);
	box-shadow:
		inset 0 14px 8px -10px rgba(0,0,0,.2),
		inset 0 -14px 8px -10px rgba(0,0,0,.2)
	;
}

.tabs td {
	height: 50px;
	padding: 0;
}

.tabs td a {
	font-size: 110%;
	margin: 0 10px;
	color: #eee;
}

.tabs td a.active {
	color: #fff;
	font-weight: bold;
}

.tabs a[href^="http://"]:after, table.tabs a[href^="https://"]:after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
	opacity: 0.5;
	margin: 0 0 0 5px;
}

.tabs td.form {
	text-align: right;
}

.tabs td.form form {
	font-size: 90%;
	white-space: nowrap;
}


/* --- list table ----------------------------------------------------------- */

.list {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

.list tr {
	background: white;
}

.list tr.logheader {
	background: #eee;
}

.list tr.nohover-highlight:hover:nth-child(even),
.list tr:nth-child(even) {
	background: #eee;
}

.list tr.nohover-highlight:hover:nth-child(odd),
.list tr:nth-child(odd) {
	background: white;
}

.list tr:hover   { background: #eee; }
.list tr.nohover { background: white; }

.list tr.nohover:hover { background: white; }

.list th {
	font-weight: bold;
	/* color: #888;
	border-top: dashed 1px #888;
	border-bottom: dashed 1px #888;
	*/
	padding: 0.1em 0.5em 0.05em 0.5em;
	vertical-align: baseline;
}

.list td {
	border: none;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

.list td.commitgraph {
	font-family: monospace;
	white-space: pre;
}

.list td.commitgraph span { color: #aaa; }

.list td.logsubject {
	font-family: monospace;
	font-weight: bold;
}

.list td.logmsg {
	font-family: monospace;
	white-space: pre;
	padding: 0 0.5em;
}

.list td a {
	color: #000;
}

.list td a.ls-dir {
	font-weight: bold;
	color: #0c7d7d;
}

.list td.reposection {
	font-style: italic;
	color: #888;
}

.list td.sublevel-repo {
	padding-left: 1.5em;
}


/* --- blob ----------------------------------------------------------------- */

.path {
	line-height: 50px;
	padding: 0 50px;
	background-color: #eee;
	font-size: 110%;
}

.path a {
	margin: 0 5px;
}

#blob {
	border: solid 1px #000;
}

.blob {
	margin-top: 0.5em;
	border-top: solid 1px #000;
}

.blob .lines {
	margin: 0; padding: 0 0 0 0.5em;
	vertical-align: top;
	color: #000;
}

.blob .linenumbers {
	margin: 0; padding: 0 0.5em 0 0.5em;
	vertical-align: top;
	text-align: right;
	border-right: 1px solid gray;
}

.blob pre {
	padding: 0; margin: 0;
}

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

.blob .linenumbers a:hover,
.ssdiff .lineno a:hover {
	color: #000;
}

.bin-blob {
	margin-top: 0.5em;
	border: solid 1px #000;
}

.bin-blob th {
	font-family: monospace;
	white-space: pre;
	border: solid 1px #777;
	padding: 0.5em 1em;
}

.bin-blob td {
	font-family: monospace;
	white-space: pre;
	border-left: solid 1px #777;
	padding: 0em 1em;
}


/* -------------------------------------------------------------------------- */

.content {
	margin: 0px;
	padding: 50px;
	background-color: #fff;
}

#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 #777;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

table#downloads th {
	background-color: #ccc;
}

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

.ls-blob, .ls-dir, .ls-mod, .ls-size, .ls-mode {
	font-family: monospace;
}

.ls-size {
	text-align: right;
	width: 10em;
}

.ls-mode {
	width: 10em;
}

.nowrap td {
	white-space: nowrap;
}


/* --- commit --------------------------------------------------------------- */

.cgit-panel,
.commit-info,
.diffstat {
	background: #eee;
	padding: 10px;
	display: block;
	border-spacing: 5px;
	border-collapse: separate;
}

.diffstat .graph      { width: 500px; }
.diffstat .graph td   { height: 0.5em; }
.diffstat .graph .add { background: #0a0; }
.diffstat .graph .rem { background: #c00; }
.diffstat .mode       { font-family: monospace; width: 11ch; }
.diffstat-header { display: none; }

.cgit-panel { float: right; }

.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;
}

div.notes {
	white-space: pre;
	font-family: monospace;
	border: solid 1px #ee9;
	background-color: #ffd;
	padding: 0.3em 2em 0.3em 1em;
	float: left;
}

div.notes-footer {
	clear: left;
}

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

.left  { text-align: left; }
.right { text-align: right; }
a.button {
	font-size: 80%;
	padding: 0em 0.5em;
}

a.primary   { font-size: 100%; }
a.secondary { font-size: 90%; }

.age-mins       { color: #12baba; font-weight: bold; } /* lightness: 40% */
.age-hours      { color: #12baba; }                    /* lightness: 30% */
.age-days       { color: #0e8b8b; }                    /* lightness: 20% */
.age-weeks      { color: #095d5d; }                    /* lightness: 10% */
.age-months     { color: #052e2e; }                    /* lightness: 05% */
.age-years      { color: #000000; }                    /* lightness: 00% */

.insertions     { color: #0a0; }
.deletions      { color: #c00; }


/* --- branch decoration ---------------------------------------------------- */

.decoration a {
	color: #fff !important;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
}

.decoration a.branch-deco { background-color: #1aa; }
.decoration a.tag-deco    { background-color: #ff8; } 
.decoration a.remote-deco { background-color: #ccf; } 
.decoration a.deco        { background-color: #f88; }

.commit-subject a.branch-deco,
.commit-subject a.tag-deco,
.commit-subject a.remote-deco,
.commit-subject a.deco {
	margin-left: 1em;
	font-size: 75%;
}


/* --- diff ----------------------------------------------------------------- */

.diff {
	width: 100%;
}

.diff td {
	font-family: monospace;
	white-space: pre;
}

.diff td .head {
	font-weight: bold;
	margin-top: 1em;
	color: #000;
}

.diff td .hunk { color: #009; }
.diff td .add  { color: #0a0; }
.diff td .del  { color: #c00; }


/* --- stats ---------------------------------------------------------------- */

.stats {
	border: solid 1px #000;
	border-collapse: collapse;
}

.stats th {
	text-align: left;
	padding: 1px 0.5em;
	background-color: #eee;
	border: solid 1px #000;
}

.stats td {
	text-align: right;
	padding: 1px 0.5em;
	border: solid 1px #000;
}

.stats td.total {
	font-weight: bold;
	text-align: left;
}

.stats td.sum {
	color: #c00;
	font-weight: bold;
}

.stats td.left {
	text-align: left;
}


/* --- [fh]graph ------------------------------------------------------------ */

.vgraph {
	border-collapse: separate;
	border: solid 1px #000;
	height: 200px;
}

.vgraph th {
	background-color: #eee;
	font-weight: bold;
	border: solid 1px white;
	padding: 1px 0.5em;
}

.vgraph td {
	vertical-align: bottom;
	padding: 0px 10px;
}

.vgraph div.bar {
	background-color: #eee;
}

.hgraph {
	border: solid 1px #000;
	width: 800px;
}

.hgraph th {
	background-color: #eee;
	font-weight: bold;
	border: solid 1px #000;
}

.hgraph td {
	vertical-align: middle;
	padding: 2px 2px;
}

.hgraph div.bar {
	background-color: #eee;
	height: 1em;
}


/* --- ssdiff --------------------------------------------------------------- *{

.ssdiff {
	width: 100%;
}

.ssdiff td {
	font-size: 75%;
	font-family: monospace;
	white-space: pre;
	padding: 1px 4px 1px 4px;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
}

.ssdiff td.add {
	color: #000;
	background: #cfc;
	min-width: 50%;
}

.ssdiff td.add_dark {
	color: #000;
	background: #aca;
	min-width: 50%;
}

.ssdiff span.add {
	background: #cfc;
	font-weight: bold;
}

.ssdiff td.del {
	color: #000;
	background: #fcc;
	min-width: 50%;
}

.ssdiff td.del_dark {
	color: #000;
	background: #caa;
	min-width: 50%;
}

.ssdiff span.del {
	background: #fcc;
	font-weight: bold;
}

.ssdiff td.changed {
	color: #000;
	background: #ffc;
	min-width: 50%;
}

.ssdiff td.changed_dark {
	color: #000;
	background: #cca;
	min-width: 50%;
}

.ssdiff td.lineno {
	color: #000;
	background: #eee;
	text-align: right;
	width: 3em;
	min-width: 3em;
}

.ssdiff td.hunk {
	color: #000;
	background: #ccf;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

.ssdiff td.head {
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

.ssdiff td.head div.head {
	font-weight: bold;
	color: #000;
}

.ssdiff td.foot {
	border-top: solid 1px #aaa;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.ssdiff td.space {
	border: none;
}

.ssdiff td.space div {
	min-height: 3em;
}


/* --- pager ---------------------------------------------------------------- */

.pager {
	list-style-type: none;
	text-align: center;
	padding: 0;
}

.pager li {
	display: inline-block;
	margin: 0.25em 0.5em;
}

.pager .current {
	font-weight: bold;
}


/* --- footer --------------------------------------------------------------- */

.footer         { display: none; }