本站使用的 Bogaty Lite 主题的优化
外观 - 自定义 - 额外 CSS 中添加如下代码
body{
color: #636b6f;
}
.sidebar-area a {
color: #636b6f;
}
.widget ul > li:not(.blocks-gallery-item):before, .entry-content ul > li:not(.blocks-gallery-item):before {
transform: rotate(0deg);
border-radius:50%;
background:#fff;
border:2px solid #ccc;
}
#content img {
max-height:1024px;
}
video {
max-height: 668px;
}
.page .entry-content > p:first-child, .single .entry-content > p:first-child{
font-size:unset;
font-weight:unset;
}
.entry-content p.read-more,.more-link{
display:inline-block;
border-radius:50px;
padding:8px 15px;
font-size:15px;
margin-top:10px;
border: 2px solid #f6f6f6;
background-color:#f6f6f6;
color:#2a3b4d;
border-radius:0px;
}
.more-link i {
color:#636b6f;
}
.entry-content p.read-more:hover,.more-link:hover{
color:#fff;
background-color:#2a3b4d;
border:2px solid #2a3b4d;
opacity:1;
}
figcaption{
text-align:center;
}
.home.blog .entry-content p:nth-last-child(2){
display:none;
}
article{
padding: 20px 0 20px;
}
body, button, input, select, textarea,.widget{
font-size: 1.5rem;
}
.site-description{
font-size: 1.5rem;
}
p,pre{
margin: 0 0 1.2em;
}
pre{
padding:12px 15px;
border-radius:5px;
line-height:1.4em;
}
.entry-content p:first-child{
font-size:unset;
}
.entry-footer .edit-link{
margin-top:0;
}
.entry-content, .entry-summary{
margin: 1em 0 0;
}
.site-content{
margin-top:20px;
}
p.has-background{
padding:14px 15px;
border-radius:5px;
display:inline-block;
}
.entry-content blockquote{
padding:12px 25px 8px;
}
.entry-content>p>a{
background: #f5f5f5;
padding: 8px 10px;
border-radius:5px;
}
.entry-content>p>img,.wp-block-image>img{
background: #f5f5f5;
border-radius:5px;
}
ol > li.pingback{
margin-bottom:0;
}
.pingback .comment-body{
padding-top:10px;
}
ol.comment-list > .comment > article{
padding:20px 0 15px;
}
ol.comment-list .children .comment > article{
margin-bottom:15px;
}
.comment-author .avatar{
border-radius:4px;
}
ol.comment-list > .comment p{
padding-right:15px;
}
.comment-form .form-submit input{
margin:unset;
}
.comments-area{
margin-bottom:20px;
}
.comment-form label{
padding-top:10px;
}
article{
border-bottom:unset;
}
li > ul, li > ol,ol > li > ul{
margin:unset;
}
h1{
font-size:3rem;
}
h2{
font-size:2.6rem;
}
.entry-content>h2{
font-size:2.2rem;
font-size: 1.5em;
padding-bottom: .3em;
border-bottom: 1px solid #eaecef;
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
}
.entry-content>h3{
font-size: 1.25em;
}
.entry-content>h4{
font-size: 1em;
}
.entry-content>h2,.entry-content>h3,.entry-content>h4,.entry-content>h5,.entry-content>h6{
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
}
.entry-content>ul{
padding-left: 2em;
}
.entry-content ul > li:not(:last-child) {
margin-bottom: 10px;
}
#comments h3 {
margin: 0 0 1em 0;
padding: 15px 20px 15px 26px;
position: relative;
font-weight:600;
line-height: 30px;
background-color: #f6f6f6;
}
#comments h3:before{
content: "";
border-left:8px solid rgb(255, 105, 0);
position: absolute;
left: 0;
top: 0;
height: 100%;
}
h3{
font-size:1.8rem;
}
h4{
font-size:1.6rem;
}
p{
line-height:2.0em;
margin-bottom:0.5em;
}
code{
font-size: 1.3rem;
line-height: 1;
color:#676767;
}
.hentry{
margin:0;
position:relative;
}
.entry-footer .edit-link{
position: absolute;
top: 5px;
right: 0;
}
.single .entry-header{
border-bottom:2px solid #f6f6f6;
}
.entry-meta{
margin-bottom:16px;
}
article,article:first-of-type{
padding: 0 0 20px;
}
article.hentry{
padding: 0 0 20px;
margin-bottom:20px;
border-bottom:2px solid #f6f6f6;
}
.sidebar-area .widget:not(:last-child){
margin: 0 0 45px;
}
.tagcloud.tags-links{
margin-bottom:10px;
}
article{
padding-bottom:0 ;
}
.sidebar-area a {
display: inline-block;
max-width: 285px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1;
vertical-align: middle;
}
.widget ul > li {
white-space: nowrap;
}
谢谢,感觉很好看。
刚准备放弃这个建站系统,想自己写一个原生的。
看到这个感觉被挽救了
感谢喜欢~