[gitweb-theme-danix.git] / gitweb-danixland / gitweb.css

/* Fonts
------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');

/* Reset
------------------------------------------------------------------------- */

/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a { outline: none; }

/* Colors
------------------------------------------------------------------------- */
:root {
  --bg: #D8D9CF;
  --bg-alt: #F0EEED;
  --fg: #393E46;
  --link: #FF8B13;
  --link-visited: #e7b788;
  --border: 34,40,49,0.035;
  --accent: #FD7014;
  --dark-grey: #393E46;
/* Icons */
  --file-icon: url("file-dark.svg");
  --dir-icon: url("folder-dark.svg");
  --ref-icon: url("commit-dark.svg");
  --tag-icon: url("tag-dark.svg");
  --branch-icon: url("merge-dark.svg");
  --rss-icon:url("rss-dark.svg");
  --opml-icon:url("opml-dark.svg");
/* social colors */
  --twitter: #1DA1F2;
  --instagram: #E4405F;
  --spotify: #1ed760;
  --github: #6e5494;
}
@media screen and (prefers-color-scheme: dark) {
  :root {
    --bg: #393E46;
    --bg-alt: #222831;
    --fg: #D8D9CF;
    --border: 216,217,207,0.2;
  --file-icon: url("file.svg");
  --dir-icon: url("folder.svg");
  --ref-icon: url("commit.svg");
  --tag-icon: url("tag.svg");
  --branch-icon: url("merge.svg");
  --rss-icon:url("rss.svg");
  --opml-icon:url("opml.svg");
  }
}


/* General
---------------------------------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}

body {
  font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif;
  line-height: 1.4;
  margin: 0 0 105px;
  background-color: var(--bg);
  color: var(--fg);
}

/* Monospaced Fonts */
.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
  font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace;
}

a:link, a:visited {
  text-decoration: none;
}

a:link {
  color: var(--link);
}

a:visited {
  color: var(--link-visited);
}

a:hover {
  text-decoration: underline;
}

td.list a[href*='tree'], td.list a[href*='blob'] {
  padding-left: 40px;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
}

/* Folder Icon */
td.list a[href*='tree'] {
  background: var(--dir-icon) center left no-repeat;
}

/* File Icon */
td.list a[href*='blob'] {
  background: var(--file-icon) center left no-repeat;
}

i {
  font-style: normal;
}

td, th {
  padding: 5px;
}

.page_nav br {
  display: none;
}

#generating_info {
  font-size: 10px;
  color: var(--fg);
  text-align: center;
}

#generating_time, #generating_cmd {
  font-weight: bold;
}

/* Page Header
---------------------------------------------------------------------------- */

.page_header {
  height: 50px;
  line-height: 50px;
  position: relative;
  padding: 0 27px;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
  background: var(--bg); /* old browsers */
  background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
  background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
  border-bottom: 1px solid rgba(var(--border));
}

.page_header a:link, .page_header a:visited {
  color: var(--link);
  text-decoration: none;
  padding: 3px;
  font-weight: bold;
}

.page_header a:hover {
  font-weight: bold;
  padding: 3px;
  text-decoration: underline;
}

.page_header a:first-child {
  background: transparent;
}

.page_header img.logo {
  position: relative;
  top: 7px;
  margin-right: 5px;
}

/* Page Footer
---------------------------------------------------------------------------- */

.page_footer,
.site-footer {
  width: 100%;
  background: var(--bg-alt);
  margin: 0;
}

.page_footer {
  height: 40px;
  line-height: 40px;
  border-top: 2px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.page_footer_text {
  color: var(--fg);
  text-align: right;
  padding-right: 2em;
  display: inline;
  float: right;
  width: calc(100% - 2em);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.site-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}

.site-footer .columns {
  display: block;
  flex-grow: 1;
  flex-basis: auto;
  align-self: stretch;
  order: 0;
}

.social-links ul li {
  display: inline-block;
  margin: 1em;
  padding: 0.5em;
}

.social-links ul li a {
  height: 32px;
}
.social-links ul li.spotify a {
  color: var(--spotify);
}
.social-links ul li.twitter a {
  color: var(--twitter);
}
.social-links ul li.instagram a {
  color: var(--instagram);
}
.social-links ul li.github a {
  color: var(--github);
}

a.rss_logo {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


/* Index include
---------------------------------------------------------------------------- */

.index_include {
  width: 95%;
  margin: 0 auto 15px;
  background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent;
  border: 1px solid var(--border);
  padding: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Elements
---------------------------------------------------------------------------- */

.project_list,
.shortlog,
.tree,
.commit_search,
.history {
  width: 95%;
  margin: 0 auto 15px auto;
  border: 1px solid var(--border);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.project_list th,
.shortlog th,
.tree th,
.commit_search th {
  color: #afafaf;
  font-weight: normal;
}

.project_list th {
  font-weight: bold;
}

.project_list tr,
.shortlog tr,
.tree tr,
.commit_search tr {
  background: #eaeaea;
  height: 2.5em;
  text-align: left;
  color: #545454;
}

.project_list tr.dark, .project_list tr.light,
.shortlog tr.dark, .shortlog tr.light,
.tree tr.dark, .tree tr.light,
.commit_search tr.dark, .commit_search tr.light,
.history tr.dark, .history tr.light,
.heads tr.dark, .heads tr.light {
  background: #F9F9F9; /* old browsers */
  background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
  background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
  height: 2.5em;
  border-bottom: 1px solid #e1e1e1;
}

th .header {
  background: transparent;
  border: 0;
  padding: 0;
  font-weight: bold;
}

.tree {
  width: 100%;
  margin: 0;
}

.projsearch {
  position: absolute;
  right: 4%;
  top: 15px;
}

.projsearch a {
  display: none;
}

.commit_search {
  background: #eaeaea;
}

.page_nav,
.list_head,
.page_path,
.search {
  width: 94%;
  background: #eaeaea;
  color: #545454;
  border: 1px solid #d8d8d8;
  padding: 5px;
  margin: 0 auto 15px auto;
}

.history {
  background: #eaeaea;
}

.title {
  margin: 0 auto 15px auto;
  padding: 5px;
  width: 95%;
}

.readme {
  background: #eaf2f5;
  border: 1px solid #bedce7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 15px auto;
  padding: 15px;
  width: 95%;
}

.readme h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.67em;
  margin-top: 0;
}

.readme h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.83em;
}


.readme h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin-bottom: 1em;
}

.readme p {
  margin-bottom: 1em;
}

.readme ul {
  list-style: disc;
  margin-bottom: 1em;
  margin-left: 1.5em;
}

.readme ul ul {
  margin-bottom: 0;
}

.readme ol {
  list-style: decimal;
  margin-bottom: 1em;
  margin-left: 1.5em;
}

.readme ol ol {
  margin-bottom: 0;
}

.readme pre {
  font-family: 'Red Hat Mono', monospace;
  margin: 1em 0;
  white-space: pre;
}

.readme tt, .readme code, .readme kbd, .readme samp {
  font-family: 'Red Hat Mono', monospace;
}

.readme blockquote {
  margin: 1em;
}

.projects_list,
.tags {
  width: 95%;
  background: #f0f0f0;
  color: #545454;
  border: 1px solid #d8d8d8;
  padding: 5px;
  margin: 0 auto 15px auto;
}

.heads {
  width: 95%;
  color: #545454;
  border: 1px solid #d8d8d8;
  padding: 5px;
  margin: 0 auto 15px auto;
}

.header {
  width: 94%;
  margin: 0 auto 15px auto;
  background: #eaf2f5;
  border: 1px solid #bedce7;
  padding: 5px;
}

.header .age {
  float: left;
  color: #000;
  font-weight: bold;
  width: 10em;
}

.title_text {
  width: 94%;
  background: #eaf2f5;
  border: 1px solid #bedce7;
  padding: 5px;
  margin: 0 auto 0 auto;
}

.log_body {
  width: 94%;
  background: #eaf2f5;
  border: 1px solid #bedce7;
  border-top: 0;
  padding: 5px;
  margin: 0 auto 15px auto;
}

.page_body {
  line-height: 1.4em;
  width: 94%;
  background: #f8f8f8;
  border: 1px solid #d8d8d8;
  padding: 5px;
  margin: 15px auto 15px auto;
}

.diff_tree {
  width: 95%;
  background: #f0f0f0;
  border: 1px solid #d8d8d8;
  padding: 5px;
  margin: 0 auto 15px auto;
}

.page_body > .list_head {
  width: 98.5%;
}

.page_body > .diff_tree {
  width: 99.5%;
}

.patch > .header {
  width: 99%;
}

.author .avatar,
.author_date .avatar {
  position: relative;
  top: 3px;
}

.object_header .avatar {
  border: 1px solid #D8D8D8;
  float: right;
}

.object_header td,
.object_header th {
  vertical-align: top;
}

/* Refs
---------------------------------------------------------------------------- */

span.refs span {
  color: #707070;
  display: inline-block;
  margin: 0;
  background-color: var(--bg);
  border: 1px solid var(--border);
  border-radius: 3px;
  height: 18px;
  padding: 0 6px;
  text-overflow: ellipsis;
}

span.refs span.ref {
  color: #707070;
  display: inline-block;
  margin: 0;
  background-color: var(--bg-alt);
  border: 1px solid var(--link);
  border-radius: 3px;
  height: 18px;
  padding: 0 6px;
  text-overflow: ellipsis;
/* Node vertical */
  background-image: var(--ref-icon);
  background-repeat: no-repeat;
  padding-left: 18px;
}

span.refs span.tag {
  color: #707070;
  display: inline-block;
  margin: 0;
  background-color: #ffffab;
  border: 1px solid #d9d93b;
  border-radius: 3px;
  height: 18px;
  padding: 0 6px;
  text-overflow: ellipsis;
/* tag icon */
  background-image: var(--tag-icon);
  background-repeat: no-repeat;
  padding-left: 18px;
}

span.refs span.head {
  color: #707070;
  display: inline-block;
  margin: 0;
  background-color: #c4ffc4;
  border: 1px solid #78ff78;
  border-radius: 3px;
  height: 18px;
  padding: 0 6px;
  text-overflow: ellipsis;
/* git branch */
  background-image: var(--branch-icon);
  background-repeat: no-repeat;
  padding-left: 18px;
}

span.refs a {
  color: #4e4e4e;
  font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
  line-height: 18px;
}

/* Diffs
---------------------------------------------------------------------------- */

div.diff.to_file a.path,
div.diff.to_file {
  color: #007000;
}

div.diff.from_file a.path,
div.diff.from_file {
  color: #aa0000;
}

.patch .header {
  margin: 0;
}

.patchset {
  overflow-x: auto;
  overflow-y: hidden;
}

.chunk_header {
  background: #eaf2f5;
  color: #999;
}

.rem {
  background: #ffdddd;
}
.rem .marked {
  background: #ffaaaa;
}
.add {
  background: #ddffdd;
}
.add .marked {
  background: #7dff7d;
}

.extended_header {
  width: 99.5%;
}

div.chunk_block {
  overflow: hidden;
}

div.chunk_block div.old {
  float: left;
  width: 50%;
  overflow: hidden;
  border-right: 5px solid #EAF2F5;
}

div.chunk_block.rem,
div.chunk_block.add {
  background: transparent;
}

div.chunk_block div.old .add,
div.chunk_block div.old .rem {
  padding-right: 3px;
}

div.chunk_block div.new .add,
div.chunk_block div.new .rem {
  padding-left: 3px;
}

div.chunk_block div.new {
  margin-left: 50%;
  width: 50%;
  border-left: 5px solid #EAF2F5;
}

/* Category
---------------------------------------------------------------------------- */

td.category {
  background: #E6F1F6; /* old browsers */
  background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */
  background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%);
  font-weight: bold;
  border-bottom: 1px solid #D1D1D1;
  border-top: 1px solid #D1D1D1;
}

/* Age
---------------------------------------------------------------------------- */

/* noage: "No commits" */
.project_list td.noage {
  color: #cdcdcd;
}

/* age2: 60*60*24*2 <= age */
.project_list td.age2, .blame td.age2 {
  color: #545454;
}

/* age1: 60*60*2 <= age < 60*60*24*2 */
.project_list td.age1 {
  color: #009900;
}

/* age0: age < 60*60*2 */
.project_list td.age0 {
  color: #009900;
  font-weight: bold;
}

/* File status
---------------------------------------------------------------------------- */

.diff_tree span.file_status.new {
  color: #008000;
}

table.diff_tree span.file_status.deleted {
  color: #c00000;
}

table.diff_tree span.file_status.moved,
table.diff_tree span.file_status.mode_chnge {
  color: #545454;
}

table.diff_tree span.file_status.copied {
  color: #70a070;
}

span.cntrl {
  border: dashed #aaaaaa;
  border-width: 1px;
  padding: 0px 2px 0px 2px;
  margin:  0px 2px 0px 2px;
}

span.match {
  background: #aaffaa;
  color: #000;
}

td.error {
  color: red;
  background: yellow;
}

/* blob view */

td.pre, div.pre, div.diff {
  white-space: pre-wrap;
}

/* JavaScript-based timezone manipulation */

.popup { /* timezone selection UI */
	position: absolute;
	/* "top: 0; right: 0;" would be better, if not for bugs in browsers */
	top: 0; left: 0;
	border: 1px solid #d8d8d8;
	padding: 2px;
	background-color: #f0f0f0;
	font-style: normal;
	color: #545454;
	cursor: auto;
}

.close-button { /* close timezone selection UI without selecting */
	/* float doesn't work within absolutely positioned container,
	 * if width of container is not set explicitly */
	/* float: right; */
	position: absolute;
	top: 0px; right: 0px;
	border:  1px solid #ffaaaa;
	margin:  1px 1px 1px 1px;
	padding-bottom: 2px;
	width:     12px;
	height:    10px;
	font-size:  9px;
	font-weight: bold;
	text-align: center;
	background-color: #ffdddd;
	cursor: pointer;
}

/* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */

/* Highlighting theme definition: */

.num    { color:#6ecf36; }
.esc    { color:#ff00ff; }
.str    { color:#ff00d3; background-color: #edc9ec }
.dstr   { color:#818100; }
.slc    { color:#838183; font-style:italic; }
.com    { color:#838183; font-style:italic; }
.dir    { color:#008200; }
.sym    { color:#000000; }
.line   { color:#555555; }
.kwa    { color:#666666; font-weight:bold; }
.kwb    { color:#6b3099; }
.kwc    { color:#d4663d; }
.kwd    { color:#2928ff; }

/*
 * Styling for my custom added sections
 */

/* Header */
div.site-header {
  background-color: var(--bg-alt);
  color: var(--fg);
  padding: 1em;
}
div.site-header h1 {
  text-transform: uppercase;
  font-size: 2em;
}
div.site-header h1 span.evident {
  background-color: var(--accent);
  color: var(--bg);
}
Commit	Line	Data
a6a0a341	1	/* Fonts
	2	------------------------------------------------------------------------- */
	3	@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
	4
f17ef185	5	/* Reset
	6	------------------------------------------------------------------------- */
	7
	8	/* Based on http://meyerweb.com/eric/tools/css/reset/ */
	9	/* v1.0 \| 20080212 */
	10
	11	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	12	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
	13	font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
	14	u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
	15	caption, tbody, tfoot, thead, tr, th, td {
	16	margin: 0;
	17	padding: 0;
	18	border: 0;
	19	outline: 0;
	20	font-size: 100%;
	21	vertical-align: baseline;
	22	background: transparent;
	23	}
	24
	25	ol, ul { list-style: none; }
	26
	27	blockquote, q { quotes: none; }
	28
	29	blockquote:before, blockquote:after,
	30	q:before, q:after {
	31	content: '';
	32	content: none;
	33	}
	34
	35	:focus { outline: 0; }
	36
	37	ins { text-decoration: none; }
	38
	39	del { text-decoration: line-through; }
	40
	41	table {
	42	border-collapse: collapse;
	43	border-spacing: 0;
	44	}
	45
	46	a { outline: none; }
	47
b2b72247	48	/* Colors
	49	------------------------------------------------------------------------- */
	50	:root {
	51	--bg: #D8D9CF;
acb5821a	52	--bg-alt: #F0EEED;
b2b72247	53	--fg: #393E46;
3020319e	54	--link: #FF8B13;
3020319e	55	--link-visited: #e7b788;
05bbea0e	56	--border: 34,40,49,0.035;
d5af761b	57	--accent: #FD7014;
54b66df6	58	--dark-grey: #393E46;
f5db486f	59	/* Icons */
d904bd06	60	--file-icon: url("file-dark.svg");
	61	--dir-icon: url("folder-dark.svg");
	62	--ref-icon: url("commit-dark.svg");
	63	--tag-icon: url("tag-dark.svg");
	64	--branch-icon: url("merge-dark.svg");
9406f526	65	--rss-icon:url("rss-dark.svg");
9406f526	66	--opml-icon:url("opml-dark.svg");
f5db486f	67	/* social colors */
	68	--twitter: #1DA1F2;
	69	--instagram: #E4405F;
a7e6a25b	70	--spotify: #1ed760;
f5db486f	71	--github: #6e5494;
b2b72247	72	}
b2b72247	73	@media screen and (prefers-color-scheme: dark) {
1bc0e66a	74	:root {
1bc0e66a	75	--bg: #393E46;
acb5821a	76	--bg-alt: #222831;
1bc0e66a	77	--fg: #D8D9CF;
05bbea0e	78	--border: 216,217,207,0.2;
a8dc308a	79	--file-icon: url("file.svg");
	80	--dir-icon: url("folder.svg");
	81	--ref-icon: url("commit.svg");
	82	--tag-icon: url("tag.svg");
	83	--branch-icon: url("merge.svg");
9406f526	84	--rss-icon:url("rss.svg");
9406f526	85	--opml-icon:url("opml.svg");
1bc0e66a	86	}
b2b72247	87	}
b2b72247	88
f17ef185	89
a6a0a341	90	/* General
f17ef185	91	---------------------------------------------------------------------------- */
	92
	93	html {
	94	position: relative;
	95	min-height: 100%;
	96	}
	97
	98	body {
a6a0a341	99	font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif;
f17ef185	100	line-height: 1.4;
f17ef185	101	margin: 0 0 105px;
b2b72247	102	background-color: var(--bg);
b2b72247	103	color: var(--fg);
f17ef185	104	}
	105
	106	/* Monospaced Fonts */
	107	.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
a6a0a341	108	font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace;
f17ef185	109	}
	110
	111	a:link, a:visited {
f17ef185	112	text-decoration: none;
	113	}
	114
3020319e	115	a:link {
	116	color: var(--link);
	117	}
	118
	119	a:visited {
	120	color: var(--link-visited);
	121	}
	122
f17ef185	123	a:hover {
	124	text-decoration: underline;
	125	}
	126
	127	td.list a[href='tree'], td.list a[href='blob'] {
d904bd06	128	padding-left: 40px;
f17ef185	129	display: block;
f17ef185	130	float: left;
9325b442	131	height: 32px;
9325b442	132	line-height: 32px;
f17ef185	133	}
f17ef185	134
3020319e	135	/* Folder Icon */
423a1cf3	136	td.list a[href*='tree'] {
423a1cf3	137	background: var(--dir-icon) center left no-repeat;
f17ef185	138	}
f17ef185	139
3020319e	140	/* File Icon */
f17ef185	141	td.list a[href*='blob'] {
423a1cf3	142	background: var(--file-icon) center left no-repeat;
f17ef185	143	}
	144
	145	i {
	146	font-style: normal;
	147	}
	148
	149	td, th {
	150	padding: 5px;
	151	}
	152
	153	.page_nav br {
	154	display: none;
	155	}
	156
	157	#generating_info {
	158	font-size: 10px;
d9ae720e	159	color: var(--fg);
f17ef185	160	text-align: center;
	161	}
	162
	163	#generating_time, #generating_cmd {
	164	font-weight: bold;
	165	}
	166
	167	/* Page Header
	168	---------------------------------------------------------------------------- */
	169
	170	.page_header {
	171	height: 50px;
	172	line-height: 50px;
	173	position: relative;
	174	padding: 0 27px;
	175	margin-bottom: 20px;
	176	font-size: 20px;
9406f526	177	font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
acb5821a	178	background: var(--bg); /* old browsers */
	179	background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
	180	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
	181	background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
05bbea0e	182	border-bottom: 1px solid rgba(var(--border));
f17ef185	183	}
	184
	185	.page_header a:link, .page_header a:visited {
5ddc14e1	186	color: var(--link);
f17ef185	187	text-decoration: none;
	188	padding: 3px;
	189	font-weight: bold;
	190	}
	191
	192	.page_header a:hover {
	193	font-weight: bold;
	194	padding: 3px;
	195	text-decoration: underline;
	196	}
	197
	198	.page_header a:first-child {
	199	background: transparent;
	200	}
	201
	202	.page_header img.logo {
	203	position: relative;
	204	top: 7px;
	205	margin-right: 5px;
	206	}
	207
	208	/* Page Footer
	209	---------------------------------------------------------------------------- */
	210
fdd09006	211	.page_footer,
fdd09006	212	.site-footer {
f17ef185	213	width: 100%;
c63d74b2	214	background: var(--bg-alt);
79480124	215	margin: 0;
f17ef185	216	}
f17ef185	217
fdd09006	218	.page_footer {
27ee5f03	219	height: 40px;
27ee5f03	220	line-height: 40px;
7f75d732	221	border-top: 2px solid var(--border);
7f75d732	222	border-bottom: 1px solid var(--border);
fdd09006	223	}
fdd09006	224
f17ef185	225	.page_footer_text {
5ddc14e1	226	color: var(--fg);
27ee5f03	227	text-align: right;
3bacc307	228	padding-right: 2em;
f17ef185	229	display: inline;
fdd09006	230	float: right;
27ee5f03	231	width: calc(100% - 2em);
f17ef185	232	overflow: hidden;
	233	white-space: nowrap;
	234	text-overflow: ellipsis;
	235	}
	236
27ee5f03	237	.site-footer {
d3f8f269	238	position: absolute;
	239	left: 0;
	240	bottom: 0;
3bacc307	241	display: flex;
	242	flex-direction: row;
	243	flex-wrap: nowrap;
3cdb770b	244	justify-content: space-between;
3cdb770b	245	align-items: center;
3bacc307	246	align-content: stretch;
27ee5f03	247	}
27ee5f03	248
3bacc307	249	.site-footer .columns {
3bacc307	250	display: block;
5dc6bd48	251	flex-grow: 1;
3bacc307	252	flex-basis: auto;
5dc6bd48	253	align-self: stretch;
3bacc307	254	order: 0;
3bacc307	255	}
79480124	256
	257	.social-links ul li {
	258	display: inline-block;
	259	margin: 1em;
	260	padding: 0.5em;
79480124	261	}
79480124	262
54b66df6	263	.social-links ul li a {
020d4a03	264	height: 32px;
54b66df6	265	}
f5db486f	266	.social-links ul li.spotify a {
020d4a03	267	color: var(--spotify);
f5db486f	268	}
f5db486f	269	.social-links ul li.twitter a {
020d4a03	270	color: var(--twitter);
f5db486f	271	}
f5db486f	272	.social-links ul li.instagram a {
020d4a03	273	color: var(--instagram);
f5db486f	274	}
f5db486f	275	.social-links ul li.github a {
020d4a03	276	color: var(--github);
f5db486f	277	}
f5db486f	278
f17ef185	279	a.rss_logo {
29e3a25d	280	border: 0;
	281	clip: rect(1px, 1px, 1px, 1px);
	282	clip-path: inset(100%);
	283	height: 1px;
	284	overflow: hidden;
	285	padding: 0;
	286	position: absolute;
	287	white-space: nowrap;
	288	width: 1px;
f17ef185	289	}
f17ef185	290
f17ef185	291
	292	/* Index include
	293	---------------------------------------------------------------------------- */
	294
	295	.index_include {
	296	width: 95%;
	297	margin: 0 auto 15px;
5ddc14e1	298	background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent;
5ddc14e1	299	border: 1px solid var(--border);
f17ef185	300	padding: 8px;
	301	-webkit-box-sizing: border-box;
	302	-moz-box-sizing: border-box;
	303	box-sizing: border-box;
	304	}
	305
	306	/* Elements
	307	---------------------------------------------------------------------------- */
	308
	309	.project_list,
	310	.shortlog,
	311	.tree,
	312	.commit_search,
	313	.history {
	314	width: 95%;
	315	margin: 0 auto 15px auto;
d1808a6c	316	border: 1px solid var(--border);
f17ef185	317	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	318	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	319	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	320	}
	321
	322	.project_list th,
	323	.shortlog th,
	324	.tree th,
	325	.commit_search th {
	326	color: #afafaf;
	327	font-weight: normal;
	328	}
	329
	330	.project_list th {
	331	font-weight: bold;
	332	}
	333
	334	.project_list tr,
	335	.shortlog tr,
	336	.tree tr,
	337	.commit_search tr {
	338	background: #eaeaea;
	339	height: 2.5em;
	340	text-align: left;
	341	color: #545454;
	342	}
	343
	344	.project_list tr.dark, .project_list tr.light,
	345	.shortlog tr.dark, .shortlog tr.light,
	346	.tree tr.dark, .tree tr.light,
	347	.commit_search tr.dark, .commit_search tr.light,
	348	.history tr.dark, .history tr.light,
	349	.heads tr.dark, .heads tr.light {
	350	background: #F9F9F9; /* old browsers */
	351	background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
	352	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
	353	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
	354	background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
	355	height: 2.5em;
	356	border-bottom: 1px solid #e1e1e1;
	357	}
	358
	359	th .header {
	360	background: transparent;
	361	border: 0;
	362	padding: 0;
	363	font-weight: bold;
	364	}
	365
	366	.tree {
	367	width: 100%;
	368	margin: 0;
	369	}
	370
	371	.projsearch {
	372	position: absolute;
	373	right: 4%;
	374	top: 15px;
	375	}
	376
	377	.projsearch a {
	378	display: none;
	379	}
	380
381	.commit_search {
382	background: #eaeaea;
383	}
384
385	.page_nav,
386	.list_head,
387	.page_path,
388	.search {
389	width: 94%;
390	background: #eaeaea;
391	color: #545454;
392	border: 1px solid #d8d8d8;
393	padding: 5px;
394	margin: 0 auto 15px auto;
395	}
396
397	.history {
398	background: #eaeaea;
399	}
400
401	.title {
402	margin: 0 auto 15px auto;
403	padding: 5px;
404	width: 95%;
405	}
406
407	.readme {
408	background: #eaf2f5;
409	border: 1px solid #bedce7;
410	-moz-box-sizing: border-box;
411	-webkit-box-sizing: border-box;
412	box-sizing: border-box;
413	margin: 0 auto 15px auto;
414	padding: 15px;
415	width: 95%;
416	}
417
418	.readme h1 {
419	display: block;
420	font-size: 2em;
421	font-weight: bold;
422	margin-bottom: 0.67em;
423	margin-top: 0;
424	}
425
426	.readme h2 {
427	font-size: 1.5em;
428	font-weight: bold;
429	margin-bottom: 0.83em;
430	}
431
432
433	.readme h3 {
434	font-size: 1.17em;
435	font-weight: bold;
436	margin-bottom: 1em;
437	}
438
439	.readme p {
440	margin-bottom: 1em;
441	}
442
443	.readme ul {
444	list-style: disc;
445	margin-bottom: 1em;
446	margin-left: 1.5em;
447	}
448
449	.readme ul ul {
450	margin-bottom: 0;
451	}
452
453	.readme ol {
454	list-style: decimal;
455	margin-bottom: 1em;
456	margin-left: 1.5em;
457	}
458
459	.readme ol ol {
460	margin-bottom: 0;
461	}
462
463	.readme pre {
9406f526	464	font-family: 'Red Hat Mono', monospace;
f17ef185	465	margin: 1em 0;
	466	white-space: pre;
	467	}
	468
	469	.readme tt, .readme code, .readme kbd, .readme samp {
9406f526	470	font-family: 'Red Hat Mono', monospace;
f17ef185	471	}
	472
	473	.readme blockquote {
	474	margin: 1em;
	475	}
	476
	477	.projects_list,
	478	.tags {
	479	width: 95%;
	480	background: #f0f0f0;
	481	color: #545454;
	482	border: 1px solid #d8d8d8;
	483	padding: 5px;
	484	margin: 0 auto 15px auto;
	485	}
	486
	487	.heads {
	488	width: 95%;
	489	color: #545454;
	490	border: 1px solid #d8d8d8;
	491	padding: 5px;
	492	margin: 0 auto 15px auto;
	493	}
	494
	495	.header {
	496	width: 94%;
	497	margin: 0 auto 15px auto;
	498	background: #eaf2f5;
	499	border: 1px solid #bedce7;
	500	padding: 5px;
	501	}
	502
	503	.header .age {
	504	float: left;
	505	color: #000;
	506	font-weight: bold;
	507	width: 10em;
	508	}
	509
	510	.title_text {
	511	width: 94%;
	512	background: #eaf2f5;
	513	border: 1px solid #bedce7;
	514	padding: 5px;
	515	margin: 0 auto 0 auto;
	516	}
	517
	518	.log_body {
	519	width: 94%;
	520	background: #eaf2f5;
	521	border: 1px solid #bedce7;
	522	border-top: 0;
	523	padding: 5px;
	524	margin: 0 auto 15px auto;
	525	}
	526
	527	.page_body {
	528	line-height: 1.4em;
	529	width: 94%;
	530	background: #f8f8f8;
	531	border: 1px solid #d8d8d8;
	532	padding: 5px;
	533	margin: 15px auto 15px auto;
	534	}
535
536	.diff_tree {
537	width: 95%;
538	background: #f0f0f0;
539	border: 1px solid #d8d8d8;
540	padding: 5px;
541	margin: 0 auto 15px auto;
542	}
543
544	.page_body > .list_head {
545	width: 98.5%;
546	}
547
548	.page_body > .diff_tree {
549	width: 99.5%;
550	}
551
552	.patch > .header {
553	width: 99%;
554	}
555
556	.author .avatar,
557	.author_date .avatar {
558	position: relative;
559	top: 3px;
560	}
561
562	.object_header .avatar {
563	border: 1px solid #D8D8D8;
564	float: right;
565	}
566
567	.object_header td,
568	.object_header th {
569	vertical-align: top;
570	}
571
572	/* Refs
573	---------------------------------------------------------------------------- */
574
575	span.refs span {
576	color: #707070;
577	display: inline-block;
578	margin: 0;
d9ae720e	579	background-color: var(--bg);
d9ae720e	580	border: 1px solid var(--border);
f17ef185	581	border-radius: 3px;
	582	height: 18px;
	583	padding: 0 6px;
	584	text-overflow: ellipsis;
	585	}
	586
	587	span.refs span.ref {
	588	color: #707070;
	589	display: inline-block;
	590	margin: 0;
d9ae720e	591	background-color: var(--bg-alt);
d9ae720e	592	border: 1px solid var(--link);
f17ef185	593	border-radius: 3px;
	594	height: 18px;
	595	padding: 0 6px;
	596	text-overflow: ellipsis;
12b03037	597	/* Node vertical */
12b03037	598	background-image: var(--ref-icon);
f17ef185	599	background-repeat: no-repeat;
	600	padding-left: 18px;
	601	}
	602
	603	span.refs span.tag {
	604	color: #707070;
	605	display: inline-block;
	606	margin: 0;
	607	background-color: #ffffab;
	608	border: 1px solid #d9d93b;
	609	border-radius: 3px;
	610	height: 18px;
	611	padding: 0 6px;
	612	text-overflow: ellipsis;
12b03037	613	/* tag icon */
12b03037	614	background-image: var(--tag-icon);
f17ef185	615	background-repeat: no-repeat;
	616	padding-left: 18px;
	617	}
	618
	619	span.refs span.head {
	620	color: #707070;
	621	display: inline-block;
	622	margin: 0;
	623	background-color: #c4ffc4;
	624	border: 1px solid #78ff78;
	625	border-radius: 3px;
	626	height: 18px;
	627	padding: 0 6px;
	628	text-overflow: ellipsis;
12b03037	629	/* git branch */
12b03037	630	background-image: var(--branch-icon);
f17ef185	631	background-repeat: no-repeat;
	632	padding-left: 18px;
	633	}
	634
	635	span.refs a {
	636	color: #4e4e4e;
	637	font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
	638	line-height: 18px;
	639	}
	640
	641	/* Diffs
	642	---------------------------------------------------------------------------- */
	643
	644	div.diff.to_file a.path,
	645	div.diff.to_file {
	646	color: #007000;
	647	}
	648
	649	div.diff.from_file a.path,
	650	div.diff.from_file {
	651	color: #aa0000;
	652	}
	653
	654	.patch .header {
	655	margin: 0;
	656	}
	657
	658	.patchset {
	659	overflow-x: auto;
	660	overflow-y: hidden;
	661	}
	662
	663	.chunk_header {
	664	background: #eaf2f5;
	665	color: #999;
	666	}
	667
	668	.rem {
	669	background: #ffdddd;
	670	}
	671	.rem .marked {
	672	background: #ffaaaa;
	673	}
	674	.add {
	675	background: #ddffdd;
	676	}
	677	.add .marked {
	678	background: #7dff7d;
	679	}
	680
	681	.extended_header {
	682	width: 99.5%;
	683	}
	684
	685	div.chunk_block {
	686	overflow: hidden;
	687	}
	688
	689	div.chunk_block div.old {
	690	float: left;
	691	width: 50%;
	692	overflow: hidden;
	693	border-right: 5px solid #EAF2F5;
	694	}
695
696	div.chunk_block.rem,
697	div.chunk_block.add {
698	background: transparent;
699	}
700
701	div.chunk_block div.old .add,
702	div.chunk_block div.old .rem {
703	padding-right: 3px;
704	}
705
706	div.chunk_block div.new .add,
707	div.chunk_block div.new .rem {
708	padding-left: 3px;
709	}
710
711	div.chunk_block div.new {
712	margin-left: 50%;
713	width: 50%;
714	border-left: 5px solid #EAF2F5;
715	}
716
717	/* Category
718	---------------------------------------------------------------------------- */
719
720	td.category {
721	background: #E6F1F6; /* old browsers */
722	background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */
723	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */
724	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */
725	background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%);
726	font-weight: bold;
727	border-bottom: 1px solid #D1D1D1;
728	border-top: 1px solid #D1D1D1;
729	}
730
731	/* Age
732	---------------------------------------------------------------------------- */
733
734	/* noage: "No commits" */
735	.project_list td.noage {
736	color: #cdcdcd;
737	}
738
739	/* age2: 6060242 <= age /
740	.project_list td.age2, .blame td.age2 {
741	color: #545454;
742	}
743
744	/* age1: 60602 <= age < 6060242 /
745	.project_list td.age1 {
746	color: #009900;
747	}
748
749	/* age0: age < 60602 */
750	.project_list td.age0 {
751	color: #009900;
752	font-weight: bold;
753	}
754
755	/* File status
756	---------------------------------------------------------------------------- */
757
758	.diff_tree span.file_status.new {
759	color: #008000;
760	}
761
762	table.diff_tree span.file_status.deleted {
763	color: #c00000;
764	}
765
766	table.diff_tree span.file_status.moved,
767	table.diff_tree span.file_status.mode_chnge {
768	color: #545454;
769	}
770
771	table.diff_tree span.file_status.copied {
772	color: #70a070;
773	}
774
775	span.cntrl {
776	border: dashed #aaaaaa;
777	border-width: 1px;
778	padding: 0px 2px 0px 2px;
779	margin: 0px 2px 0px 2px;
780	}
781
782	span.match {
783	background: #aaffaa;
784	color: #000;
785	}
786
787	td.error {
788	color: red;
789	background: yellow;
790	}
791
792	/* blob view */
793
794	td.pre, div.pre, div.diff {
795	white-space: pre-wrap;
796	}
797
798	/* JavaScript-based timezone manipulation */
799
800	.popup { /* timezone selection UI */
801	position: absolute;
802	/* "top: 0; right: 0;" would be better, if not for bugs in browsers */
803	top: 0; left: 0;
804	border: 1px solid #d8d8d8;
805	padding: 2px;
806	background-color: #f0f0f0;
807	font-style: normal;
808	color: #545454;
809	cursor: auto;
810	}
811
812	.close-button { /* close timezone selection UI without selecting */
813	/* float doesn't work within absolutely positioned container,
814	* if width of container is not set explicitly */
815	/* float: right; */
816	position: absolute;
817	top: 0px; right: 0px;
818	border: 1px solid #ffaaaa;
819	margin: 1px 1px 1px 1px;
820	padding-bottom: 2px;
821	width: 12px;
822	height: 10px;
823	font-size: 9px;
824	font-weight: bold;
825	text-align: center;
826	background-color: #ffdddd;
827	cursor: pointer;
828	}
829
830	/* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
831
832	/* Highlighting theme definition: */
833
834	.num { color:#6ecf36; }
835	.esc { color:#ff00ff; }
836	.str { color:#ff00d3; background-color: #edc9ec }
837	.dstr { color:#818100; }
838	.slc { color:#838183; font-style:italic; }
839	.com { color:#838183; font-style:italic; }
840	.dir { color:#008200; }
841	.sym { color:#000000; }
842	.line { color:#555555; }
843	.kwa { color:#666666; font-weight:bold; }
844	.kwb { color:#6b3099; }
845	.kwc { color:#d4663d; }
846	.kwd { color:#2928ff; }
847
d5af761b	848	/*
	849	* Styling for my custom added sections
	850	*/
	851
	852	/* Header */
	853	div.site-header {
	854	background-color: var(--bg-alt);
	855	color: var(--fg);
769ac656	856	padding: 1em;
d5af761b	857	}
	858	div.site-header h1 {
	859	text-transform: uppercase;
a6a0a341	860	font-size: 2em;
d5af761b	861	}
	862	div.site-header h1 span.evident {
	863	background-color: var(--accent);
	864	color: var(--bg);
	865	}