diff --git a/css/retro.css b/css/retro.css index 7a2f70e..9f48a8d 100644 --- a/css/retro.css +++ b/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; }