adrian/coding-precarity
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Layout

Browse source
This commit is contained in:
Adrian Heine 2020-09-25 23:14:22 +02:00
parent d4c49ed8f0
commit 82d0cce781
1 changed files with 29 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

40
style.css
View file

@ -95,7 +95,8 @@ a.fullview {
text-decoration: none; text-decoration: none;
} }
.fullview > div { .fullview > div {
font-size: 1.2em; font-size: 1.4em;
line-height: 1;
max-height: 100%; max-height: 100%;
max-width: 75vh; max-width: 75vh;
background-color: #006680; background-color: #006680;
@ -107,18 +108,32 @@ a.fullview {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.fullview > div img { @media (max-width: 30em) {
float: right; .fullview > div {
width: 7em; padding: 0.5em;
height: 7em; }
border-radius: 7em;
border: 3px solid #1a1c1c;
margin-bottom: 1em;
} }
h1, .desc { .fullview > div img {
float: right;
width: 6em;
height: 6em;
border-radius: 6em;
border: 3px solid #1a1c1c;
margin-bottom: 1em;
box-sizing: border-box;
}
header {
font-family: "Fell Sc"; font-family: "Fell Sc";
margin-left: 0.5rem; }
h1 {
margin: 1.4rem 0.5rem 0.5em;
}
.desc {
margin: 1em 0.5rem;
} }
/* This wrapper is necessary so that the scrollbar doesn't clip out of /* This wrapper is necessary so that the scrollbar doesn't clip out of
@ -128,6 +143,7 @@ h1, .desc {
background-color: #99d7e9; background-color: #99d7e9;
border-radius: 20px; border-radius: 20px;
border: 3px solid #1a1c1c; border: 3px solid #1a1c1c;
padding: calc(0.7rem - 3px);
color: #1a1c1c; color: #1a1c1c;
overflow: hidden; overflow: hidden;
} }
@ -136,10 +152,12 @@ h1, .desc {
padding: 0 0.5em; padding: 0 0.5em;
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
font-size: 1.2rem;
line-height: 1.4rem;
} }
.fulltext p { .fulltext p {
margin: 0.5em 0; margin: 0.7rem 0;
} }
blockquote { blockquote {
background: #f9f9f9cc; background: #f9f9f9cc;