X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=gitweb-danixland%2Fgitweb.css;h=36dfa4e4837514fa33e40df6e134de1540091146;hb=17729600a0b68319535dcf6694e0060b55fa3abb;hp=a6014e3dc7787be31fc25e63b6060b5dba88653b;hpb=b2b72247bc926ed2300802868831d4e1a3662e43;p=gitweb-theme-danix.git

diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index a6014e3..36dfa4e 100644
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -1,3 +1,7 @@
+/* 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
 ------------------------------------------------------------------------- */
 
@@ -45,15 +49,27 @@ a { outline: none; }
 ------------------------------------------------------------------------- */
 :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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIj4KIDxkZWZzPgogICA8c3R5bGUgaWQ9ImN1cnJlbnQtY29sb3Itc2NoZW1lIiB0eXBlPSJ0ZXh0L2NzcyI+CiAgIC5Db2xvclNjaGVtZS1UZXh0IHsgY29sb3I6ICM5Mzk1OTc7IH0gLkNvbG9yU2NoZW1lLUhpZ2hsaWdodCB7IGNvbG9yOiAjMUFENkFCOyB9CiAgPC9zdHlsZT4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImFycm9uZ2luIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjZGQ5YjQ0OyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2FkNmMxNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImF1cm9yYSIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzA5RDRERjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6ICM5MjY5RjQ7IHN0b3Atb3BhY2l0eTogMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJjeWJlcm5lb24iIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6ICMwYWJkYzY7IHN0b3Atb3BhY2l0eTogMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjogI2VhMDBkOTsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImZpdGRhbmNlIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMUFENkFCOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzMyOURCNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9Im9vbW94IiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjZDg5MDAwOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzcyNGIwMDsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9InJhaW5ibHVlIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMDBGMjYwOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzA1NzVFNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9InN1bnJpc2UiIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNGRjg1MDE7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjRkZDQjAxOyBzdG9wLW9wYWNpdHk6IDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0idGVsaW5rcmluIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjYjJjZWQ2OyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzZkYTViNzsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9IjYwc3BzeWNobyIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2RmNTk0MDsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2Q4ZDE1Zjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2U5ODgyYTsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6ICMyNzkzNjI7IHN0b3Atb3BhY2l0eTogMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSI5MHNzdW1tZXIiIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNmNjE4Yzc7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICM5NGZmYWI7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNmYmZkNTQ7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMGY4M2FlOyBzdG9wLW9wYWNpdHk6IDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogPC9kZWZzPgogPHBhdGggZmlsbD0idXJsKCNvb21veCkiIGNsYXNzPSJDb2xvclNjaGVtZS1UZXh0IiBkPSJNIDMuOTk0IDEgQyAyLjczNiAxLjAxNSAxLjgxNSAwLjk3MSAxLjA2MiAxLjM4NyBDIDAuNjcyIDEuNjA4IDAuMzc0IDEuOTYxIDAuMjIyIDIuMzgzIEMgMC4wNTggMi44MjEgMCAzLjM0MyAwIDQgTCAwIDEyIEMgMCAxMi42NTggMC4wNTggMTMuMTc5IDAuMjIzIDEzLjYxNyBDIDAuMzg3IDE0LjA1NiAwLjY4NiAxNC40MDcgMS4wNjMgMTQuNjE1IEMgMS44MTUgMTUuMDMxIDIuNzM2IDE0Ljk4NSAzLjk5NCAxNSBMIDEyLjAwNiAxNSBDIDEzLjI2NCAxNC45ODUgMTQuMTg1IDE1LjAzIDE0LjkzOCAxNC42MTUgQyAxNS4zMTQgMTQuNDA4IDE1LjYxMyAxNC4wNTUgMTUuNzc4IDEzLjYxNyBDIDE1Ljk0MiAxMy4xNzkgMTYgMTIuNjU3IDE2IDEyIEwgMTYgNiBDIDE2IDUuMzQyIDE1Ljk0MiA0LjgyMSAxNS43NzcgNC4zODMgQyAxNS43NTcgNC4zMjggMTUuNzI5IDQuMjc5IDE1LjcwMyA0LjIyOSBMIDE1LjY3NiA0LjE3MiBDIDE1LjUxNCAzLjg0MiAxNS4yNTcgMy41NjggMTQuOTM4IDMuMzg1IEMgMTQuMTg1IDIuOTY5IDEzLjI2NCAzLjAxNSAxMi4wMDYgMyBMIDguOTY3IDMgTCA2Ljk0NSAxIEwgMy45OTYgMSBMIDMuOTk0IDEgWiIvPgo8L3N2Zz4K");
 }
 @media screen and (prefers-color-scheme: dark) {
-  --bg: #393E46;
-  --fg: #D8D9CF;
+  :root {
+    --bg: #393E46;
+    --bg-alt: #222831;
+    --fg: #D8D9CF;
+    --border: 216,217,207,0.2;
+    --dir-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIj4KIDxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0gMy45OTQgMSBDIDIuNzM2IDEuMDE1IDEuODE1IDAuOTcxIDEuMDYyIDEuMzg3IEMgMC42NzIgMS42MDggMC4zNzQgMS45NjEgMC4yMjIgMi4zODMgQyAwLjA1OCAyLjgyMSAwIDMuMzQzIDAgNCBMIDAgMTIgQyAwIDEyLjY1OCAwLjA1OCAxMy4xNzkgMC4yMjMgMTMuNjE3IEMgMC4zODcgMTQuMDU2IDAuNjg2IDE0LjQwNyAxLjA2MyAxNC42MTUgQyAxLjgxNSAxNS4wMzEgMi43MzYgMTQuOTg1IDMuOTk0IDE1IEwgMTIuMDA2IDE1IEMgMTMuMjY0IDE0Ljk4NSAxNC4xODUgMTUuMDMgMTQuOTM4IDE0LjYxNSBDIDE1LjMxNCAxNC40MDggMTUuNjEzIDE0LjA1NSAxNS43NzggMTMuNjE3IEMgMTUuOTQyIDEzLjE3OSAxNiAxMi42NTcgMTYgMTIgTCAxNiA2IEMgMTYgNS4zNDIgMTUuOTQyIDQuODIxIDE1Ljc3NyA0LjM4MyBDIDE1Ljc1NyA0LjMyOCAxNS43MjkgNC4yNzkgMTUuNzAzIDQuMjI5IEwgMTUuNjc2IDQuMTcyIEMgMTUuNTE0IDMuODQyIDE1LjI1NyAzLjU2OCAxNC45MzggMy4zODUgQyAxNC4xODUgMi45NjkgMTMuMjY0IDMuMDE1IDEyLjAwNiAzIEwgOC45NjcgMyBMIDYuOTQ1IDEgTCAzLjk5NiAxIEwgMy45OTQgMSBaIi8+Cjwvc3ZnPgo=');
+  }
 }
 
 
-/* General - light theme
+/* General
 ---------------------------------------------------------------------------- */
 
 html {
@@ -62,7 +78,7 @@ 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: var(--bg);
@@ -71,14 +87,21 @@ body {
 
 /* 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;
 }
@@ -87,16 +110,18 @@ td.list a[href*='tree'], td.list a[href*='blob'] {
   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 {
@@ -132,16 +157,15 @@ td, th {
   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;
@@ -174,13 +198,13 @@ td, th {
   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;
@@ -227,8 +251,8 @@ a.rss_logo:hover {
 .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;
@@ -245,7 +269,7 @@ a.rss_logo:hover {
 .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);
@@ -774,3 +798,21 @@ td.pre, div.pre, div.diff {
 .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);
+}