+/* 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
------------------------------------------------------------------------- */
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;
+ --file-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=');
+ --dir-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIj4KIDxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0gMy45OTQgMSBDIDIuNzM2IDEuMDE1IDEuODE1IDAuOTcxIDEuMDYyIDEuMzg3IEMgMC42NzIgMS42MDggMC4zNzQgMS45NjEgMC4yMjIgMi4zODMgQyAwLjA1OCAyLjgyMSAwIDMuMzQzIDAgNCBMIDAgMTIgQyAwIDEyLjY1OCAwLjA1OCAxMy4xNzkgMC4yMjMgMTMuNjE3IEMgMC4zODcgMTQuMDU2IDAuNjg2IDE0LjQwNyAxLjA2MyAxNC42MTUgQyAxLjgxNSAxNS4wMzEgMi43MzYgMTQuOTg1IDMuOTk0IDE1IEwgMTIuMDA2IDE1IEMgMTMuMjY0IDE0Ljk4NSAxNC4xODUgMTUuMDMgMTQuOTM4IDE0LjYxNSBDIDE1LjMxNCAxNC40MDggMTUuNjEzIDE0LjA1NSAxNS43NzggMTMuNjE3IEMgMTUuOTQyIDEzLjE3OSAxNiAxMi42NTcgMTYgMTIgTCAxNiA2IEMgMTYgNS4zNDIgMTUuOTQyIDQuODIxIDE1Ljc3NyA0LjM4MyBDIDE1Ljc1NyA0LjMyOCAxNS43MjkgNC4yNzkgMTUuNzAzIDQuMjI5IEwgMTUuNjc2IDQuMTcyIEMgMTUuNTE0IDMuODQyIDE1LjI1NyAzLjU2OCAxNC45MzggMy4zODUgQyAxNC4xODUgMi45NjkgMTMuMjY0IDMuMDE1IDEyLjAwNiAzIEwgOC45NjcgMyBMIDYuOTQ1IDEgTCAzLjk5NiAxIEwgMy45OTQgMSBaIi8+Cjwvc3ZnPgo=');
+}
@media screen and (prefers-color-scheme: dark) {
-/* General - dark theme
----------------------------------------------------------------------------- */
- body {
- background-color: #303030;
- color: #e2e2e2;
+ :root {
+ --bg: #393E46;
+ --bg-alt: #222831;
+ --fg: #D8D9CF;
+ --border: 216,217,207,0.2;
}
}
-/* General - light theme
+/* General
---------------------------------------------------------------------------- */
html {
}
body {
- font: 13px Helvetica,arial,freesans,clean,sans-serif;
+ font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif;
line-height: 1.4;
margin: 0 0 105px;
- background-color: #fff;
- color: #000000;
+ background-color: var(--bg);
+ color: var(--fg);
}
/* Monospaced Fonts */
.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
- font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
+ font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace;
}
a:link, a:visited {
- color: #4183C4;
text-decoration: none;
}
+a:link {
+ color: var(--link);
+}
+
+a:visited {
+ color: var(--link-visited);
+}
+
a:hover {
text-decoration: underline;
}
padding-left: 20px;
display: block;
float: left;
- height: 16px;
- line-height: 16px;
+ height: 32px;
+ line-height: 32px;
}
+/* Folder Icon */
td.list a[href*='tree'] {
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABq0lEQVQ4y8WTu4oUQRSGv+rtGVuxhwVFdFEEE2c3d0HYTEMTn8DEVxADQTDUF9DMwMxQMBMx8AEWzRQ3cBHd9TI91+2urjq/QbczY2IygSep4nD+79yqnCRWsYQVbWVACvDh5ZXdrLe15dwyT1TjT/sxFFeB6i+VA2B6+cb7kAI4Jf0LO087zjlQI8Y5Qvnj0sHug321XoC1bk+K9eHk6+s7wPMUgKAS88eqb4+Jfg2SHs7lZBvX2Nh+2EUCDGSAcMnJsx9f7NxfAGqXyDzRd5EJO/pMPT1gcviGTnYOVIN5pAAE8v7dLrKL8xnglFk4ws9Afko9HpH3b5Gd2mwb/lOBmgrSdYhJugDUCenxM6xv3p4HCsP8F0LxCsUhCkMURihOyM7fg0osASTFEpu9a4LjGIUCqwcoDiEUrX+E4hRUQb20RiokC1j9vckUhygU7X3QZh7NAVKYL7YBeMkRUfjVCotF2XGIwnghtrJpMywB5G0QZj9P1JNujuWJ1AHLQadRrACPkuZ0SSSWpeStWgDK6tHek5vbiOs48n++XQHurcf0rFng//6NvwG+iB9/4duaTgAAAABJRU5ErkJgggo=) center left no-repeat;
+ background: var(--dir-icon) center left no-repeat;
}
+/* File Icon */
td.list a[href*='blob'] {
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
+ background: var(--file-icon) center left no-repeat;
}
i {
margin-bottom: 20px;
font-size: 20px;
font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
- background: #FFFFFF; /* old browsers */
- background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); /* firefox */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* webkit */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* ie */
- background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
- border-bottom: 1px solid #dfdfdf;
+ 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: #4183C4;
+ color: var(--link);
text-decoration: none;
padding: 3px;
font-weight: bold;
height: 80px;
line-height: 80px;
margin-top: 15px;
- background: #f1f1f1;
- border-top: 2px solid #ddd;
- border-bottom: 1px solid #ddd;
+ background: var(--bg);
+ border-top: 2px solid var(--border);
+ border-bottom: 1px solid var(--border);
}
.page_footer_text {
- color: #666;
+ color: var(--fg);
display: inline;
float: left;
margin-left: 25px;
.index_include {
width: 95%;
margin: 0 auto 15px;
- background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
- border: 1px solid #DFDFDF;
+ 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;
.history {
width: 95%;
margin: 0 auto 15px auto;
- border: 1px solid #d8d8d8;
+ 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);
.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);
+}