[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;
  --twitter-filter: 'invert(58%) sepia(29%) saturate(5279%) hue-rotate(176deg) brightness(96%) contrast(99%)';
  --instagram: #E4405F;
  --instagram-filter: 'invert(40%) sepia(71%) saturate(3199%) hue-rotate(325deg) brightness(92%) contrast(94%)';
  --spotify: #1ed760;
  --spotify-filter: 'invert(80%) sepia(16%) saturate(3018%) hue-rotate(79deg) brightness(90%) contrast(86%)';
  --github: #6e5494;
  --github-filter: 'invert(34%) sepia(20%) saturate(1263%) hue-rotate(222deg) brightness(96%) contrast(84%)';
}
@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;
  position: absolute;
  left: 0;
  bottom: 0;
  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 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;
}

.site-footer .columns {
  width: 30%;
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  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.spotify a img.img-spotify {
  filter: var(--spotify-filter);
}
.social-links ul li.twitter a {
  color: var(--twitter);
}
.social-links ul li.twitter a img.img-twitter {
  filter: var(--twitter-filter);
}
.social-links ul li.instagram a {
  color: var(--instagram);
}
.social-links ul li.instagram a img.img-instagram {
  filter: var(--instagram-filter);
}
.social-links ul li.github a {
  color: var(--github);
}
.social-links ul li.github a img.img-github {
  filter: var(--github-filter);
}

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