oldcomputernerd.com/css/retro.css

169 lines
3.2 KiB
CSS

@font-face {
font-family: 'Dot Matrix Regular';
src: url("../font/DOTMREG.TTF") format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Dot Matrix Bold';
src: url("../font/DOTMATRIXB.TTF") format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'FreeMono';
src: url("../font/FreeMono.ttf") format('truetype');
font-style: normal;
}
@font-face {
font-family: 'FreeMono Bold';
src: url("../font/FreeMonoBold.ttf") format('truetype');
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: 'Mode Nine';
src: url("../font/modenine.ttf") format('truetype');
font-style: normal;
}
@font-face {
font-family: 'SVI Basic Manual Book';
src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
font-style: normal;
}
@font-face {
font-family: 'SVI Basic Manual Bold';
src url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: 'Source Code Pro Medium';
src url("../font/SourceCodePro-Medium.ttf") format('truetype');
font-style: normal;
font-weight: medium;
}
@font-face {
font-family: "Classic Console Neue";
src: url("../font/clacon2.woff2") format("woff2");
}
.blink {
animation: blink-animation 1s steps(2, start) infinite;
-webkit-animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
html,
body {
background-color: #222;
min-height: 100%;
}
html {
height: 100%;
font-family: "VT323 Regular 400";
font-size: 18pt;
}
body {
color: #23dc66;
font-family: "SVI Basic Manual Book";
font-size: 14pt;
line-height: 1.25;
max-width: 48rem;
}
table, th, td {
border: 1px solid;
border-collapse: collapse;
}
table {
margin-left: 35%;
width: 40%;
}
td {
text-align: center;
vertical-align: center;
}
th, td {
padding: 10px;
}
ol li {
background: #222;
color: #fdd461;
max-width: 30%;
margin-left: 35px;
}
ul li {
color: #fdd461;
max-width: 30%;
margin-left: 35px;
}
tr:hover {background-color: #23dc66;color: black;}
pre {
font-family: "Classic Console Neue";
font-size: 15pt;
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";
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-top: 5px;
padding-left: 36px;
padding-bottom: 5px;
padding-right: 10px;
}
a,
a:visited {
color: #01ff70;
}
a:hover,
a:focus,
a:active {
color: #2ecc40;
}
code {
font-family: "Classic Console Neue";
color: #fdd461;
background: #524646;
line-height: 1.25;
}