Browse Source

Layout

master
Adrian Heine 4 years ago
parent
commit
82d0cce781
  1. 32
      style.css

32
style.css

@ -95,7 +95,8 @@ a.fullview {
text-decoration: none;
}
.fullview > div {
font-size: 1.2em;
font-size: 1.4em;
line-height: 1;
max-height: 100%;
max-width: 75vh;
background-color: #006680;
@ -107,18 +108,32 @@ a.fullview {
display: flex;
flex-direction: column;
}
@media (max-width: 30em) {
.fullview > div {
padding: 0.5em;
}
}
.fullview > div img {
float: right;
width: 7em;
height: 7em;
border-radius: 7em;
width: 6em;
height: 6em;
border-radius: 6em;
border: 3px solid #1a1c1c;
margin-bottom: 1em;
box-sizing: border-box;
}
h1, .desc {
header {
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
@ -128,6 +143,7 @@ h1, .desc {
background-color: #99d7e9;
border-radius: 20px;
border: 3px solid #1a1c1c;
padding: calc(0.7rem - 3px);
color: #1a1c1c;
overflow: hidden;
}
@ -136,10 +152,12 @@ h1, .desc {
padding: 0 0.5em;
overflow-y: auto;
height: 100%;
font-size: 1.2rem;
line-height: 1.4rem;
}
.fulltext p {
margin: 0.5em 0;
margin: 0.7rem 0;
}
blockquote {
background: #f9f9f9cc;

Loading…
Cancel
Save