cansin-blogdata 3.0.65 → 3.0.67

package/css/index.css

@@ -318,51 +318,6 @@ template {
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
 }
-#content-inner,
-#footer {
-  -webkit-animation: bottom-top 1s;
-  -moz-animation: bottom-top 1s;
-  -o-animation: bottom-top 1s;
-  -ms-animation: bottom-top 1s;
-  animation: bottom-top 1s;
-}
-#page-header {
-  -webkit-animation: header-effect 1s;
-  -moz-animation: header-effect 1s;
-  -o-animation: header-effect 1s;
-  -ms-animation: header-effect 1s;
-  animation: header-effect 1s;
-}
-#site-title,
-#site-subtitle {
-  -webkit-animation: titleScale 1s;
-  -moz-animation: titleScale 1s;
-  -o-animation: titleScale 1s;
-  -ms-animation: titleScale 1s;
-  animation: titleScale 1s;
-}
-#nav.show {
-  -webkit-animation: headerNoOpacity 1s;
-  -moz-animation: headerNoOpacity 1s;
-  -o-animation: headerNoOpacity 1s;
-  -ms-animation: headerNoOpacity 1s;
-  animation: headerNoOpacity 1s;
-}
-canvas:not(#ribbon-canvas),
-#web_bg {
-  -webkit-animation: to_show 4s;
-  -moz-animation: to_show 4s;
-  -o-animation: to_show 4s;
-  -ms-animation: to_show 4s;
-  animation: to_show 4s;
-}
-#ribbon-canvas {
-  -webkit-animation: ribbon_to_show 4s;
-  -moz-animation: ribbon_to_show 4s;
-  -o-animation: ribbon_to_show 4s;
-  -ms-animation: ribbon_to_show 4s;
-  animation: ribbon_to_show 4s;
-}
 .scroll-down-effects {
   -webkit-animation: scroll-down-effect 1.5s infinite;
   -moz-animation: scroll-down-effect 1.5s infinite;
@@ -3571,11 +3526,6 @@ h1.page-title + .tag-cloud-list {
   color: var(--font-color);
   text-shadow: none;
 }
-#page-header.nav-fixed #nav a:hover,
-#page-header.nav-fixed #nav #site-name:hover,
-#page-header.nav-fixed #nav #toggle-menu:hover {
-  color: #08f;
-}
 #page-header.nav-visible #nav {
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
@@ -4242,7 +4192,7 @@ h1.page-title + .tag-cloud-list {
   position: relative;
   margin: 40px 0 10px;
   padding: 10px 16px;
-  border: 1px solid var(--light-grey);
+  border: 1px solid var(--gavin-border-color);
   -webkit-transition: box-shadow 0.3s ease-in-out;
   -moz-transition: box-shadow 0.3s ease-in-out;
   -o-transition: box-shadow 0.3s ease-in-out;
@@ -4251,29 +4201,28 @@ h1.page-title + .tag-cloud-list {
 }
 #post .post-copyright:before {
   position: absolute;
-  top: 2px;
-  right: 12px;
-  color: #08f;
+  top: -75px;
+  right: -20px;
+  color: var(--gavin-highlight-op-1);
   content: '\f1f9';
-  font-size: 1.3em;
-}
-#post .post-copyright:hover {
-  -webkit-box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
-  box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
+  font-size: 120px;
 }
 #post .post-copyright .post-copyright-meta {
-  color: #08f;
+  color: var(--dis-f-0);
   font-weight: bold;
 }
 #post .post-copyright .post-copyright-info {
   padding-left: 6px;
+  color: var(--gavin-op-dis-6);
+  word-break: break-all;
 }
 #post .post-copyright .post-copyright-info a {
-  text-decoration: underline;
   word-break: break-word;
+  color: var(--dis-f-0);
+  word-break: break-all;
 }
 #post .post-copyright .post-copyright-info a:hover {
-  text-decoration: none;
+  color: var(--gavin-highlight);
 }
 #post .post-outdate-notice {
   position: relative;
@@ -4349,6 +4298,7 @@ h1.page-title + .tag-cloud-list {
 .relatedPosts > .relatedPosts-list .content .title {
   color: var(--white);
   -webkit-line-clamp: 2;
+  line-height: 1.5;
 }
 .post-reward {
   position: relative;
@@ -5384,12 +5334,13 @@ blockquote.pullquote.right {
   vertical-align: text-bottom;
 }
 .hl-label {
-  padding: 2px 4px;
-  border-radius: 3px;
+  padding: 0.1em 0.25em;
+  font-size: 90%;
+  border-radius: 6px;
   color: #fff;
 }
 .hl-label.default {
-  background-color: #777;
+  background-color: var(--gavin-nav-hover);
 }
 .hl-label.blue {
   background-color: #428bca;
@@ -5409,6 +5360,166 @@ blockquote.pullquote.right {
 .hl-label.green {
   background-color: #5cb85c;
 }
+#article-container .tag.link {
+  text-align: center;
+}
+#article-container a.link-card {
+  margin: 1rem auto;
+  cursor: pointer;
+  text-decoration: none;
+  background-color: var(--gavin-widget-bg1);
+  border: 1px solid var(--gavin-border-color) !important;
+  border-radius: 8px;
+  line-height: normal;
+  display: block;
+  text-align: left;
+  width: 100%;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+}
+#article-container a.link-card:hover {
+  color: var(--dis-f-0) !important;
+  background-color: var(--gavin-highlight-op-1) !important;
+  border-color: var(--gavin-highlight-op-6) !important;
+}
+#article-container a.link-card:hover p {
+  color: var(--dis-f-0) !important;
+}
+#article-container a.link-card:hover .main i {
+  color: var(--gavin-highlight-op-6);
+}
+#article-container a.link-card:hover .end {
+  border-color: var(--gavin-highlight-op-6);
+}
+#article-container a.link-card div.left {
+  width: 48px;
+  height: 48px;
+  margin: 0.8rem;
+  border-radius: 7px;
+  border: 1px solid var(--gavin-border-color);
+  overflow: hidden;
+  position: relative;
+}
+#article-container a.link-card div.left i {
+  font-size: 32px;
+  line-height: 48px;
+  margin-left: 4px;
+}
+#article-container a.link-card div.left img {
+  display: block;
+  position: absolute;
+  border-radius: 0;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+#article-container a.link-card div.right {
+  overflow: hidden;
+  margin-right: 1.6rem;
+}
+#article-container a.link-card p {
+  margin: 0;
+  color: var(--font-color);
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+}
+#article-container a.link-card p.text {
+  font-weight: bold;
+}
+#article-container a.link-card p.url {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  color: var(--dis-f-0);
+  font-size: 13px;
+  font-weight: 500;
+  opacity: 0.4;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+  filter: alpha(opacity=40);
+}
+#article-container a.link-card .main {
+  display: -webkit-inline-box;
+  display: -moz-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-box;
+  display: inline-flex;
+  -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%;
+  position: relative;
+}
+#article-container a.link-card .main i {
+  color: var(--dis-f-0);
+  font-size: 0.9rem;
+  position: absolute;
+  right: 0.8rem;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+}
+#article-container a.link-card .end {
+  border-top: 1px solid var(--gavin-border-color);
+  margin: 0 0.8rem;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: box;
+  display: flex;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  -ms-transition: all 0.3s;
+  transition: all 0.3s;
+}
+#article-container a.link-card .end p {
+  width: 50%;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.2rem;
+  color: var(--dis-f-0);
+  opacity: 0.4;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+  filter: alpha(opacity=40);
+  margin: 0 0 0.4rem 0;
+}
+#article-container a.link-card .end p:last-child {
+  text-align: right;
+}
+@media screen and (max-width: 550px) {
+  #article-container a.link-card {
+    max-width: 100%;
+  }
+  #article-container a.link-card .end p:last-child {
+    display: none;
+  }
+  #article-container a.link-card .end p:first-child {
+    width: 100%;
+  }
+}
+#article-container a.link-card div.left,
+#article-container a.link-card div.right {
+  pointer-events: none;
+}
+[data-theme="dark"] #article-container a.link-card img {
+  filter: brightness(1);
+}
 .music-card {
   border-radius: 21px;
   border: 1px solid var(--gavin-border-color);
@@ -5646,7 +5757,7 @@ blockquote.pullquote.right {
   position: relative;
   margin: 12px 0 12px;
   padding: 15px;
-  border-radius: 3px;
+  border-radius: 8px;
 }
 .note.icon-padding {
   padding-left: 3em;
@@ -5993,11 +6104,19 @@ blockquote.pullquote.right {
   display: none;
 }
 #article-container .reference-source {
-  line-height: 1.5;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: box;
+  display: flex;
+  margin: 4px 0;
 }
 #article-container .reference-source a,
-#article-container .reference-source span {
-  font-size: 85%;
+#article-container .reference-source span,
+#article-container .reference-source p {
+  font-size: 14px;
+  line-height: 1.3;
   font-weight: 500 !important;
   border-bottom: unset !important;
   color: var(--gavin-note-font-color);
@@ -6005,6 +6124,17 @@ blockquote.pullquote.right {
 #article-container .reference-source a.reference-link {
   text-decoration: underline !important;
 }
+#article-container .reference-source a.reference-link:hover p {
+  color: var(--gavin-highlight);
+}
+#article-container .reference-source .reference-link p {
+  margin: 0;
+  -webkit-transition: 0.3s;
+  -moz-transition: 0.3s;
+  -o-transition: 0.3s;
+  -ms-transition: 0.3s;
+  transition: 0.3s;
+}
 #article-container .reference-source .reference-anchor {
   margin-right: 5px;
 }
@@ -6355,12 +6485,8 @@ blockquote.pullquote.right {
 [data-theme='dark'] #post-comment #comment-switch .switch-btn {
   filter: brightness(0.8);
 }
-[data-theme='dark'] .note {
-  filter: brightness(0.8);
-}
 [data-theme='dark'] .hide-button,
 [data-theme='dark'] .btn-beautify,
-[data-theme='dark'] .hl-label,
 [data-theme='dark'] .post-outdate-notice,
 [data-theme='dark'] .error-img,
 [data-theme='dark'] #article-container iframe,