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

one last cleanup of the css

Browse Source
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

41
css/retro.css
View File

@ -4,71 +4,95 @@
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;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
@ -83,12 +107,15 @@
padding-right: 5px;
height: 150px;
}
.left, .right {
width: 22%;
}
.middle {
width: 48%;
}
.row:after {
content: "";
display: table;
@ -116,24 +143,34 @@ body {
}
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 {
font-family: "Classic Console Neue", monospace;
font-size: 15px;
background: #222;
color: #fdd461;
max-width: 30%;
@ -141,6 +178,8 @@ ol li {
}
ul li {
font-family: "Classic Console Neue", monospace;
font-size: 15px;
color: #fdd461;
max-width: 30%;
margin-left: 35px;