MyBlogs
/
oldcomputernerd.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

one last cleanup of the css

This commit is contained in:
Greg Gauthier 2023-07-23 18:07:30 +01:00
parent f44c28b387
commit a0aadfa018
1 changed files with 89 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
css/retro.css
View File

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