Update extra.css

docs/stylesheets/extra.css

@@ -12,15 +12,10 @@
 button.md-top {
   font-family: LXGW WenKai; /* 修改字体 */
   font-size: 16px; /* 修改字体大小 */
-    font-weight: bold; /* 修改字体粗细 */
+  font-weight: lighter;/* 修改字体粗细 */
   color: #518FC1; /* 修改字体颜色 */
 }
 
-
-  
-
-
-
 :root {
 --md-text-font: "LXGW WenKai"; 
 } /* 字体 */
@@ -92,6 +87,7 @@ img.twitter {
 .md-typeset details.pied-piper1 {
   border-color: rgb(96,141,189);
   font-size: large;
+  width: 100%;
   /* border-radius:25px; */
   border-bottom-left-radius: 25px;
   border-bottom-right-radius: 25px;
@@ -106,7 +102,8 @@ img.twitter {
   background-color: linear-gradient(to right, rgba(238, 243, 254));
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
-    height: 50px;
+  height: 45px;
+  width: auto;
   
 
 }
@@ -143,7 +140,7 @@ img.twitter {
 
 /* 鼠标end */
 
-
+.git-revision-date-localized-plugin { color: #608DBD; }
 /* 滚动条 */
 
 
@@ -185,6 +182,7 @@ img.twitter {
 width: 7px;
 height: 7px;
 }
+
 /*bilbili*/
 /*哔哩哔哩视频适配*/
 .aspect-ratio {
@@ -205,112 +203,6 @@ img.twitter {
 
 
 
-
-/*图片放大*/
-/* 图片放大start */
-/* .shadow {
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-
-.zoom {
-  transition: transform ease-in-out 0.5s;
-  cursor: zoom-in;
-}
-
-.image-zoom-large {
-  transform: scale(1.9);
-  cursor: zoom-out;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-  z-index: 100;
-  position: relative;
-} */
-/* 图片放大end*/
-
-.progress-label {
-  position: absolute;
-  text-align: center;
-  font-weight: 700;
-  width: 100%;
-  margin: 0;
-  line-height: 1.2rem;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.progress-bar {
-  height: 1.2rem;
-  float: left;
-  background-color: #2979ff;
-}
-
-.progress {
-  display: block;
-  width: 100%;
-  margin: 0.5rem 0;
-  height: 1.2rem;
-  background-color: #eeeeee;
-  position: relative;
-}
-
-.progress.thin {
-  margin-top: 0.9rem;
-  height: 0.4rem;
-}
-
-.progress.thin .progress-label {
-  margin-top: -0.4rem;
-}
-
-.progress.thin .progress-bar {
-  height: 0.4rem;
-}
-
-.progress-100plus .progress-bar {
-  background-color: #00e676;
-}
-
-.progress-80plus .progress-bar {
-  background-color: #fbc02d;
-}
-
-.progress-60plus .progress-bar {
-  background-color: #ff9100;
-}
-
-.progress-40plus .progress-bar {
-  background-color: #ff5252;
-}
-
-.progress-20plus .progress-bar {
-  background-color: #ff1744;
-}
-
-.progress-0plus .progress-bar {
-  background-color: #f50057;
-}
-
-
-/* #imgBaseDiv > img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    max-width: 99%;
-    max-height: 99%;
-}
-
-#imgBaseDiv {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    background: rgba(0, 0, 0, 0.9);
-    top: 0;
-    left: 0;
-    z-index: 1050;
-} */
-
-
-
 /**/
 .video1{
 position: fixed;  
@@ -366,6 +258,7 @@ source{
 height: 100%; 
 font-size:16px;
 }
+
 #rcorners3 {
 border-radius: 25px;
 border: 2px solid #518FC1;
@@ -374,6 +267,7 @@ source{
 height: 100%; 
 }
 
+
 .image-container {
   text-align: center; /* 居中对齐容器中的内容 */
 }
@@ -573,176 +467,6 @@ div.hide {
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 -webkit-filter: grayscale(100%);} */
 
-/* 加载 */
-  .spinner {
-    margin: 100px auto;
-    width: 50px;
-    height: 40px;
-    text-align: center;
-    font-size: 10px;
-  }
-  
-  .spinner > div {
-    background-color: #333;
-    height: 100%;
-    width: 6px;
-    display: inline-block;
-    
-    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
-    animation: sk-stretchdelay 1.2s infinite ease-in-out;
-  }
-  
-  .spinner .rect2 {
-    -webkit-animation-delay: -1.1s;
-    animation-delay: -1.1s;
-  }
-  
-  .spinner .rect3 {
-    -webkit-animation-delay: -1.0s;
-    animation-delay: -1.0s;
-  }
-  
-  .spinner .rect4 {
-    -webkit-animation-delay: -0.9s;
-    animation-delay: -0.9s;
-  }
-  
-  .spinner .rect5 {
-    -webkit-animation-delay: -0.8s;
-    animation-delay: -0.8s;
-  }
-  
-  @-webkit-keyframes sk-stretchdelay {
-    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
-    20% { -webkit-transform: scaleY(1.0) }
-  }
-  
-  @keyframes sk-stretchdelay {
-    0%, 40%, 100% { 
-      transform: scaleY(0.4);
-      -webkit-transform: scaleY(0.4);
-    }  20% { 
-      transform: scaleY(1.0);
-      -webkit-transform: scaleY(1.0);
-    }
-  }
 
 
-/* end */
-/* begin */
-.sk-chase {
-  width: 40px;
-  height: 40px;
-  position: relative;
-  animation: sk-chase 2.5s infinite linear both;
-}
 
-.sk-chase-dot {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0; 
-  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
-}
-
-.sk-chase-dot:before {
-  content: '';
-  display: block;
-  width: 25%;
-  height: 25%;
-  background-color: #fff;
-  border-radius: 100%;
-  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
-}
-
-.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
-.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
-.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
-.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
-.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
-.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
-.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
-.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
-.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
-.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
-.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
-.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
-
-@keyframes sk-chase {
-  100% { transform: rotate(360deg); } 
-}
-
-@keyframes sk-chase-dot {
-  80%, 100% { transform: rotate(360deg); } 
-}
-
-@keyframes sk-chase-dot-before {
-  50% {
-    transform: scale(0.4); 
-  } 100%, 0% {
-    transform: scale(1.0); 
-  } 
-}
-
-/* end */
-
-.loader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  /* background-color: rgba(255, 255, 255, 0.8);  */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999; /* 确保加载动画位于其他内容之上 */
-}
-
-.spinner {
-  width: 50px;
-  height: 40px;
-  text-align: center;
-  font-size: 10px;
-}
-
-.spinner > div {
-  background-color: #333;
-  height: 100%;
-  width: 6px;
-  display: inline-block;
-  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
-  animation: sk-stretchdelay 1.2s infinite ease-in-out;
-}
-
-.spinner .rect2 {
-  -webkit-animation-delay: -1.1s;
-  animation-delay: -1.1s;
-}
-
-.spinner .rect3 {
-  -webkit-animation-delay: -1.0s;
-  animation-delay: -1.0s;
-}
-
-.spinner .rect4 {
-  -webkit-animation-delay: -0.9s;
-  animation-delay: -0.9s;
-}
-
-@-webkit-keyframes sk-stretchdelay {
-  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
-  20% { -webkit-transform: scaleY(1.0) }
-}
-
-@keyframes sk-stretchdelay {
-  0%, 40%, 100% { 
-      transform: scaleY(0.4);
-      -webkit-transform: scaleY(0.4);
-  }  
-  20% { 
-      transform: scaleY(1.0);
-      -webkit-transform: scaleY(1.0);
-  }
-}