theme: default: fix all margins in single-post page for good

This commit is contained in:
Peter Cai 2020-04-14 20:51:24 +08:00
parent 2b8f97a1af
commit 1183250d3b
No known key found for this signature in database
GPG Key ID: 71F5FB4E4F3FD54F
1 changed files with 13 additions and 2 deletions

View File

@ -321,9 +321,16 @@ blockquote {
padding-left: 5px;
}
.content > * {
/* For margin fixing */
/* This is fine because it only covers DIRECT childs of .content */
/* which should only contain things like images, code blocks and paragraphs */
margin-right: 10px;
}
.post img,
.content img {
max-width: calc(100% - 10px);
max-width: 100%;
object-fit: contain;
cursor: pointer;
transition: opacity 0.3s;
@ -551,7 +558,6 @@ blockquote {
border-radius: 4px;
scrollbar-color: #e91e63 #00000000;
scrollbar-width: thin;
margin-right: 10px; /* Fix non-centric positioning on mobile */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@ -571,3 +577,8 @@ blockquote {
height: 2px;
background-color: #e91e63;
}
#itte-thread {
/* The Itte CSS overrides the margin. We override it back :) */
margin-right: 10px !important;
}