add site|post background
This commit is contained in:
@@ -194,7 +194,6 @@ template {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.limit-more-line,
|
||||
.error404 #error-wrap .error-content .error-info .error_subtitle,
|
||||
.article-sort-item-title,
|
||||
#recent-posts > .recent-post-item >.recent-post-info > .article-title,
|
||||
#recent-posts > .recent-post-item >.recent-post-info > .content,
|
||||
@@ -211,6 +210,13 @@ template {
|
||||
}
|
||||
.fontawesomeIcon,
|
||||
.custom-hr:before,
|
||||
#article-container.post-content h1:before,
|
||||
#article-container.post-content h2:before,
|
||||
#article-container.post-content h3:before,
|
||||
#article-container.post-content h4:before,
|
||||
#article-container.post-content h5:before,
|
||||
#article-container.post-content h6:before,
|
||||
#article-container.post-content hr:before,
|
||||
#post .post-copyright:before,
|
||||
#post .post-outdate-notice:before,
|
||||
.note:not(.no-icon)::before,
|
||||
@@ -222,7 +228,6 @@ template {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.cardHover,
|
||||
.error404 #error-wrap .error-content,
|
||||
.layout > div:first-child:not(.recent-posts),
|
||||
#recent-posts > .recent-post-item,
|
||||
#aside-content .card-widget,
|
||||
@@ -238,7 +243,6 @@ template {
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.cardHover:hover,
|
||||
.error404 #error-wrap .error-content:hover,
|
||||
.layout > div:first-child:not(.recent-posts):hover,
|
||||
#recent-posts > .recent-post-item:hover,
|
||||
#aside-content .card-widget:hover,
|
||||
@@ -247,7 +251,6 @@ template {
|
||||
box-shadow: var(--card-hover-box-shadow);
|
||||
}
|
||||
.imgHover,
|
||||
.error404 #error-wrap .error-content .error-img img,
|
||||
.article-sort-item-img :first-child,
|
||||
#recent-posts > .recent-post-item .post_cover .post-bg,
|
||||
#aside-content .aside-list > .aside-list-item .thumbnail :first-child {
|
||||
@@ -261,7 +264,6 @@ template {
|
||||
object-fit: cover;
|
||||
}
|
||||
.imgHover:hover,
|
||||
.error404 #error-wrap .error-content .error-img img:hover,
|
||||
.article-sort-item-img :first-child:hover,
|
||||
#recent-posts > .recent-post-item .post_cover .post-bg:hover,
|
||||
#aside-content .aside-list > .aside-list-item .thumbnail :first-child:hover {
|
||||
@@ -333,6 +335,7 @@ template {
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.custom-hr,
|
||||
#article-container.post-content hr,
|
||||
.search-dialog hr {
|
||||
position: relative;
|
||||
margin: 40px auto;
|
||||
@@ -340,10 +343,12 @@ template {
|
||||
width: calc(100% - 4px);
|
||||
}
|
||||
.custom-hr:hover:before,
|
||||
#article-container.post-content hr:hover:before,
|
||||
.search-dialog hr:hover:before {
|
||||
left: calc(95% - 20px);
|
||||
}
|
||||
.custom-hr:before,
|
||||
#article-container.post-content hr:before,
|
||||
.search-dialog hr:before {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
@@ -1504,6 +1509,17 @@ body {
|
||||
input::placeholder {
|
||||
color: var(--font-color);
|
||||
}
|
||||
#web_bg {
|
||||
position: fixed;
|
||||
z-index: -999;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(https://file.shenjianl.cn/assets/site.jpg);
|
||||
background-attachment: local;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
@@ -2007,97 +2023,6 @@ figure.highlight pre .javascript .function {
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
}
|
||||
.error404 #error-wrap {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
padding: 60px 20px 0;
|
||||
max-width: 1000px;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-moz-transform: translate(0, -50%);
|
||||
-o-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
.error404 #error-wrap .error-content {
|
||||
overflow: hidden;
|
||||
margin: 0 20px;
|
||||
height: 360px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.error404 #error-wrap .error-content {
|
||||
margin: 0;
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
.error404 #error-wrap .error-content .error-img {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.error404 #error-wrap .error-content .error-img {
|
||||
width: 100%;
|
||||
height: 45%;
|
||||
}
|
||||
}
|
||||
.error404 #error-wrap .error-content .error-img img {
|
||||
background-color: #1e90ff;
|
||||
}
|
||||
.error404 #error-wrap .error-content .error-info {
|
||||
display: -webkit-inline-box;
|
||||
display: -moz-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-box;
|
||||
display: inline-flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-moz-box-orient: vertical;
|
||||
-o-box-orient: vertical;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-o-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-ms-flex-line-pack: center;
|
||||
-webkit-align-content: center;
|
||||
align-content: center;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.error404 #error-wrap .error-content .error-info {
|
||||
width: 100%;
|
||||
height: 55%;
|
||||
}
|
||||
}
|
||||
.error404 #error-wrap .error-content .error-info .error_title {
|
||||
margin-top: -0.6em;
|
||||
font-size: 9em;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.error404 #error-wrap .error-content .error-info .error_title {
|
||||
font-size: 8em;
|
||||
}
|
||||
}
|
||||
.error404 #error-wrap .error-content .error-info .error_subtitle {
|
||||
margin-top: -3em;
|
||||
word-break: break-word;
|
||||
font-size: 1.6em;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.error404 + #rightside {
|
||||
display: none;
|
||||
}
|
||||
.article-sort {
|
||||
margin-left: 10px;
|
||||
padding-left: 20px;
|
||||
@@ -3438,6 +3363,13 @@ h1.page-title + .tag-cloud-list {
|
||||
background-position: bottom;
|
||||
background-size: cover;
|
||||
}
|
||||
#footer:before {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--mark-bg);
|
||||
content: '';
|
||||
}
|
||||
#footer-wrap {
|
||||
position: relative;
|
||||
padding: 40px 20px;
|
||||
@@ -3544,7 +3476,7 @@ h1.page-title + .tag-cloud-list {
|
||||
font-size: 20px;
|
||||
}
|
||||
#page-header.not-home-page {
|
||||
height: 400px;
|
||||
height: 700px !important;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
#page-header.not-home-page {
|
||||
@@ -3563,7 +3495,7 @@ h1.page-title + .tag-cloud-list {
|
||||
}
|
||||
}
|
||||
#page-header.post-bg {
|
||||
height: 400px;
|
||||
height: 700px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
#page-header.post-bg {
|
||||
@@ -3928,6 +3860,404 @@ h1.page-title + .tag-cloud-list {
|
||||
#nav .site-page:not(.child):hover:after {
|
||||
width: 100%;
|
||||
}
|
||||
.loading-bg,
|
||||
#loading-box .loading-left-bg,
|
||||
#loading-box .loading-right-bg {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: var(--preloader-bg);
|
||||
}
|
||||
#loading-box .loading-right-bg {
|
||||
right: 0;
|
||||
}
|
||||
#loading-box .spinner-box {
|
||||
position: fixed;
|
||||
z-index: 1001;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: box;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-o-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-moz-box-align: center;
|
||||
-o-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
#loading-box .spinner-box .configure-border-1 {
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
width: 115px;
|
||||
height: 115px;
|
||||
background: #ffab91;
|
||||
-webkit-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
-moz-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
-o-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
-ms-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
}
|
||||
#loading-box .spinner-box .configure-border-2 {
|
||||
left: -115px;
|
||||
padding: 3px;
|
||||
width: 115px;
|
||||
height: 115px;
|
||||
background: #3ff9dc;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
-moz-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
-o-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
-ms-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
}
|
||||
#loading-box .spinner-box .loading-word {
|
||||
position: absolute;
|
||||
color: var(--preloader-color);
|
||||
font-size: 16px;
|
||||
}
|
||||
#loading-box .spinner-box .configure-core {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--preloader-bg);
|
||||
}
|
||||
#loading-box.loaded .loading-left-bg {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
-ms-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
-webkit-transform: translate(-100%, 0);
|
||||
-moz-transform: translate(-100%, 0);
|
||||
-o-transform: translate(-100%, 0);
|
||||
-ms-transform: translate(-100%, 0);
|
||||
transform: translate(-100%, 0);
|
||||
}
|
||||
#loading-box.loaded .loading-right-bg {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
-ms-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
-webkit-transform: translate(100%, 0);
|
||||
-moz-transform: translate(100%, 0);
|
||||
-o-transform: translate(100%, 0);
|
||||
-ms-transform: translate(100%, 0);
|
||||
transform: translate(100%, 0);
|
||||
}
|
||||
#loading-box.loaded .spinner-box {
|
||||
display: none;
|
||||
}
|
||||
@-moz-keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
@keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
#pagination .pagination {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
@@ -4068,6 +4398,113 @@ h1.page-title + .tag-cloud-list {
|
||||
#article-container hr {
|
||||
margin: 20px 0;
|
||||
}
|
||||
#article-container.post-content h1,
|
||||
#article-container.post-content h2,
|
||||
#article-container.post-content h3,
|
||||
#article-container.post-content h4,
|
||||
#article-container.post-content h5,
|
||||
#article-container.post-content h6 {
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
#article-container.post-content h1:before,
|
||||
#article-container.post-content h2:before,
|
||||
#article-container.post-content h3:before,
|
||||
#article-container.post-content h4:before,
|
||||
#article-container.post-content h5:before,
|
||||
#article-container.post-content h6:before {
|
||||
position: absolute;
|
||||
top: calc(50% - 7px);
|
||||
color: #f47466;
|
||||
content: '\f0c1';
|
||||
left: 0;
|
||||
line-height: 1;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
#article-container.post-content h1:hover:before,
|
||||
#article-container.post-content h2:hover:before,
|
||||
#article-container.post-content h3:hover:before,
|
||||
#article-container.post-content h4:hover:before,
|
||||
#article-container.post-content h5:hover:before,
|
||||
#article-container.post-content h6:hover:before {
|
||||
color: #1e90ff;
|
||||
}
|
||||
#article-container.post-content h1 {
|
||||
padding-left: 28px;
|
||||
}
|
||||
#article-container.post-content h1:before {
|
||||
font-size: 18px;
|
||||
}
|
||||
#article-container.post-content h1:hover {
|
||||
padding-left: 32px;
|
||||
}
|
||||
#article-container.post-content h2 {
|
||||
padding-left: 26px;
|
||||
}
|
||||
#article-container.post-content h2:before {
|
||||
font-size: 16px;
|
||||
}
|
||||
#article-container.post-content h2:hover {
|
||||
padding-left: 30px;
|
||||
}
|
||||
#article-container.post-content h3 {
|
||||
padding-left: 24px;
|
||||
}
|
||||
#article-container.post-content h3:before {
|
||||
font-size: 14px;
|
||||
}
|
||||
#article-container.post-content h3:hover {
|
||||
padding-left: 28px;
|
||||
}
|
||||
#article-container.post-content h4 {
|
||||
padding-left: 22px;
|
||||
}
|
||||
#article-container.post-content h4:before {
|
||||
font-size: 12px;
|
||||
}
|
||||
#article-container.post-content h4:hover {
|
||||
padding-left: 26px;
|
||||
}
|
||||
#article-container.post-content h5 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
#article-container.post-content h5:before {
|
||||
font-size: 10px;
|
||||
}
|
||||
#article-container.post-content h5:hover {
|
||||
padding-left: 24px;
|
||||
}
|
||||
#article-container.post-content h6 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
#article-container.post-content h6:before {
|
||||
font-size: 10px;
|
||||
}
|
||||
#article-container.post-content h6:hover {
|
||||
padding-left: 24px;
|
||||
}
|
||||
#article-container.post-content ol p,
|
||||
#article-container.post-content ul p {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
#article-container.post-content li::marker {
|
||||
color: #1e90ff;
|
||||
font-weight: 600;
|
||||
font-size: 1.05em;
|
||||
}
|
||||
#article-container.post-content li:hover::marker {
|
||||
color: var(--pseudo-hover);
|
||||
}
|
||||
#article-container.post-content ul > li {
|
||||
list-style-type: circle;
|
||||
}
|
||||
#post .tag_share:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
@@ -4568,6 +5005,20 @@ mjx-assistive-mml {
|
||||
#article-container .aplayer {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
#article-container .aplayer ol,
|
||||
#article-container .aplayer ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#article-container .aplayer ol li,
|
||||
#article-container .aplayer ul li {
|
||||
margin: 0;
|
||||
padding: 0 15px;
|
||||
}
|
||||
#article-container .aplayer ol li:before,
|
||||
#article-container .aplayer ul li:before {
|
||||
content: none;
|
||||
}
|
||||
.snackbar-css {
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
@@ -6282,3 +6733,75 @@ blockquote.pullquote.right {
|
||||
display: none;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
#local-search .search-dialog .local-search-box {
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#local-search .search-dialog .local-search-box input {
|
||||
padding: 5px 14px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
border: 2px solid #1e90ff;
|
||||
border-radius: 40px;
|
||||
background: var(--search-bg);
|
||||
color: var(--search-input-color);
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
#local-search .search-dialog .search-wrap {
|
||||
display: none;
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item {
|
||||
position: relative;
|
||||
padding-left: 24px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item:hover:before {
|
||||
border-color: var(--pseudo-hover);
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item:before {
|
||||
position: absolute;
|
||||
top: 0.45em;
|
||||
left: 0;
|
||||
width: 0.5em;
|
||||
height: 0.5em;
|
||||
border: 3px solid #1e90ff;
|
||||
border-radius: 0.5em;
|
||||
background: transparent;
|
||||
content: '';
|
||||
line-height: 0.5em;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item a {
|
||||
display: block;
|
||||
color: var(--search-a-color);
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item a:hover {
|
||||
color: #1e90ff;
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item .search-result-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
#local-search .search-dialog .local-search-hit-item .search-result {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
#local-search .search-dialog .search-result-list {
|
||||
overflow-y: overlay;
|
||||
margin: 0 -20px;
|
||||
padding: 0 22px;
|
||||
max-height: calc(80vh - 200px);
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
#local-search .search-dialog .search-result-list {
|
||||
max-height: calc(var(--search-height) - 220px) !important;
|
||||
}
|
||||
}
|
||||
.search-keyword {
|
||||
background: transparent;
|
||||
color: #f47466;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user