al6 glowup

html/airlocksix/favicon.svg

@@ -2,6 +2,6 @@
 <svg width="256px" height="256px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <g>
   <path fill="none" d="M0 0h24v24H0z"/>
-  <path fill="#c79908" d="M14.886 2l-4.438 7.686A6.5 6.5 0 1 1 6.4 12.7L12.576 2h2.31zM12 11.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z"/>
+  <path fill="#929ab6" d="M14.886 2l-4.438 7.686A6.5 6.5 0 1 1 6.4 12.7L12.576 2h2.31zM12 11.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z"/>
  </g>
 </svg>

html/airlocksix/index.css

@@ -1,3 +1,17 @@
+:root {
+ --nord:#24273a;
+ --one:#b8c0e0;
+ --two:#a5adcb;
+ --three:#929ab6;
+ --four:#7f87a1;
+ --five:#6c748c;
+ --six:#596177;
+ --seven:#464e62;
+ --eight:#333b4d;
+ --nine:#202838;
+ --ten:#0d1523;
+ --code:#1e2030;
+}
 header,section {
  display:block;
 }
@@ -5,20 +19,43 @@ body{
  font-size:16px;
  margin:0 auto;
  line-height:1.4;
- background:#1a1a1a;
+ background:var(--nord);
- color:#d4d4d4;
+ color:var(--two);
  font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
 }
 a {
- color:#64d7ff;
+ color:var(--two);
  text-decoration:none;
 }
 a:hover {
+ color:var(--one);
  text-decoration:underline;
 }
+h1, h2, h3, h4, h5, h6 {
+ color:var(--one);
+}
+a code {
+ box-shadow:0 -1px 0 var(--one) inset;
+}
+pre, code {
+ display:block;
+ margin:auto 0;
+ padding:5px;
+ overflow-x:auto;
+ word-break:break-all;
+ background:var(--code);
+}
+blockquote {
+ margin:15px;
+ padding:0 10px;
+ border-inline-start:3px solid var(--three);
+}
+hr {
+ background:var(--three);
+}
 ::selection {
- color:#1a1a1a;
+ color:var(--nord);
- background:#c79908;
+ background:var(--one);
 }
 h1 {
  font-size:2em;
@@ -28,7 +65,7 @@ h1{
  position:relative;
 }
 #header {
- padding-top:50px;
+ padding-top:30px;
  transform:translate3d(0,0,0);
 }
 .title-wrapper {
@@ -52,27 +89,28 @@ h1{
  transform:translateY(1px);
 }
 .title a {
- color:#e4e4e4;
  display:block;
  text-decoration:none;
 }
 .description {
- color:#c79908;
+ color:var(--four);
- margin:50px 0 0;
+ margin:20px 0 20px;
  display:block;
 }
 .title + .description {
  margin-top:10px !important;
 }
 .footdesc {
- color:#666666;
+ color:var(--six);
  margin:20px 0 0;
  display:block;
  font-size:14px;
 }
 .footdesc a {
- color:#666666;
+ color:var(--six);
- text-decoration:none;
+}
+.footdesc a:hover {
+ color:var(--four);
 }
 .footlink {
  text-align:center;
@@ -87,13 +125,34 @@ h1{
 .valign {
  vertical-align:middle;
 }
-.linkbox a{
+.divTable {
- color: #3498db;
+ font-size:16px;
- background-color: rgba(223, 255, 123, 0.1);
+ line-height:2.0;
- border-radius: 4px;
+ display:table;
- padding-left: 0.5rem;
+ margin:auto;
- padding-right: 0.5rem;
+ border:1px solid var(--seven);
- padding-top: 0.375rem;
+}
- padding-bottom: 0.375rem;
+.divTableRow {
+ display:table-row;
+}
+.divTableHeading {
+ display:table-header-group;
+}
+.divTableCell, .divTableHead {
+ vertical-align:middle;
+ display:table-cell;
+ padding:5px 10px;
+ border:1px solid var(--seven);
+}
+.divTableHeading {
+ display:table-header-group;
+ font-weight:bold;
+}
+.divTableFoot {
+ display:table-footer-group;
+ font-weight:bold;
+}
+.divTableBody {
+ display:table-row-group;
 }