830 lines
13 KiB
CSS
830 lines
13 KiB
CSS
@font-face {
|
|
/* font-family: 'IBM BIOS-2y'; */
|
|
font-family: ibmbios2y;
|
|
src: url(../font/Web437_IBM_BIOS-2y.woff) format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
html {
|
|
height:100%;
|
|
box-sizing:border-box
|
|
}
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing:inherit
|
|
}
|
|
::-moz-selection {
|
|
background-color:#0a0;
|
|
color:#000
|
|
}
|
|
::selection {
|
|
background-color:rgba(0,172,0,.99);
|
|
color:#000
|
|
}
|
|
img::-moz-selection {
|
|
background-color:#0a0
|
|
}
|
|
img::selection {
|
|
background-color:rgba(0,172,0,.5)
|
|
}
|
|
|
|
a,
|
|
a:before,
|
|
a:after,
|
|
input,
|
|
select,
|
|
textarea {
|
|
transition:color .15s,background-color .15s,border-color .15s,opacity .15s
|
|
}
|
|
a:link {
|
|
text-decoration:none
|
|
}
|
|
a.disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.accordion-body {
|
|
padding: 10px 0 10px 0;
|
|
}
|
|
.accordion-item {
|
|
background-color: inherit;
|
|
}
|
|
.accordion-item h3.accordion-header {
|
|
padding: 10px 0 10px 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.accordion-body > ul > li > p {
|
|
display: inline;
|
|
}
|
|
|
|
.cap {
|
|
text-transform:uppercase
|
|
}
|
|
|
|
.input-helper {
|
|
display: block;
|
|
margin-top: .25rem;
|
|
font-size: .875em;
|
|
width: 100%;
|
|
}
|
|
|
|
strong.highlight {
|
|
color: #eee;
|
|
}
|
|
|
|
strong.danger {
|
|
color: #e00;
|
|
}
|
|
|
|
strong.success {
|
|
color: #0e0;
|
|
}
|
|
|
|
strong.gray {
|
|
color: #565656;
|
|
}
|
|
|
|
body {
|
|
font-family:ibmbios2y,monospace;
|
|
font-size:16px;
|
|
background-color: #000;
|
|
color: #aaa;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
margin: 0;
|
|
line-height: 20px;
|
|
position:relative;
|
|
padding-bottom:68px;
|
|
min-height:100%;
|
|
}
|
|
|
|
sup {
|
|
color: #530000;
|
|
vertical-align: unset !important;
|
|
top: -.3em;
|
|
}
|
|
sup:before {
|
|
content: '[';
|
|
}
|
|
sup:after {
|
|
content: ']';
|
|
padding-right: 2px;
|
|
}
|
|
sup:before,
|
|
sup:after {
|
|
color: #aa0000;
|
|
}
|
|
sup.success {
|
|
color: #005300;
|
|
}
|
|
|
|
sup.success:before,
|
|
sup.success:after {
|
|
color: #00aa00;
|
|
}
|
|
|
|
#nav {
|
|
width: 100%;
|
|
position: fixed;
|
|
background: #2e2e2e;
|
|
height: 3em;
|
|
z-index: 4;
|
|
box-sizing: content-box
|
|
}
|
|
#nav-menu {
|
|
color:#aaa;
|
|
padding:0;
|
|
position:fixed;
|
|
z-index:4;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
margin-top:0;
|
|
margin-bottom:0;
|
|
margin-left:5%;
|
|
margin-right:5%;
|
|
text-align:left;
|
|
}
|
|
#nav-menu h1 {
|
|
width: 15%;
|
|
font-size: 1.5em;
|
|
font-weight:400;
|
|
padding: 12px 0 0 0;
|
|
color: #fff;
|
|
display: inline-block;
|
|
text-transform:uppercase;
|
|
}
|
|
#nav-menu ul {
|
|
margin:0;
|
|
padding:0;
|
|
display:inline-block;
|
|
text-transform:uppercase;
|
|
}
|
|
#nav-menu ul li {
|
|
display:inline-block;
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
#nav-menu ul li a,
|
|
#nav-menu ul li a:link,
|
|
#nav-menu ul li a:visited {
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
color:#ff5;
|
|
padding:0 11px;
|
|
margin:7px;
|
|
border-top:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
border-right:2px solid #fff;
|
|
border-left:2px solid #fff;
|
|
}
|
|
#nav-menu ul:after {
|
|
padding:8px 0 7px 2px;
|
|
display:inline-block;
|
|
}
|
|
#nav-menu ul li a span {
|
|
display:inline-block;
|
|
padding:8px 0 7px
|
|
}
|
|
#nav-menu ul li.switched,
|
|
#nav-menu ul li a:active,
|
|
#nav-menu ul li a:hover,
|
|
#nav-menu ul li a:focus {
|
|
color:#fff;
|
|
background-color:#a00;
|
|
outline:0
|
|
}
|
|
#nav-menu ul li a span:before {
|
|
content:"["
|
|
}
|
|
#nav-menu ul li a span:after {
|
|
content:"]"
|
|
}
|
|
#nav-menu ul li a span:before,
|
|
#nav-menu ul li a span:after {
|
|
color:#c60
|
|
}
|
|
#nav-menu ul li a:active span:before,
|
|
#nav-menu ul li a:hover span:before,
|
|
#nav-menu ul li a:active span:after,
|
|
#nav-menu ul li a:hover span:after,
|
|
#nav-menu ul li a:focus span:before,
|
|
#nav-menu ul li a:focus span:after {
|
|
color:#aaa
|
|
}
|
|
div#search_results ul {
|
|
color:#eeeeee;
|
|
background-color:#292929;
|
|
font-size: .85rem;
|
|
top:inherit !important;
|
|
}
|
|
div#search_results ul li.dropdown-header {
|
|
display: block;
|
|
color: #fff !important;
|
|
padding: 5px 0 5px 5px !important;
|
|
}
|
|
div#search_results ul li,
|
|
div#search_results ul li a {
|
|
display: block;
|
|
color: #aaa !important;
|
|
margin: 2px 0 2px 0 !important;
|
|
border: 0 !important;
|
|
width: inherit;
|
|
}
|
|
|
|
a.thispage,
|
|
a.thispage:hover {
|
|
border-color:#aaa!important;
|
|
background-color:transparent!important
|
|
}
|
|
a.thispage span,
|
|
a.dropdown-item.thispage,
|
|
a.thispage:hover span {
|
|
color:#c60!important
|
|
}
|
|
a.thispage span:before,
|
|
a.thispage span:after {
|
|
color:#a00!important
|
|
}
|
|
|
|
ul#navlist-desktop {
|
|
position: absolute;
|
|
}
|
|
ul#searchbar li {
|
|
margin: 7px;
|
|
}
|
|
ul#searchbar li input {
|
|
padding-top: 8px;
|
|
padding-bottom: 7px;
|
|
background-color: #2e2e2e;
|
|
color: #222222;
|
|
border: 1px dashed #aaa;
|
|
}
|
|
ul#searchbar li input:focus {
|
|
background-color: #eee;
|
|
color: #000;
|
|
border: 1px solid #aaa;
|
|
}
|
|
ul#searchbar li i {
|
|
left: -1.5em;
|
|
position:relative
|
|
}
|
|
|
|
#sidebar {
|
|
position:absolute;
|
|
left:0;
|
|
top:calc(3em + 5px);
|
|
height:calc(100vh - 3em + 5px);
|
|
width:15%;
|
|
/*margin-right: 10px;*/
|
|
overflow:hidden;
|
|
padding-top:1em;
|
|
color:#c60;
|
|
background-color:#000;
|
|
box-sizing:border-box;
|
|
transition:left .1s ease-out
|
|
}
|
|
#sidebar.x {
|
|
width:25ch
|
|
}
|
|
#sidebar-scroller {
|
|
overflow-y:scroll;
|
|
padding-right:0;
|
|
box-sizing:content-box;
|
|
width:100%;
|
|
text-align:left;
|
|
height:calc(100vh - 3em + 8px)
|
|
}
|
|
#sidebar dl:last-child {
|
|
margin-bottom:2em
|
|
}
|
|
#sidebar ::-webkit-scrollbar {
|
|
display:none
|
|
}
|
|
|
|
#content {
|
|
color:#aaa;
|
|
max-width:95%;
|
|
padding-top: 3.5em;
|
|
padding-left: 7px;
|
|
box-sizing:border-box;
|
|
overflow:hidden
|
|
}
|
|
#content a.anchor {
|
|
display:block;
|
|
position:relative;
|
|
top:-4em;
|
|
visibility:hidden
|
|
}
|
|
|
|
.with-sidebar {
|
|
position:relative;
|
|
margin-left: 18.5% !important;
|
|
max-width:75% !important;
|
|
}
|
|
|
|
/* MAIN CONTENT HEADERS */
|
|
#content h1 {
|
|
color: #fff;
|
|
font-weight: 400;
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
text-shadow: 2px 2px 0 #555;
|
|
border-bottom: 2px solid #aaa;
|
|
}
|
|
#content h1>small {
|
|
font-size: 35%;
|
|
color: #403f3f;
|
|
text-shadow: none;
|
|
}
|
|
#content h2 {
|
|
color:#fff;
|
|
background-color:#a00;
|
|
display:inline-block;
|
|
font-size:100%;
|
|
font-weight:400;
|
|
text-align:center;
|
|
padding:9px 8px 7px;
|
|
margin:24px auto 40px auto;
|
|
box-shadow:8px 9px 0 0 #333
|
|
}
|
|
#content h2:first-child {
|
|
margin-top:8px
|
|
}
|
|
#content h3,
|
|
#content h4:not(.alert-heading) {
|
|
font-size:100%;
|
|
font-weight:400;
|
|
text-align:left
|
|
}
|
|
#content h3 {
|
|
padding:0 0 7px;
|
|
margin:0 0 24px -.3px;
|
|
color:#c60;
|
|
border-bottom:1px solid #b00
|
|
}
|
|
#content h4:not(.alert-heading) {
|
|
box-sizing:border-box;
|
|
margin:0 0 1em -.3px;
|
|
color:#b00;
|
|
display:inline-block;
|
|
padding-right:1ch
|
|
}
|
|
#content h5 {
|
|
color:#c60;
|
|
}
|
|
|
|
#content>div.row:not(:first-child) {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
#content ul {
|
|
margin:0 1ch;
|
|
padding-left:1ch;
|
|
list-style-type:none
|
|
}
|
|
#content ul ul {
|
|
margin:0;
|
|
padding-left:0;
|
|
list-style-type:none
|
|
}
|
|
#content ul.ind {
|
|
margin-right:2ch
|
|
}
|
|
#content ul:not(.pagination) li {
|
|
margin:0 1ch;
|
|
text-indent:-3ch;
|
|
padding-left:3ch;
|
|
display:block
|
|
}
|
|
#content ul:not(.pagination) li:before {
|
|
content:"\2666\a0\A0";
|
|
color:#0a0
|
|
}
|
|
|
|
#content ul li:last-child {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.actions {
|
|
width: 1%;
|
|
}
|
|
dl {
|
|
margin:1em -1px 0 1px
|
|
}
|
|
dt {
|
|
color:#5ff
|
|
}
|
|
dd {
|
|
margin-left: 0;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
dd a::before {
|
|
content:"\BB\a0";
|
|
color:#a00;
|
|
background-color:#000
|
|
}
|
|
dd a:hover:before,
|
|
dd a:active:before {
|
|
content:"\25BA\A0";
|
|
color:#c60
|
|
}
|
|
dd a:hover,
|
|
dd a:active {
|
|
color:#fff!important;
|
|
background-color:#0aa
|
|
}
|
|
|
|
form div.row {
|
|
padding-top: 15px;
|
|
--bs-gutter-x: 0;
|
|
}
|
|
|
|
.form-check.form-switch .form-check-input {
|
|
top: -.15em;
|
|
position: relative;
|
|
}
|
|
|
|
.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
|
|
}
|
|
.greyframe>div.row:last-child,
|
|
.greyframe>div>div.row:last-child,
|
|
.greyframe>form>div.row:last-child {
|
|
padding-bottom: 15px;
|
|
}
|
|
.greyframe div.row div[class^="col-"]:not(:first-child) {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
label.form-label {
|
|
font-size: 75%;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
label.list-group-item {
|
|
background-color: inherit;
|
|
color: inherit;
|
|
}
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
p {
|
|
margin:0 0 1em;
|
|
padding:0;
|
|
text-align:left;
|
|
word-break:break-word
|
|
}
|
|
p>small {
|
|
color: #bbb;
|
|
}
|
|
p>small:before {
|
|
content: '[';
|
|
}
|
|
p>small:after {
|
|
content: ']';
|
|
}
|
|
p>small:before,
|
|
p>small:after {
|
|
color: #eee;
|
|
}
|
|
div p:last-child {
|
|
margin-bottom:0
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
pre,
|
|
pre code {
|
|
font-family:ibmbios2y,monospace;
|
|
font-size:14px;
|
|
color: #ccc;
|
|
margin:0;
|
|
padding: 0 0 20px 0;
|
|
font-weight:400;
|
|
text-align:left;
|
|
white-space:pre-wrap;
|
|
white-space:-moz-pre-wrap;
|
|
white-space:-pre-wrap;
|
|
white-space:-o-pre-wrap;
|
|
word-wrap:break-word;
|
|
text-indent:initial
|
|
}
|
|
pre.highlight {
|
|
color: #eee;
|
|
}
|
|
|
|
.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
|
|
}
|
|
|
|
table {
|
|
border-collapse:collapse;
|
|
color:#fff;
|
|
}
|
|
th {
|
|
font-weight:400
|
|
}
|
|
td {
|
|
padding:0 4px
|
|
}
|
|
thead {
|
|
background-color:#222;
|
|
border-top:1px solid #555;
|
|
border-bottom:3px double #555;
|
|
border-left:2px solid #555;
|
|
border-right:2px solid #555
|
|
}
|
|
tbody {
|
|
border-left:2px solid #555;
|
|
border-right:2px solid #555;
|
|
border-bottom:1px solid #555
|
|
}
|
|
.monotable {
|
|
margin-top:.5em;
|
|
margin-bottom:1.5em;
|
|
text-indent:0
|
|
}
|
|
.monotable.sbm {
|
|
margin-bottom:.5em
|
|
}
|
|
.monotable thead {
|
|
color:#fff;
|
|
background-color:#000
|
|
}
|
|
.monotable thead tr:first-child {
|
|
border-top:1px solid #666;
|
|
border-left:2px solid #666;
|
|
border-right:2px solid #666;
|
|
border-bottom:1px solid #666;
|
|
}
|
|
.monotable thead tr {
|
|
border-top:1px solid #666;
|
|
border-left:2px solid #666;
|
|
border-right:2px solid #666;
|
|
border-bottom: 0;
|
|
}
|
|
.monotable th {
|
|
padding:.5em 1.5ch .4em;
|
|
border-right:2px solid #666
|
|
}
|
|
.monotable tbody {
|
|
background-color:#1e1e1e;
|
|
border-top:3px double #666;
|
|
border-left:2px solid #666;
|
|
border-right:2px solid #666;
|
|
border-bottom:2px solid #666;
|
|
color: #eee;
|
|
}
|
|
.monotable tbody tr.admin {
|
|
color: #ff3333;
|
|
}
|
|
.monotable tbody td {
|
|
padding-left:1.5ch!important;
|
|
padding-right:1.5ch!important;
|
|
vertical-align:top;
|
|
}
|
|
.monotable tbody tr:first-child td {
|
|
padding-top:9px!important
|
|
}
|
|
.monotable tbody tr:last-child td {
|
|
padding-bottom:7px!important
|
|
}
|
|
.monotable tbody tr td:not(:last-child) {
|
|
border-right:2px solid #666
|
|
}
|
|
|
|
.monotable tfoot {
|
|
background-color:#000;
|
|
border: 0;
|
|
}
|
|
.monotable tfoot tr td {
|
|
border-bottom: 0;
|
|
color: #eee;
|
|
font-size: 85%;
|
|
}
|
|
|
|
table.noborder {
|
|
margin-top:.5em;
|
|
margin-bottom:1.5em;
|
|
text-indent:0;
|
|
|
|
}
|
|
table.noborder thead {
|
|
color:#fff;
|
|
background-color:#000;
|
|
border-style: none;
|
|
}
|
|
table.noborder thead tr:first-child {
|
|
border: 0;
|
|
}
|
|
table.noborder thead tr {
|
|
border: 0;
|
|
}
|
|
table.noborder th {
|
|
border: 0;
|
|
}
|
|
table.noborder tbody {
|
|
border-style: none;
|
|
}
|
|
table.noborder td {
|
|
border: 0;
|
|
}
|
|
table.noborder tbody tr td:not(:last-child) {
|
|
border: 0;
|
|
}
|
|
table.noborder tfoot {
|
|
background-color:#000;
|
|
border: 0;
|
|
}
|
|
table.noborder tfoot tr td {
|
|
border-bottom: 0;
|
|
color: #eee;
|
|
font-size: 85%;
|
|
}
|
|
|
|
.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
|
|
}
|
|
|
|
#footer {
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
text-align:center;
|
|
height:48px;
|
|
width:100%
|
|
}
|
|
|
|
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.goback:active,
|
|
a.goback:hover {
|
|
color:#5f5;
|
|
background-color:#333
|
|
}
|
|
a.goback:focus {
|
|
color:#5ff;
|
|
background-color:#333;
|
|
outline:0
|
|
}
|
|
a.goback:before {
|
|
color:#a00;
|
|
content:"\25C4\25C4\a0"
|
|
}
|
|
a.goback:active:before,
|
|
a.goback:hover:before {
|
|
color:#f55
|
|
}
|
|
a.goback:focus:before {
|
|
color:#fff
|
|
}
|
|
|
|
a.link,
|
|
a.link:link,
|
|
a.link:visited {
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
color:#0a0;
|
|
padding:.5em 0 0 1ch;
|
|
margin:0 0 0 3ch;
|
|
}
|
|
a.link:active,
|
|
a.link:hover {
|
|
color:#5f5;
|
|
background-color:#333
|
|
}
|
|
a.link:focus {
|
|
color:#5ff;
|
|
background-color:#333;
|
|
outline:0
|
|
}
|
|
a.link:after {
|
|
color:#a00;
|
|
content:"\a0\25BA\25BA"
|
|
}
|
|
a.link:active:after,
|
|
a.link:hover:after {
|
|
color:#f55
|
|
}
|
|
a.link:focus:after {
|
|
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
|
|
}
|
|
|
|
.modal-header.bg-danger .modal-title {
|
|
color: #fff !important;
|
|
}
|
|
.modal-body {
|
|
color: #0c0c0c;
|
|
}
|
|
|
|
.inactive {
|
|
color: #3f6982;
|
|
}
|
|
|
|
.trashed {
|
|
text-decoration: line-through;
|
|
color: #3f6982;
|
|
} |