Layout
This commit is contained in:
parent
d4c49ed8f0
commit
82d0cce781
1 changed files with 29 additions and 11 deletions
40
style.css
40
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;
|
||||
}
|
||||
.fullview > div img {
|
||||
float: right;
|
||||
width: 7em;
|
||||
height: 7em;
|
||||
border-radius: 7em;
|
||||
border: 3px solid #1a1c1c;
|
||||
margin-bottom: 1em;
|
||||
@media (max-width: 30em) {
|
||||
.fullview > div {
|
||||
padding: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
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";
|
||||
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…
Add table
Add a link
Reference in a new issue