public/hugo-internet-weblog
public/hugo-internet-weblog
1
0
Fork 0
Code Issues 4 Pull requests Projects 1 Releases 7 Packages Activity Actions

Updates microposts to stand out a little more and remove menu background

Browse source
This commit is contained in:
Josh Johnson 2022-09-26 21:32:00 -04:00
parent 32ef8e0ba6
commit da43214a54
1 changed files with 28 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
static/css/weblog.css
View file

@ -54,7 +54,7 @@ blockquote p:last-child {
/* Header */ /* Header */
header { header {
padding: 40px 0 0 0; padding: 20px 0;
} }
header h1 { header h1 {
@ -88,14 +88,13 @@ nav ul {
} }
nav ul > li { nav ul > li {
background-color: #fafafa;
display: inline; display: inline;
float: left; float: left;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
font-size: 9pt; font-size: 11pt;
font-weight: normal; font-weight: 500;
} }
.rss-icon { .rss-icon {
@ -114,11 +113,16 @@ nav ul > li {
/* Articles */ /* Articles */
article.micropost {
margin: 8px auto;
}
.micropost { .micropost {
background-color: #F0F2F5; background-color: #f8f8f8;
margin: 40px auto; margin: 40px auto;
padding: 10px; padding: 20px;
max-width: 780px; max-width: 780px;
border-radius: 14px;
} }
.post, .page, .post-groups { .post, .page, .post-groups {
@ -126,7 +130,15 @@ nav ul > li {
max-width: 780px; max-width: 780px;
} }
.micropost > p, .post > p, .page > p { .micropost > p {
color: #606060;
font-size: 16px;
line-height: 24px;
margin: 0 0 10px;
text-align: justify;
}
.post > p, .page > p {
color: #666666; color: #666666;
font-size: 18px; font-size: 18px;
line-height: 28px; line-height: 28px;
@ -365,4 +377,13 @@ and (max-width: 780px) {
.post-group-item { .post-group-item {
width: 100%; width: 100%;
} }
article.micropost {
margin: 8px 20px;
}
.micropost {
margin: 0px auto;
padding: 20px;
}
} }