.main-content h1 {
text-align: center;
font-weight: bold;
}
.link-search {
margin: 20px auto;
position: relative;
}
.link-search i {
position: absolute;
right: 16px;
top: 6px;
font-size: 16px;
opacity: 0.5;
}
.link-search:hover i {
opacity: 1;
}
.link-search input {
color: var(--theme-header-font-color);
outline: none;
background-color: transparent;
border-radius: 40px;
padding-left: 20px;
width: 100%;
min-height: 40px;
}
.link-search input:focus {
box-shadow: 0 0 5px 2px var(--theme-color-20);
border-color: var(--theme-color);
}
.link-list {
list-style: none;
} .linkcat .blogroll {
padding-left: 0;
}
.linkcat .blogroll li {
display: inline-block;
margin-right: 5px;
margin-bottom: 8px;
padding: 3px 8px;
border: 1px #f2f2f2 solid;
border-left: 5px #39f solid;
border-radius: 6px;
transition: all 0.2s;
}
@media screen and (min-width: 1000px) {
.linkcat .blogroll li {
min-width: max(200px, 24%);
}
}
.linkcat .blogroll li:hover {
border-color: green;
transform: scale(1.2);
background: #fff;
}
.linkcat a:focus {
outline: #337ab7;
border: 1px solid #39f;
padding: 5px;
border-radius: 5px;
}.author-avatar img {
transition: 0.6s;
}
.author-avatar img:hover {
transform: rotate(72000deg);
max-height: 100%;
height: 200px !important;
width: 200px !important;
} .widget-hitokoto {
cursor: pointer;
background: linear-gradient(180deg, #9c51f1 0%, #536abe 100%);
background-image: linear-gradient(to right, #31970d, #7917aa);
background-clip: text;
-webkit-text-fill-color: transparent;
background: linear-gradient(to right, #ff6361, #ffa600, #3cb371, #4a90e2, #c71585);
-webkit-background-clip: text;
color: transparent;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
font-family: "Share Tech Mono", monospace;
font-weight: bold;
} .main-content p.excerpt {
background: var(--theme-pre);
color: var(--theme-code-text);
padding: 15px;
border-radius: 5px;
}
.main-content blockquote {
background: var(--theme-success-bg-color);
padding: 15px;
margin: 15px 0;
border-radius: 5px;
border-left: 5px solid var(--theme-color);
}
.main-content blockquote p {
margin: 0;
}
.main-content code:not([class^=language]) {
background: #e8e8e8;
color: #222;
padding: 2px .4rem;
border-radius: 3px;
}
.dark .main-content code:not([class^=language]) {
background: #222;
color: #ff5722;
}
html body .main-container .main-main .main-content .main-article img {
display: block;
max-width: 96%;
}
.comment img.avatar {
transition: 3s;
}
.comment img.avatar:hover {
transform: rotate(36000deg);
}
.copyright {
text-align: justify;
background: var(--theme-success-bg-color) 1px 3px no-repeat;
padding: 13px 26px 13px 32px;
border-radius: 8px;
position: relative;
width: 100%;
}
body.wide #space {
display: none !important;
}
#space, .main-main {
transition: .2s;
}
#wideIcon {
display: none;
}
@media (max-width: 1024px) {
html body .main-header .right .menu .menu-item-has-children .sub-menu {
display: block;
position: static;
width: 100%;
visibility: visible;
opacity: 1;
margin-top: 6px;
}
}
@media (min-width: 1024px) {
html body.wide .main-container .main-main {
width: 80%;
}
#wideIcon {
display: block;
position: absolute;
right: 1.5em;
cursor: pointer;
font-size: 18px;
color: var(--theme-color);
}
}