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

tweak css and header. much nicer now

Browse Source
This commit is contained in:
Greg Gauthier 2023-07-23 17:37:45 +01:00
parent 97d361ac2f
commit f44c28b387
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
css/retro.css
View File

@ -53,6 +53,11 @@
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-family: "DEC Terminal Modern";
src: url("../font/_decterm.ttf") format("truetype");
font-style: auto;
}
.blink { .blink {
@ -98,15 +103,15 @@ body {
html { html {
height: 100%; height: 100%;
font-family: "VT323 Regular", monospace; font-family: "SVI Basic Manual Book", monospace;
font-size: 18pt; 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.25; line-height: 1.15;
max-width: 48rem; max-width: 48rem;
} }
@ -126,6 +131,8 @@ th, td {
padding: 10px; padding: 10px;
} }
tr:hover {background-color: #23dc66;color: black;}
ol li { ol li {
background: #222; background: #222;
color: #fdd461; color: #fdd461;
@ -139,11 +146,9 @@ ul li {
margin-left: 35px; margin-left: 35px;
} }
tr:hover {background-color: #23dc66;color: black;}
pre { pre {
font-family: "Classic Console Neue", monospace; /* font-family: "Classic Console Neue", monospace; */
font-size: 15pt; font-size: 13pt;
margin-left: 20px; margin-left: 20px;
background: #524646; background: #524646;
border-left: 3px solid #000000; border-left: 3px solid #000000;
@ -159,7 +164,7 @@ pre {
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);
@ -183,9 +188,10 @@ a:active {
} }
code { code {
font-family: "Classic Console Neue", monospace; font-family: "DEC Terminal Modern", monospace;
font-size: inherit;
color: #fdd461; color: #fdd461;
background: #524646; background: #524646;
line-height: 1.25; line-height: 1.15;
} }

4
header.html
View File

@ -5,10 +5,10 @@
<script>hljs.highlightAll();</script> <script>hljs.highlightAll();</script>
<link href="/css/retro.css" rel="stylesheet"> <link href="/css/retro.css" rel="stylesheet">
<center><h1>$ <a href="http://oldcomputernerd.com">oldcomputernerd.com</a><span class="blink"> &#x2592;</span></h1></center> <div style="text-align: center;"><h1>$ <a href="/">oldcomputernerd.com</a><span class="blink"> &#x2592;</span></h1></div>
<span style="width:100%"> <span style="width:100%">
<nav style="color:yellow;text-align:center;float:none;position:relative;top:1%;left:50%;transform:translate(-50%, -50%);"> <nav style="color:#fdd461;text-align:center;float:none;position:relative;top:1%;left:50%;transform:translate(-50%, -50%);">
<a href="/md/Linux/">Linux-ish</a> | <a href="/md/Linux/">Linux-ish</a> |
<a href="/md/Atari/">Atari</a> | <a href="/md/Atari/">Atari</a> |
<a href="/md/MVS/">MVS</a> | <a href="/md/MVS/">MVS</a> |