Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2024-12-23 09:29:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Release 3.2

Browse Source
This commit is contained in:
nanxiaobei 2019-04-22 02:22:15 +08:00
parent 9866957aa9
commit c6a81f47c4
1 changed files with 40 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
static/css/style.css
View File

@ -1,8 +1,8 @@
/* /*
* Paper v3.1 * Paper v3.2
* A simple, clean, flexible Hugo theme. * A simple, clean, flexible Hugo theme.
* Designed by MR.LEE (https://mrlee.me/) * Designed by MR.LEE (https://mrlee.me/)
* Updated in 2019.4.5 * Updated in 2019.4.22
*/ */
/* Reset /* Reset
@ -249,16 +249,22 @@ img {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
height: 320px; height: 320px;
margin-bottom: 24px; margin-bottom: 64px;
padding-bottom: 40px; overflow: hidden;
} }
.first-entry .entry-header h2 { .first-entry .entry-header h2 {
font-size: 40px; font-size: 40px;
} }
.first-entry .entry-content { .first-entry .entry-content {
max-height: 81px;
margin-top: 12px; margin-top: 12px;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 16px; font-size: 16px;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
} }
.first-entry .entry-footer { .first-entry .entry-footer {
font-size: 14px; font-size: 14px;
@ -365,6 +371,10 @@ img {
.post-content dl { .post-content dl {
margin-bottom: 24px; margin-bottom: 24px;
} }
.post-content pre,
.post-content table {
margin-bottom: 32px;
}
.post-content ul, .post-content ul,
.post-content ol { .post-content ol {
padding-left: 20px; padding-left: 20px;
@ -393,11 +403,6 @@ img {
.post-content dd ~ dd { .post-content dd ~ dd {
margin-top: 10px; margin-top: 10px;
} }
.post-content pre,
.post-content table {
margin-top: 32px;
margin-bottom: 32px;
}
.post-content table { .post-content table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
@ -412,6 +417,17 @@ img {
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
} }
.post-content pre {
margin-top: 0;
background: transparent !important;
line-height: 1.7;
}
.post-content pre code {
margin-left: 0;
margin-right: 0;
padding: 20px 22px;
white-space: inherit;
}
.post-content code { .post-content code {
margin-left: 4px; margin-left: 4px;
margin-right: 4px; margin-right: 4px;
@ -421,40 +437,38 @@ img {
white-space: pre-wrap; white-space: pre-wrap;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.post-content pre {
background: transparent !important; .post-content .highlight {
margin-bottom: 32px;
background: rgba(0, 0, 0, 0.04);
overflow-x: auto;
} }
.post-content pre code { .post-content .highlight table,
margin-left: 0; .post-content .highlight pre {
margin-right: 0; margin-bottom: 0;
padding: 20px 22px; }
line-height: 1.7; .post-content .highlight code {
border-radius: 2px; background: transparent;
} }
.post-content .highlight table { .post-content .highlight table {
padding: 20px 22px; width: auto;
} }
.post-content .highlight table td { .post-content .highlight table td {
padding: 0; padding: 0;
border-bottom: 0; border-bottom: 0;
} }
.post-content .highlight table td pre {
margin-top: 0;
margin-bottom: 0;
}
.post-content .highlight table td:first-child pre code { .post-content .highlight table td:first-child pre code {
padding-right: 0;
color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2);
border-radius: 2px 0 0 2px; text-align: right;
} }
.post-content .highlight table td:last-child pre code { .post-content .highlight table td:last-child pre code {
padding-left: 0; padding-left: 0;
border-radius: 0 2px 2px 0;
} }
.post-content .highlight .ln { .post-content .highlight .ln {
margin-right: 24px; margin-right: 22px;
color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2);
} }
.post-content blockquote { .post-content blockquote {
margin: 0 0 0 -24px; margin: 0 0 0 -24px;
padding: 0 0 0 21px; padding: 0 0 0 21px;