mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 08:56:35 +00:00
Update extra.css
This commit is contained in:
parent
99de923ab7
commit
70640df269
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user