table styling
This commit is contained in:
@@ -2,16 +2,18 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column wrap;
|
flex-flow: column wrap;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
main {
|
main {
|
||||||
max-width: 50em;
|
max-width: 50em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
flex: 8 0;
|
flex: 1;
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
@@ -30,6 +32,14 @@ blockquote {
|
|||||||
padding: 0.5em 10px;
|
padding: 0.5em 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
head tr th {
|
||||||
|
border-bottom: 1px solid var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
tr td:nth-child(1) {
|
||||||
|
border-right: 1px solid var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
/* Homepage */
|
/* Homepage */
|
||||||
.intro > h1 {
|
.intro > h1 {
|
||||||
color: #212121;
|
color: #212121;
|
||||||
@@ -115,8 +125,8 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav{
|
nav{
|
||||||
flex: 1 0 auto;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
border-bottom: var(--border-width) solid var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
nav div {
|
nav div {
|
||||||
@@ -126,14 +136,7 @@ nav a {
|
|||||||
flex: 1 0 33%;
|
flex: 1 0 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Colored borders at top/bottom of page */
|
|
||||||
|
|
||||||
nav{
|
|
||||||
border-bottom: var(--border-width) solid var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
flex: 1 0 auto;
|
|
||||||
border-top: var(--border-width) solid var(--accent);
|
border-top: var(--border-width) solid var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user