Enabled new login page

public/oldschool/css/main.css

@@ -29,6 +29,7 @@ img::-moz-selection {
 img::selection {
 	background-color:rgba(0,172,0,.5)
 }
+
 a,
 a:before,
 a:after,
@@ -40,9 +41,9 @@ textarea {
 a:link {
 	text-decoration:none
 }
-:not(dt)>a:link,
-:not(dt)>a:visited {
-	color:#0aa
+
+.cap {
+	text-transform:uppercase
 }
 
 div p:last-child {
@@ -50,27 +51,23 @@ div p:last-child {
 }
 
 body {
+	font-family:ibmbios2y,monospace;
+	font-size:16px;
 	background-color: #000;
 	color: #aaa;
 	overflow-x: hidden;
 	overflow-y: scroll;
 	margin: 0;
-	line-height: 20px
-}
-
-body {
-	font-family:ibmbios2y,monospace;
-	font-size:16px
-}
-
-body {
+	line-height: 20px;
 	position:relative;
 	padding-bottom:68px;
-	min-height:100%
+	min-height:100%;
 }
 
 sup {
 	color: #530000;
+	vertical-align: unset !important;
+	top: -.3em;
 }
 sup:before {
 	content: '[';
@@ -112,7 +109,7 @@ sup:after {
 	width: 216px;
 	font-size: 1.5em;
 	font-weight:400;
-	padding: 0;
+	padding: 12px 0 0 0;
 	color: #fff;
 	display: inline-block;
 	text-transform:uppercase;
@@ -203,7 +200,7 @@ ul#navlist-desktop {
 	height:calc(100vh - 3em + 8px);
 	width:22ch;
 	overflow:hidden;
-	padding-top:.5em;
+	padding-top:1.5em;
 	color:#c60;
 	background-color:#000;
 	box-sizing:border-box;
@@ -280,7 +277,7 @@ ul#navlist-desktop {
 	margin-top:8px
 }
 #content h3,
-#content h4 {
+#content h4:not(.alert-heading) {
 	font-size:100%;
 	font-weight:400;
 	text-align:left
@@ -291,7 +288,7 @@ ul#navlist-desktop {
 	color:#c60;
 	border-bottom:1px solid #b00
 }
-#content h4 {
+#content h4:not(.alert-heading) {
 	box-sizing:border-box;
 	margin:0 0 1em -.3px;
 	color:#b00;
@@ -344,8 +341,9 @@ dt a:active {
 	background-color:#0aa
 }
 dd {
-	margin-left:0;
-	text-align:left
+	margin-left: 0;
+	margin-bottom: 0;
+	text-align: left;
 }
 dd a::before {
 	content:"\BB\a0";
@@ -363,6 +361,53 @@ dd a:active {
 	background-color:#0aa
 }
 
+form div.row {
+	padding-top: 15px;
+	--bs-gutter-x: 0;
+}
+
+.greyframe {
+	position:relative;
+	background-color: #192124;
+	padding:0 4ch 1em;
+	margin-top:.5em;
+	max-width:calc(100% - 2ch)
+}
+.greyframe>* {
+	z-index:1;
+	position:relative
+}
+.greyframe.shadow0xb0:before {
+	filter:saturate(0) brightness(.42)
+}
+.greyframe:after {
+	content:' ';
+	position:absolute;
+	top:5px;
+	left:10px;
+	width:calc(100% - 20px);
+	height:calc(100% - 13px);
+	border-top:3px double #eee;
+	border-bottom:3px double #eee;
+	border-left:5px double #eee;
+	border-right:5px double #eee;
+	z-index:0
+}
+.greyframe h2.cap {
+	width:24ch;
+	margin:23px auto -23px auto!important;
+	z-index:1
+}
+.greyframe h2.cap+h3,
+.greyframe h2.cap+p {
+	margin-top:1em
+}
+
+label.form-label {
+	font-size: 75%;
+	margin-bottom: 1px;
+}
+
 p {
 	margin:0 0 1em;
 	padding:0;
@@ -370,6 +415,62 @@ p {
 	word-break:break-word
 }
 
+.pad {
+	padding:1em 1.5ch;
+	background-color:#292929;
+	text-align:left
+}
+.pad h1 {
+	color: #ff0000 !important;
+	text-shadow: 2px 2px 0 #360303 !important;
+	border-bottom: 2px solid #ff9999 !important;
+}
+.pad-alert {
+	background-color: #2a1a1a;
+	color: #ff3333;
+	width: 400px;
+	margin: auto;
+}
+
+.row {
+	text-align: left;
+}
+
+.shadow0xb0:before {
+	background-color:#000;
+	z-index:-20;
+	position:absolute;
+	display:block;
+	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACAQMAAABFZu8gAAAABlBMVEUAqqoAAAC9JseZAAAADElEQVQI12O4wMwBAAKCANzeIkjIAAAAAElFTkSuQmCC);
+	content:' ';
+	width:100%;
+	height:100%;
+	top:16px;
+	left:16px;
+	transition:all .1s ease-in-out
+}
+
+
+.text-center {
+	text-align:center;
+}
+.text-left {
+	text-align:left;
+}
+.text-right {
+	text-align:right;
+}
+
+.titledbox {
+	margin:1.5em auto 2.5em auto
+}
+.titledbox h2 {
+	position:relative;
+	margin:0 auto -.5em auto!important;
+	top:-2em;
+	box-shadow:8px 9px 0 0 #000 !important;
+}
+
 ul {
 	text-align:left
 }
@@ -383,33 +484,51 @@ ul {
 	height:48px;
 	width:100%
 }
-a#getback,
-a#getback:link,
-a#getback:visited {
+
+a.goback,
+a.goback:link,
+a.goback:visited {
 	display:inline-block;
 	text-decoration:none;
 	color:#0a0;
 	padding:.5em 1ch;
 	margin:0 3ch 0 0
 }
-a#getback:active,
-a#getback:hover {
+a.goback:active,
+a.goback:hover {
 	color:#5f5;
 	background-color:#333
 }
-a#getback:focus {
+a.goback:focus {
 	color:#5ff;
 	background-color:#333;
 	outline:0
 }
-a#getback:before {
+a.goback:before {
 	color:#a00;
 	content:"\25C4\25C4\a0"
 }
-a#getback:active:before,
-a#getback:hover:before {
+a.goback:active:before,
+a.goback:hover:before {
 	color:#f55
 }
-a#getback:focus:before {
+a.goback:focus:before {
 	color:#fff
+}
+
+.gohome {
+	text-align:right;
+	float:right
+}
+.gohome:before {
+	color:#0aa;
+	content:"\25b2\a0"
+}
+.gohome:after {
+	color:#0aa;
+	content:"\a0\25b2"
+}
+.gohome:hover:before,
+.gohome:hover:after {
+	color:#a50!important
 }