/* git.rosint.org — stagit pages in the ROSINT look.
 *
 * Tokens are the website's (rosint-website style.css / panels.css): black
 * backing, matrix green for anything you can act on, the muted --deco green
 * for frames and hairlines, grey for secondary text, Red String red for
 * removed lines. Monospace only, no webfont. */

:root {
	--matrix: #51ff0d;
	--bg: #000;
	--deco: #4e6f3e;
	--hair: rgb(78 111 62 / 0.5);
	--dim: rgb(81 255 13 / 0.45);
	--grey: #b8c8b8;
	--redstring: #ff3545;
	--panel-bg: rgb(2 8 2 / 0.88);
	--glow: rgb(81 255 13 / 0.35);
	--font-term:
		"SauceCodePro Nerd Font", "Hasklug Nerd Font", "Cousine Nerd Font",
		"DejaVuSansM Nerd Font", "DejaVu Sans Mono",
		ui-monospace, monospace;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0.75rem clamp(0.6rem, 1.4vw, 1.5rem);
	background: var(--bg);
	color: var(--matrix);
	font-family: var(--font-term);
	font-size: 0.9rem;
	line-height: 1.45;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0;
	color: var(--matrix);
	letter-spacing: 0.04em;
}

h1 {
	font-weight: 700;
	text-transform: uppercase;
}

h2 {
	margin-top: 1.2em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid var(--hair);
}

img, h1, h2 {
	vertical-align: middle;
}

img {
	border: 0;
}

a {
	color: var(--matrix);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	text-shadow: 0 0 6px var(--glow);
}

a:target {
	background-color: var(--panel-bg);
	outline: 1px solid var(--hair);
}

a.d,
a.h,
a.i,
a.line {
	text-decoration: none;
}

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

body > table:first-of-type {
	border: 1px solid var(--hair);
	background: var(--panel-bg);
	padding: 0.4em 0.6em;
	margin-bottom: 0.5em;
}

body > table:first-of-type td {
	padding: 0.1em 0.5em;
}

hr {
	border: 0;
	border-top: 1px solid var(--hair);
	height: 1px;
	margin: 0.6em 0;
}

.desc {
	color: var(--grey);
}

tr.url td {
	color: var(--grey);
}

/* ---- tables ---------------------------------------------------------- */

table {
	border-collapse: collapse;
}

table thead td {
	font-weight: bold;
	color: var(--deco);
	border-bottom: 1px solid var(--hair);
}

table td {
	padding: 0.05em 0.5em;
}

#content table td {
	vertical-align: top;
	white-space: nowrap;
}

#branches tr:hover td,
#tags tr:hover td,
#index tr:hover td,
#log tr:hover td,
#files tr:hover td {
	background-color: var(--panel-bg);
	box-shadow: inset 2px 0 0 var(--dim);
}

#index tr td:nth-child(2),
#tags tr td:nth-child(3),
#branches tr td:nth-child(3),
#log tr td:nth-child(2) {
	white-space: normal;
}

#index tr td:nth-child(2),
#index tr td:nth-child(3),
#log tr td:nth-child(3),
#files tr td:nth-child(3) {
	color: var(--grey);
}

td.num {
	text-align: right;
	color: var(--deco);
}

/* ---- blob, diff -------------------------------------------------------- */

pre {
	font-family: var(--font-term);
	font-size: 0.85rem;
	line-height: 1.35;
	color: var(--grey);
	border-left: 1px solid var(--hair);
	padding-left: 0.6em;
	overflow-x: auto;
}

#blob a {
	color: var(--deco);
}

#blob a:target {
	color: var(--matrix);
	background: transparent;
	outline: 0;
}

#blob a:hover {
	color: var(--matrix);
	text-decoration: none;
}

pre a.h {
	color: var(--deco);
	font-weight: bold;
}

.A,
span.i,
pre a.i {
	color: var(--matrix);
}

.D,
span.d,
pre a.d {
	color: var(--redstring);
}

pre a.h:hover,
pre a.i:hover,
pre a.d:hover {
	text-decoration: none;
	text-shadow: 0 0 6px var(--glow);
}

b {
	color: var(--deco);
}

::selection {
	background: var(--matrix);
	color: var(--bg);
}