fix bugs in css
This commit is contained in:
parent
f0805235ad
commit
97d361ac2f
|
|
@ -2,50 +2,56 @@
|
|||
font-family: 'Dot Matrix Regular';
|
||||
src: url("../font/DOTMREG.TTF") format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-style: auto;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Dot Matrix Bold';
|
||||
src: url("../font/DOTMATRIXB.TTF") format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-style: auto;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'FreeMono';
|
||||
src: url("../font/FreeMono.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-style: auto;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'FreeMono Bold';
|
||||
src: url("../font/FreeMonoBold.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-weight: auto;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Mode Nine';
|
||||
src: url("../font/modenine.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-style: auto;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'SVI Basic Manual Book';
|
||||
src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-style: auto;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'SVI Basic Manual Bold';
|
||||
src url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
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');
|
||||
src: url("../font/SourceCodePro-Medium.ttf") format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: medium;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -64,6 +70,26 @@
|
|||
}
|
||||
}
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
border: solid 1px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
height: 150px;
|
||||
}
|
||||
.left, .right {
|
||||
width: 22%;
|
||||
}
|
||||
.middle {
|
||||
width: 48%;
|
||||
}
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background-color: #222;
|
||||
|
|
@ -72,13 +98,13 @@ body {
|
|||
|
||||
html {
|
||||
height: 100%;
|
||||
font-family: "VT323 Regular 400";
|
||||
font-family: "VT323 Regular", monospace;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #23dc66;
|
||||
font-family: "SVI Basic Manual Book";
|
||||
font-family: "SVI Basic Manual Book", monospace;
|
||||
font-size: 14pt;
|
||||
line-height: 1.25;
|
||||
max-width: 48rem;
|
||||
|
|
@ -116,7 +142,7 @@ ul li {
|
|||
tr:hover {background-color: #23dc66;color: black;}
|
||||
|
||||
pre {
|
||||
font-family: "Classic Console Neue";
|
||||
font-family: "Classic Console Neue", monospace;
|
||||
font-size: 15pt;
|
||||
margin-left: 20px;
|
||||
background: #524646;
|
||||
|
|
@ -133,7 +159,7 @@ pre {
|
|||
|
||||
|
||||
blockquote {
|
||||
font-family: "Dot Matrix Regular";
|
||||
font-family: "Dot Matrix Regular", monospace;
|
||||
font-size: 13pt;
|
||||
line-height: 1.4;
|
||||
background-image: url(../img/greenbar2.jpg);
|
||||
|
|
@ -142,10 +168,7 @@ blockquote {
|
|||
color: #000000;
|
||||
max-width: 55%;
|
||||
border-left: 1px solid #000000;
|
||||
padding-top: 5px;
|
||||
padding-left: 36px;
|
||||
padding-bottom: 5px;
|
||||
padding-right: 10px;
|
||||
padding: 5px 10px 5px 36px;
|
||||
}
|
||||
|
||||
a,
|
||||
|
|
@ -160,7 +183,7 @@ a:active {
|
|||
}
|
||||
|
||||
code {
|
||||
font-family: "Classic Console Neue";
|
||||
font-family: "Classic Console Neue", monospace;
|
||||
color: #fdd461;
|
||||
background: #524646;
|
||||
line-height: 1.25;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,26 @@
|
|||
# The Parts Bin
|
||||
## The Parts Bin
|
||||
|
||||
Here, I've added an entire three-column div in html, to see how well it will work with this scheme. I have yet to come up with a satisfactory content generation or site navigation strategy, but that will come with time.
|
||||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<h3>Column 1</h3>
|
||||
<p>This is some text for column 1</p>
|
||||
</div>
|
||||
|
||||
<div class="column middle">
|
||||
<h3>Column 2</h3>
|
||||
<p>Some more text for the middle column, which can be a lot more, because column 2 is huge</p>
|
||||
</div>
|
||||
|
||||
<div class="column right">
|
||||
<h3>Column 3</h3>
|
||||
<p>The final bit of text</p>
|
||||
<p>Two paragraphs here</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## The Text Part
|
||||
|
||||
After adding the column divs above, I can proceed to write markdown, as if this were just a markdown document! What a novel idea. I like it!
|
||||
|
||||
## Covering anything miscellaneous or uncategorizable.
|
||||
|
|
|
|||
Loading…
Reference in New Issue