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,40 +1,77 @@
-header,section{
+: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;
 }
-body{
+body {
  font-size:16px;
  margin:0 auto;
  line-height:1.4;
- background:#1a1a1a;
- color:#d4d4d4;
+ background:var(--nord);
+ color:var(--two);
  font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
 }
-a{
- color:#64d7ff;
+a {
+ color:var(--two);
  text-decoration:none;
 }
-a:hover{
+a:hover {
+ color:var(--one);
  text-decoration:underline;
 }
-::selection {
- color:#1a1a1a;
- background:#c79908;
+h1, h2, h3, h4, h5, h6 {
+ color:var(--one);
 }
-h1{
+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:var(--nord);
+ background:var(--one);
+}
+h1 {
  font-size:2em;
  margin:.67em 0;
 }
-#page{
+#page {
  position:relative;
 }
-#header{
- padding-top:50px;
+#header {
+ padding-top:30px;
  transform:translate3d(0,0,0);
 }
-.title-wrapper{
+.title-wrapper {
  text-align:center;
 }
-.content{
+.content {
  margin-left:auto;
  margin-right:auto;
  padding:1px 20px;
@@ -42,58 +79,80 @@ h1{
  z-index:2;
  min-width:270px;
 }
-.title{
+.title {
  font-size:42px;
  line-height:1.2;
  margin:40px 0 0;
  word-wrap:break-word;
 }
-.title a:active{
+.title a:active {
  transform:translateY(1px);
 }
-.title a{
- color:#e4e4e4;
+.title a {
  display:block;
  text-decoration:none;
 }
-.description{
- color:#c79908;
- margin:50px 0 0;
+.description {
+ color:var(--four);
+ margin:20px 0 20px;
  display:block;
 }
-.title+.description{
- margin-top:10px!important;
+.title + .description {
+ margin-top:10px !important;
 }
-.footdesc{
- color:#666666;
+.footdesc {
+ color:var(--six);
  margin:20px 0 0;
  display:block;
- font-size: 14px;
+ font-size:14px;
 }
-.footdesc a{
- color:#666666;
- text-decoration:none;
+.footdesc a {
+ color:var(--six);
+}
+.footdesc a:hover {
+ color:var(--four);
 }
 .footlink {
- text-align: center;
+ text-align:center;
 }
 .middle {
- overflow: auto;
- margin: auto;
- display: inline;
- text-align: center;
- vertical-align: middle;
+ overflow:auto;
+ margin:auto;
+ display:inline;
+ text-align:center;
+ vertical-align:middle;
 }
 .valign {
- vertical-align: middle;
+ vertical-align:middle;
 }
-.linkbox a{
- color: #3498db;
- background-color: rgba(223, 255, 123, 0.1);
- border-radius: 4px;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- padding-top: 0.375rem;
- padding-bottom: 0.375rem;
+.divTable {
+ font-size:16px;
+ line-height:2.0;
+ display:table;
+ margin:auto;
+ border:1px solid var(--seven);
+}
+.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;
 }