Adjust heading and remove blog.css
This commit is contained in:
parent
2e64799c28
commit
7db5f512bf
109
css/blog.css
109
css/blog.css
|
@ -1,109 +0,0 @@
|
|||
body.blog-index .article {
|
||||
background-color: var(--menu-bg, #d0d0d0);
|
||||
border: var(--menu-border, 1px solid #a4a4a4);
|
||||
margin: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
body.blog-index .article p {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
body.blog-index .article i, .article .userlink {
|
||||
font-family: var(--spfont1, Pixio);
|
||||
}
|
||||
|
||||
body.blog-index .article i { color: var(--subtitle, #525252); }
|
||||
|
||||
.body > img {
|
||||
max-width: calc(100% - 64px);
|
||||
}
|
||||
|
||||
.subject {
|
||||
margin: 4px 0px;
|
||||
}
|
||||
|
||||
#commentFrame {
|
||||
width: calc(100% - 8px);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.comment {
|
||||
background-color: var(--menu-bg, #d0d0d0);
|
||||
border: var(--menu-border, 1px solid #bdbdbd);
|
||||
margin: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.comment p {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.comment i {
|
||||
color: var(--subtitle, #525252);
|
||||
}
|
||||
|
||||
.userlink, .userlink a {
|
||||
color: var(--main-text, #000000);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.userlink, .date i, .comment i, #comments {
|
||||
font-family: var(--spfont1, Pixio);
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: calc(100% - 8px);
|
||||
}
|
||||
|
||||
.header-title h1, .header-title .author {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.header-title .author .userlink {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.header-title i {
|
||||
color: var(--subtitle, #525252);
|
||||
}
|
||||
|
||||
|
||||
.comment {
|
||||
background-color: var(--menu-bg, #d0d0d0);
|
||||
border: var(--menu-border, 1px solid #bdbdbd);
|
||||
margin: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.comment p {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.comment a[title="Delete"],
|
||||
.userlink,
|
||||
.comment i{
|
||||
font-family: var(--spfont1, Pixio);
|
||||
}
|
||||
|
||||
.comment i {
|
||||
color: var(--subtitle, #525252);
|
||||
}
|
||||
|
||||
.userlink, .userlink a {
|
||||
color: var(--main-text, #000000);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: calc(100% - 8px);
|
||||
}
|
||||
|
||||
#header {
|
||||
font-size: 24px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
body#comments > .header-title {
|
||||
top: -10px;
|
||||
}
|
38
style.css
38
style.css
|
@ -577,6 +577,12 @@ nav.top.alert p {
|
|||
font-family: var(--primary-font);
|
||||
}
|
||||
|
||||
.heading > div.head-contents {
|
||||
max-width: 1200px;
|
||||
margin-left: auto; margin-right: auto;
|
||||
|
||||
}
|
||||
|
||||
.heading.main {
|
||||
position: sticky;
|
||||
background-size: 64px;
|
||||
|
@ -605,15 +611,13 @@ nav.top.alert p {
|
|||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.heading.main > a {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.heading.main > a {
|
||||
.heading.main > div.head-contents > a {
|
||||
vertical-align: middle;
|
||||
font-size: 2em;
|
||||
|
||||
}
|
||||
|
||||
.heading > a {
|
||||
.heading > div.head-contents > a {
|
||||
margin: 0px 0px 0px 4px;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
|
@ -629,10 +633,6 @@ nav.top.alert p {
|
|||
height: 48px;
|
||||
}
|
||||
|
||||
.heading > img {
|
||||
filter: drop-shadow(0px 0px 2px black);
|
||||
}
|
||||
|
||||
.heading.main i {
|
||||
margin-left: 16px;
|
||||
font-weight: normal;
|
||||
|
@ -787,6 +787,24 @@ body.home .home-container .blog-contents .blog-item {
|
|||
}
|
||||
body.home .home-container .blog-contents .blog-item i { text-align: right; }
|
||||
|
||||
/* == BLOG */
|
||||
body.blog .page-container .month {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
body.blog .page-container .article {
|
||||
background: var(--primary-container-background);
|
||||
border: var(--primary-container-border);
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
body.blog .page-container .article .date,
|
||||
body.blog .page-container .article .link { padding: 4px; }
|
||||
|
||||
body.blog .page-container .article .date { text-align: right; }
|
||||
body.blog .page-container .article .link { font-weight: bold; }
|
||||
|
||||
/* == LIBRARY */
|
||||
|
||||
body.library .lib {
|
||||
|
|
Loading…
Reference in New Issue
Block a user