one last cleanup of the css
This commit is contained in:
parent
f44c28b387
commit
a0aadfa018
139
css/retro.css
139
css/retro.css
|
|
@ -4,75 +4,99 @@
|
|||
font-weight: normal;
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Dot Matrix Bold';
|
||||
src: url("../font/DOTMATRIXB.TTF") format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'FreeMono';
|
||||
src: url("../font/FreeMono.ttf") format('truetype');
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'FreeMono Bold';
|
||||
src: url("../font/FreeMonoBold.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Mode Nine';
|
||||
src: url("../font/modenine.ttf") format('truetype');
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SVI Basic Manual Book';
|
||||
src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SVI Basic Manual Bold';
|
||||
src: url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
|
||||
font-style: auto;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro Medium';
|
||||
src: url("../font/SourceCodePro-Medium.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Classic Console Neue";
|
||||
src: url("../font/clacon2.woff2") format("woff2");
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "VT323 Regular";
|
||||
src: url("../font/VT323-Regular.ttf") format("truetype");
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DEC Terminal Modern";
|
||||
src: url("../font/_decterm.ttf") format("truetype");
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "IBM 3270";
|
||||
src: url("../font/3270-Regular.otf") format("opentype");
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "IBM 3270 Semi-Condensed";
|
||||
src: url("../font/3270SemiCondensed-Regular.otf") format("opentype");
|
||||
font-style: auto;
|
||||
}
|
||||
|
||||
|
||||
.blink {
|
||||
animation: blink-animation 1s steps(2, start) infinite;
|
||||
-webkit-animation: blink-animation 1s steps(2, start) infinite;
|
||||
-webkit-animation: blink-animation 1s steps(2, start) infinite;
|
||||
}
|
||||
|
||||
@keyframes blink-animation {
|
||||
to {
|
||||
visibility: hidden;
|
||||
}
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes blink-animation {
|
||||
to {
|
||||
visibility: hidden;
|
||||
}
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.column {
|
||||
|
|
@ -83,12 +107,15 @@
|
|||
padding-right: 5px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.left, .right {
|
||||
width: 22%;
|
||||
}
|
||||
|
||||
.middle {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
|
|
@ -97,100 +124,112 @@
|
|||
|
||||
html,
|
||||
body {
|
||||
background-color: #222;
|
||||
min-height: 100%;
|
||||
background-color: #222;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
font-family: "SVI Basic Manual Book", monospace;
|
||||
font-size: 16pt;
|
||||
height: 100%;
|
||||
font-family: "SVI Basic Manual Book", monospace;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #23dc66;
|
||||
font-family: "SVI Basic Manual Book", monospace;
|
||||
font-size: 14pt;
|
||||
line-height: 1.15;
|
||||
max-width: 48rem;
|
||||
color: #23dc66;
|
||||
font-family: "SVI Basic Manual Book", monospace;
|
||||
font-size: 14pt;
|
||||
line-height: 1.15;
|
||||
max-width: 48rem;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
font-family: "Classic Console Neue", monospace;
|
||||
font-size: 15px;
|
||||
border: 1px solid;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left: 35%;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
tr:hover {background-color: #23dc66;color: black;}
|
||||
tr:hover {
|
||||
background-color: #23dc66;
|
||||
color: black;
|
||||
}
|
||||
|
||||
ol li {
|
||||
background: #222;
|
||||
color: #fdd461;
|
||||
max-width: 30%;
|
||||
margin-left: 35px;
|
||||
font-family: "Classic Console Neue", monospace;
|
||||
font-size: 15px;
|
||||
background: #222;
|
||||
color: #fdd461;
|
||||
max-width: 30%;
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
color: #fdd461;
|
||||
max-width: 30%;
|
||||
margin-left: 35px;
|
||||
font-family: "Classic Console Neue", monospace;
|
||||
font-size: 15px;
|
||||
color: #fdd461;
|
||||
max-width: 30%;
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
pre {
|
||||
/* font-family: "Classic Console Neue", monospace; */
|
||||
font-size: 13pt;
|
||||
margin-left: 20px;
|
||||
background: #524646;
|
||||
border-left: 3px solid #000000;
|
||||
border-right: 3px solid #000000;
|
||||
border-top: 3px solid #000000;
|
||||
border-bottom: 3px solid #000000;
|
||||
border-radius: 20px;
|
||||
max-width: 55%;
|
||||
padding: .5rem;
|
||||
line-height: 1.15;
|
||||
overflow-x: auto;
|
||||
/* font-family: "Classic Console Neue", monospace; */
|
||||
font-size: 13pt;
|
||||
margin-left: 20px;
|
||||
background: #524646;
|
||||
border-left: 3px solid #000000;
|
||||
border-right: 3px solid #000000;
|
||||
border-top: 3px solid #000000;
|
||||
border-bottom: 3px solid #000000;
|
||||
border-radius: 20px;
|
||||
max-width: 55%;
|
||||
padding: .5rem;
|
||||
line-height: 1.15;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
font-family: "Dot Matrix Regular", monospace;
|
||||
font-size: 13pt;
|
||||
line-height: 1.4;
|
||||
background-image: url(../img/greenbar2.jpg);
|
||||
background-position: left center;
|
||||
background-repeat: repeat;
|
||||
color: #000000;
|
||||
max-width: 55%;
|
||||
border-left: 1px solid #000000;
|
||||
padding: 5px 10px 5px 36px;
|
||||
font-family: "Dot Matrix Regular", monospace;
|
||||
font-size: 13pt;
|
||||
line-height: 1.4;
|
||||
background-image: url(../img/greenbar2.jpg);
|
||||
background-position: left center;
|
||||
background-repeat: repeat;
|
||||
color: #000000;
|
||||
max-width: 55%;
|
||||
border-left: 1px solid #000000;
|
||||
padding: 5px 10px 5px 36px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
color: #01ff70;
|
||||
color: #01ff70;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: #2ecc40;
|
||||
color: #2ecc40;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: "DEC Terminal Modern", monospace;
|
||||
font-size: inherit;
|
||||
color: #fdd461;
|
||||
color: #fdd461;
|
||||
background: #524646;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue