hexo-theme-solitude 1.0.0 → 1.1.3

package/scripts/tags/tabs.js

@@ -41,9 +41,9 @@ function postTabs (args, content) {
 
     const isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : ''
     const icon = tabIcon.trim()
-    tabIcon.length > 0 && (tabIcon = `<svg ${isOnlyicon} class="scoicon tab" aria-hidden="true"><use xlink:href="#${icon}"></use></svg>`)
+    tabIcon.length > 0 && (tabIcon = `<i ${isOnlyicon} class="tab scoicon ${icon}"></i>`)
 
-    const toTop = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="ri-arrow-up-line"></i></button>'
+    const toTop = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="scoicon sco-arrow-up-line"></i></button>'
 
     const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
     tabNav += `<li class="tab${isActive}"><button type="button" data-href="#${tabHref}">${tabIcon + tabCaption.trim()}</button></li>`

package/source/css/main.css

@@ -929,7 +929,7 @@ blockquote footer cite::before {
     font-size: 16px
 }
 
-.highlight-tools .ri-file-copy-fill {
+.highlight-tools .sco-copy-fill {
     position: absolute;
     right: .7rem;
     cursor: pointer;
@@ -937,7 +937,7 @@ blockquote footer cite::before {
     font-size: 18px
 }
 
-.highlight-tools .ri-file-copy-fill:hover {
+.highlight-tools .sco-copy-fill:hover {
     color: var(--sco-main)
 }
 
@@ -1837,7 +1837,7 @@ blockquote footer cite::before {
     position: absolute;
     opacity: 1;
     transition: .3s;
-    border: 5px solid var(--sco-white)
+
 }
 
 .author-info__top-group {
@@ -2534,7 +2534,12 @@ blockquote footer cite::before {
 
 #page-header.not-top-img #nav a:hover {
     color: var(--sco-white);
-    text-shadow: none
+    text-shadow: none;
+    align-items: center
+}
+
+#page-header #nav a:hover span.scoicon {
+    opacity: 0;
 }
 
 #page-header.nav-fixed #nav {
@@ -4110,70 +4115,6 @@ blockquote.pullquote.right {
     height: 100%
 }
 
-.hide-block > .hide-button, .hide-inline > .hide-button {
-    display: inline-block;
-    padding: .3rem 1rem;
-    background: #307af6;
-    color: var(--sco-white)
-}
-
-.hide-block > .hide-button.open, .hide-inline > .hide-button.open {
-    display: none
-}
-
-.hide-block > .hide-button.open + div, .hide-inline > .hide-button.open + div {
-    display: block
-}
-
-.hide-block > .hide-button.open + span, .hide-inline > .hide-button.open + span {
-    display: inline
-}
-
-.hide-block > .hide-content, .hide-inline > .hide-content {
-    display: none
-}
-
-.hide-inline > .hide-button {
-    margin: 0 .3rem
-}
-
-.hide-inline > .hide-content {
-    margin: 0 .3rem
-}
-
-.hide-block {
-    margin: 0 0 .8rem
-}
-
-.hide-toggle {
-    margin-bottom: 1rem;
-    border: 1px solid #f0f0f0
-}
-
-.hide-toggle > .hide-button {
-    padding: .3rem .5rem;
-    background: #f0f0f0;
-    color: #1f2d3d;
-    cursor: pointer
-}
-
-.hide-toggle > .hide-button > i {
-    font-size: 1.2em;
-    transition: all .3s ease 0s
-}
-
-.hide-toggle > .hide-button.open i {
-    transform: rotate(90deg)
-}
-
-.hide-toggle > .hide-button.open + div {
-    display: block
-}
-
-.hide-toggle > .hide-content {
-    display: none;
-    margin: 1.5rem 1.2rem
-}
 
 #article-container .inline-img {
     display: inline;
@@ -4381,7 +4322,7 @@ blockquote.pullquote.right {
 
 .note:not(.no-icon)::before {
     position: absolute;
-    top: calc(50% - 15px);
+    top: calc(50% - 19px);
     left: .7rem;
     font-size: larger
 }
@@ -4447,7 +4388,7 @@ blockquote.pullquote.right {
 }
 
 .note.primary:not(.no-icon)::before {
-    content: ""
+    content: "\e060"
 }
 
 .note.primary:not(.no-icon):not(.modern)::before {
@@ -5465,9 +5406,8 @@ html {
         position: absolute;
         display: flex;
         z-index: 1;
-        content: "\ee24";
-        transition: .2s;
-        font-family: remixicon, serif !important;
+        content: "\e008";
+        font-family: scoicon, serif !important;
         align-items: center;
         justify-content: center;
         font-size: 22px;
@@ -5476,7 +5416,8 @@ html {
     }
 
     .post #nav #site-name:hover {
-        background: var(--sco-white-op)
+        background: var(--sco-white-op);
+        align-items: center
     }
 
     .nav-fixed #nav #site-name:hover {
@@ -6013,6 +5954,17 @@ i.fab {
 }
 
 @media screen and (max-width: 768px) {
+    #page-header #nav a:hover span.scoicon {
+        opacity: 1 !important;
+    }
+    #page-header.not-top-img #nav a:hover {
+        align-items: flex-end !important;
+    }
+
+    #nav #site-name span{
+        padding-left: 8px
+    }
+
     #sidebar #sidebar-menus .menus_items li .site-page:hover {
         background: var(--sco-main);
         color: var(--sco-white)
@@ -6491,14 +6443,21 @@ a.console_switchbutton {
     transition: .3s;
     display: flex;
     height: 35px;
-    width: 70px;
+    min-width: 70px;
     justify-content: center;
-    align-items: center;
+    align-items: flex-end;
     text-shadow: none;
     border-radius: 40px;
     cursor: pointer
 }
 
+#nav #site-name img {
+    height: 100%
+}
+#nav #site-name:hover img {
+    opacity: 0
+}
+
 #search-button > a > span {
     display: none
 }
@@ -6705,27 +6664,23 @@ a.console_switchbutton {
     }
 }
 
-@media screen and (min-width: 768px) {
-    #aside-content .sticky_layout {
-        margin-top: 1rem
-    }
-}
+/*@media screen and (min-width: 768px) {*/
+/*    #aside-content .sticky_layout {*/
+/*        margin-top: 1rem*/
+/*    }*/
+/*}*/
 
-@media screen and (min-width: 1300px) {
-    #aside-content .sticky_layout {
-        margin-top: 1rem
-    }
-}
+/*@media screen and (min-width: 1300px) {*/
+/*    #aside-content .sticky_layout {*/
+/*        margin-top: 1rem*/
+/*    }*/
+/*}*/
 
 #aside-content .sticky_layout {
     top: 80px;
     transition: top 0s
 }
 
-#aside-content .sticky_layout .card-widget:first-child {
-    margin-top: 0
-}
-
 #aside-content .card-widget:hover {
     box-shadow: var(--sco-shadow-border)
 }
@@ -7190,48 +7145,7 @@ span.fund_name {
     align-content: center
 }
 
-#aside-content .card-widget#card-wechat {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    padding: 0;
-    cursor: pointer;
-    border: none;
-    height: 100px
-}
-
-#aside-content .card-widget#card-wechat::before {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    /*background: url() center center no-repeat;*/
-    content: '';
-    background-size: cover
-}
-
-#aside-content .card-widget#card-wechat img {
-    max-height: 110px;
-    object-fit: cover
-}
-
-.friend-link {
-    display: flex;
-    justify-content: center;
-    align-content: center
-}
-
-#flip-wrapper {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    display: flex;
-    justify-content: center
-}
-
-#aside-content .card-widget.card-power {
+#aside-content .card-widget.card-power,#aside-content .card-widget.card-history,#aside-content .card-widget.card-welcome {
     padding: .4rem .6rem !important
 }
 
@@ -7325,40 +7239,6 @@ div#power-star-title {
     justify-content: center
 }
 
-#flip-wrapper {
-    -webkit-perspective: 1000;
-    perspective: 1000
-}
-
-#flip-content {
-    width: 100%;
-    height: 100%;
-    -webkit-transform-style: preserve-3d;
-    transform-style: preserve-3d;
-    transition: cubic-bezier(0, 0, 0, 1.29) .3s
-}
-
-#flip-wrapper:hover #flip-content {
-    -webkit-transform: rotateY(180deg);
-    transform: rotateY(180deg)
-}
-
-.face {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-}
-
-.back.face {
-    display: block;
-    -webkit-transform: rotateY(180deg);
-    transform: rotateY(180deg);
-    box-sizing: border-box;
-    border: var(--sco-card-border);
-}
-
 #card-vip-designweekly.card-widget {
     display: flex !important;
     padding: 0;
@@ -7634,7 +7514,7 @@ a.categoryButton i {
     opacity: .2;
     position: absolute;
     right: 0;
-    top: 7%;
+    top: 20%;
     transition: .3s;
     width: 100px;
     text-align: center;
@@ -9268,7 +9148,11 @@ div#author-info__sayhi:hover {
     font-size: 12px;
     color: var(--sco-white);
     opacity: .6;
-    line-height: 1
+    line-height: 1.5;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical
 }
 
 .avatar-img-group {
@@ -9279,7 +9163,8 @@ div#author-info__sayhi:hover {
     border-radius: 500px;
     position: absolute;
     transition: cubic-bezier(.69, .39, 0, 1.21) .3s;
-    transform-origin: bottom
+    transform-origin: bottom;
+    border: 5px solid var(--sco-card-bg)
 }
 
 #aside-content .card-info:hover .avatar-img-group {
@@ -9511,7 +9396,7 @@ div#author-info__sayhi:hover {
     display: flex;
     justify-content: flex-start;
     flex-direction: row;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     cursor: pointer
 }
 
@@ -11368,7 +11253,8 @@ a.reward-main-btn:hover {
 
 @media screen and (max-width: 768px) {
     #quit-box {
-        display: none !important
+        z-index: 109;
+        height: calc(100vh - 380px);
     }
 }
 
@@ -12414,7 +12300,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
         bottom: 0;
         left: 0;
         right: 0;
-        z-index: 102;
+        z-index: 1003;
         width: 100%;
         margin: auto;
         padding: 0
@@ -12776,7 +12662,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
 }
 
 #page .tag-cloud-list a:hover {
-    background: var(--sco-blue) !important;
+    background: var(--sco-main) !important;
     box-shadow: var(--sco-shadow-blue);
     color: var(--sco-white) !important;
     border: var(--style-border-hover)
@@ -12826,8 +12712,8 @@ span.tags-punctuation {
 }
 
 span.tags-punctuation::before {
-    content: "\edfc";
-    font-family: remixicon, serif !important;
+    content: "\e071";
+    font-family: scoicon, serif !important;
     font-size: 14px;
     opacity: .4;
 }
@@ -13831,6 +13717,24 @@ div#sco-footer-bar .footer-bar-description {
     display: none
 }
 
+#bber .bber-video {
+    position: relative;
+    padding: 30% 50%;
+    margin: 0.5rem 0
+}
+
+#bber .bber-video video,
+#bber .bber-video iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    margin: 0;
+    border-radius: 8px;
+    border: var(--style-border)
+}
+
 #bber-tips {
     font-size: 14px;
     display: flex;
@@ -16378,94 +16282,4 @@ div#equipment {
 
 a.bber-reply {
     cursor: pointer
-}
-
-/*
- * ai
- */
-.post-ai {
-    background: var(--ai-post-bg);
-    border-radius: 12px;
-    padding: 12px 16px;
-    line-height: 1.3;
-    border: 1px solid #e3e8f7bd;;
-    margin-top: 10px;
-    margin-bottom: 6px;
-    transition: all .3s;
-    -webkit-transition: all .3s;
-    -moz-transition: all .3s;
-    -ms-transition: all .3s;
-    -o-transition: all .3s
-}
-
-.ai-title {
-    display: flex;
-    color: var(--sco-fontcolor);
-    border-radius: 8px;
-    align-items: center;
-    padding: 0 5px
-}
-
-.ai-title i {
-    font-weight: 800
-}
-
-.ai-title-text {
-    font-weight: 700;
-    margin-left: 8px
-}
-
-.ai-tag {
-    font-size: 12px;
-    background-color: var(--ai-tag-bg);
-    color: rgba(255, 255, 255, .9);
-    border-radius: 4px;
-    margin-left: auto;
-    line-height: 1;
-    padding: 4px 5px;
-    border: var(--ai-border)
-}
-
-.ai-explanation {
-    padding: 8px;
-    margin-top: 11px;
-    font-size: 16px;
-    line-height: 1.4;
-    border: 1px solid var(--sco-card-border);
-    border-radius: 8px;
-}
-
-.ai-btn-box {
-    font-size: 16px;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap
-}
-
-.ai-btn-item {
-    padding: 5px 10px;
-    margin: 10px 16px 0 5px;
-    width: fit-content;
-    line-height: 1;
-    background: var(--sco-card-btn-bg);
-    border: var(--ai-border);
-    color: var(--sco-fontcolor);
-    border-radius: 6px 6px 6px 0;
-    -webkit-border-radius: 6px 6px 6px 0;
-    -moz-border-radius: 6px 6px 6px 0;
-    -ms-border-radius: 6px 6px 6px 0;
-    -o-border-radius: 6px 6px 6px 0;
-    user-select: none;
-    transition: all .3s;
-    -webkit-transition: all .3s;
-    -moz-transition: all .3s;
-    -ms-transition: all .3s;
-    -o-transition: all .3s
-}
-
-.ai-btn-item:hover {
-    background: var(--sco-main);
-    color: var(--sco-white);
-    cursor: pointer;
 }

package/source/css/search/algolia-search.css

@@ -93,7 +93,7 @@
 }
 
 .search-box input::placeholder {
-    color: var(--sco-theme);
+    color: var(--sco-gray);
 }
 
 #algolia-search #search-results{

package/source/css/search/local-search.css

@@ -95,7 +95,7 @@
     border: var(--style-border);
     border-radius: 8px;
     background: var(--sco-secondbg);
-    color: var(--search-input-color);
+    color: var(--sco-fontcolor);;
 }
 
 .search-dialog .search-box input:focus {

package/source/css/var.css

@@ -83,6 +83,9 @@
     --album-spacing-l: 24px;
     --album-spacing-xl: 32px;
     --album-spacing-xxl: 64px;
+
+    /* 个性定位 */
+    --icat-card-welcome: #49B1F5
 }
 
 ::selection {