fix theme...
This commit is contained in:
323
themes/anzhiyu/source/css/_extra/fix/aplayer.css
Normal file
323
themes/anzhiyu/source/css/_extra/fix/aplayer.css
Normal file
@@ -0,0 +1,323 @@
|
||||
/* 音乐播放器 */
|
||||
|
||||
.aplayer.aplayer-narrow .aplayer-body,
|
||||
.aplayer.aplayer-narrow .aplayer-pic {
|
||||
height: 66px;
|
||||
width: 66px;
|
||||
}
|
||||
|
||||
/* 导航栏音乐 */
|
||||
@media screen and (max-width: 1200px) {
|
||||
#nav-music {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#nav-music {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
cursor: pointer;
|
||||
transition: all 0.5s, left 0s;
|
||||
transform-origin: left bottom;
|
||||
box-shadow: var(--anzhiyu-shadow-border);
|
||||
border-radius: 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#nav-music:active {
|
||||
transform: scale(0.97);
|
||||
}
|
||||
|
||||
#nav-music.playing {
|
||||
border: var(--style-border);
|
||||
box-shadow: 0 0px 12px -3px var(--anzhiyu-none);
|
||||
animation: playingShadow 5s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes playingShadow {
|
||||
0% {
|
||||
box-shadow: 0 0px 12px -3px var(--anzhiyu-none);
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: 0 0px 12px 0px var(--anzhiyu-main);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0px 12px -3px var(--anzhiyu-none);
|
||||
}
|
||||
}
|
||||
|
||||
#nav-music .aplayer.aplayer-withlrc .aplayer-pic {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
border-radius: 40px;
|
||||
z-index: 1;
|
||||
transition: 0.3s;
|
||||
transform: rotate(0deg) scale(1);
|
||||
border: var(--style-border-always);
|
||||
animation: changeright 24s linear infinite;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
#nav-music.playing .aplayer.aplayer-withlrc .aplayer-pic {
|
||||
box-shadow: 0 0 14px #ffffffa6;
|
||||
transform: rotate(0deg) scale(1.1);
|
||||
border-color: var(--anzhiyu-white);
|
||||
animation-play-state: running;
|
||||
}
|
||||
|
||||
@keyframes changeright {
|
||||
0% {
|
||||
transform: rotate(0deg) scale(1.1);
|
||||
box-shadow: 0 0 2px #ffffff00;
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: rotate(90deg) scale(1.1);
|
||||
box-shadow: 0 0 14px #ffffff;
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotate(180deg) scale(1.1);
|
||||
box-shadow: 0 0 2px #ffffff00;
|
||||
}
|
||||
|
||||
75% {
|
||||
transform: rotate(270deg) scale(1.1);
|
||||
box-shadow: 0 0 14px #ffffff;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg) scale(1.1);
|
||||
box-shadow: 0 0 2px #ffffff00;
|
||||
}
|
||||
}
|
||||
|
||||
#nav-music .aplayer.aplayer-withlrc .aplayer-info {
|
||||
height: 100%;
|
||||
color: var(--anzhiyu-fontcolor);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#nav-music.playing .aplayer.aplayer-withlrc .aplayer-info {
|
||||
color: var(--anzhiyu-white);
|
||||
}
|
||||
|
||||
#nav-music.playing #nav-music-hoverTips {
|
||||
width: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
#nav-music #nav-music-hoverTips {
|
||||
color: var(--anzhiyu-white);
|
||||
background: var(--anzhiyu-main);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
border-radius: 40px;
|
||||
opacity: 0;
|
||||
font-size: 12px;
|
||||
z-index: 2;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
#nav-music:hover:not(.playing) #nav-music-hoverTips {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#nav-music
|
||||
.aplayer
|
||||
.aplayer-info
|
||||
.aplayer-controller
|
||||
.aplayer-bar-wrap:hover
|
||||
.aplayer-bar
|
||||
.aplayer-played
|
||||
.aplayer-thumb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer {
|
||||
background: var(--card-bg);
|
||||
border-radius: 60px;
|
||||
height: 41px;
|
||||
display: flex;
|
||||
margin: 0;
|
||||
transition: 0.3s;
|
||||
border: var(--style-border);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#nav-music.playing .aplayer {
|
||||
background: var(--anzhiyu-main);
|
||||
border: var(--style-border-hover);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-notice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-miniswitcher {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-body {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#nav-music .aplayer-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-music {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 12px 0 8px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer.aplayer-withlist .aplayer-info {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-pic .aplayer-button {
|
||||
bottom: 50%;
|
||||
right: 50%;
|
||||
transform: translate(50%, 50%);
|
||||
margin: 0;
|
||||
transition: 0.3s;
|
||||
}
|
||||
#nav-music .aplayer .aplayer-pic:has(.aplayer-button.aplayer-play) {
|
||||
animation-play-state: paused;
|
||||
transform: rotate(0deg) scale(1) !important;
|
||||
}
|
||||
#nav-music .aplayer.aplayer-withlrc .aplayer-pic {
|
||||
margin-left: 8px;
|
||||
}
|
||||
#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title {
|
||||
cursor: pointer;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
max-width: 120px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
transition: 0.3s;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-controller {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
|
||||
height: 100%;
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
|
||||
height: 100%;
|
||||
opacity: 0.1;
|
||||
background-color: var(--anzhiyu-white) !important;
|
||||
animation: lightBar 5s ease infinite;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
#nav-music.playing .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
|
||||
animation-play-state: running;
|
||||
}
|
||||
|
||||
@keyframes lightBar {
|
||||
0% {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0.1;
|
||||
}
|
||||
}
|
||||
|
||||
/* 歌词 */
|
||||
#nav-music .aplayer.aplayer-withlrc .aplayer-lrc {
|
||||
width: 0;
|
||||
opacity: 0;
|
||||
transition: 0.3s;
|
||||
margin-top: -2px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
#nav-music.stretch .aplayer.aplayer-withlrc .aplayer-lrc {
|
||||
width: 200px;
|
||||
margin-left: 8px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current {
|
||||
color: var(--anzhiyu-white);
|
||||
border: none;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-lrc:after,
|
||||
#nav-music .aplayer .aplayer-lrc:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-lrc p {
|
||||
color: #ffffffb3;
|
||||
line-height: 40px !important;
|
||||
height: 40px !important;
|
||||
margin: 0px 0;
|
||||
vertical-align: top;
|
||||
/* display: inline-block; */
|
||||
}
|
||||
|
||||
#nav-music .aplayer .aplayer-pic {
|
||||
pointer-events: none;
|
||||
}
|
||||
#nav-music .aplayer .aplayer-pic .aplayer-button {
|
||||
pointer-events: all;
|
||||
}
|
||||
46
themes/anzhiyu/source/css/_extra/fix/bilibili-bangumi.css
Normal file
46
themes/anzhiyu/source/css/_extra/fix/bilibili-bangumi.css
Normal file
@@ -0,0 +1,46 @@
|
||||
/* bilibli番剧插件 */
|
||||
#page #article-container .bangumi-tab.bangumi-active {
|
||||
background: var(--anzhiyu-theme);
|
||||
color: var(--anzhiyu-ahoverbg);
|
||||
border-radius: 10px;
|
||||
}
|
||||
#page #article-container .bangumi-tabs .bangumi-tab {
|
||||
border-bottom: none;
|
||||
border-radius: 10px;
|
||||
}
|
||||
#page #article-container .bangumi-tabs a.bangumi-tab:hover {
|
||||
text-decoration: none !important;
|
||||
border-radius: 10px;
|
||||
column-gap: var(--anzhiyu-ahoverbg);
|
||||
}
|
||||
#page #article-container .bangumi-pagination a.bangumi-button {
|
||||
border-bottom: none;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.bangumi-button:hover {
|
||||
background: var(--anzhiyu-theme) !important;
|
||||
border-radius: 10px !important;
|
||||
color: var(--anzhiyu-ahoverbg) !important;
|
||||
}
|
||||
a.bangumi-button.bangumi-nextpage:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.bangumi-button {
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
|
||||
a.bangumi-tab {
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
svg.icon.faa-tada {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.bangumi-info-item {
|
||||
border-right: 1px solid #f2b94b;
|
||||
}
|
||||
.bangumi-info-item span {
|
||||
color: #f2b94b;
|
||||
}
|
||||
.bangumi-info-item em {
|
||||
color: #f2b94b;
|
||||
}
|
||||
16
themes/anzhiyu/source/css/_extra/fix/bilibili-ratio.css
Normal file
16
themes/anzhiyu/source/css/_extra/fix/bilibili-ratio.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/*哔哩哔哩视频适配*/
|
||||
.aspect-ratio {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 75%;
|
||||
margin: 3% auto;
|
||||
text-align: center;
|
||||
}
|
||||
.aspect-ratio iframe {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
15
themes/anzhiyu/source/css/_extra/fix/categories.css
Normal file
15
themes/anzhiyu/source/css/_extra/fix/categories.css
Normal file
@@ -0,0 +1,15 @@
|
||||
#page:has(#lib-cards):has(#libCategories) #post-comment .tk-comments-container > .tk-comment {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
#libCategories {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
#page:has(#lib-cards):has(#libCategories) h1.page-title {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body[data-type="categories"] #body-wrap #category {
|
||||
padding: 20px 15px 20px;
|
||||
}
|
||||
}
|
||||
7
themes/anzhiyu/source/css/_extra/fix/clock.css
Normal file
7
themes/anzhiyu/source/css/_extra/fix/clock.css
Normal file
@@ -0,0 +1,7 @@
|
||||
.card-glass .card-background {
|
||||
box-shadow: none;
|
||||
margin: 0 15px;
|
||||
}
|
||||
[data-theme="dark"] .card-glass .card-background {
|
||||
background-color: transparent;
|
||||
}
|
||||
9
themes/anzhiyu/source/css/_extra/fix/comments.css
Normal file
9
themes/anzhiyu/source/css/_extra/fix/comments.css
Normal file
@@ -0,0 +1,9 @@
|
||||
/* 留言板样式补丁 */
|
||||
#maincontent #form-wrap .formmain .comments-main h3.title3 {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
body[data-type="envelope"] #page #post-comment .tk-comments-container > .tk-comment {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
17
themes/anzhiyu/source/css/_extra/fix/dark.css
Normal file
17
themes/anzhiyu/source/css/_extra/fix/dark.css
Normal file
@@ -0,0 +1,17 @@
|
||||
[data-theme="dark"] #universe {
|
||||
display: block;
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
canvas#universe {
|
||||
display: none;
|
||||
}
|
||||
7
themes/anzhiyu/source/css/_extra/fix/fcircle_page.css
Normal file
7
themes/anzhiyu/source/css/_extra/fix/fcircle_page.css
Normal file
@@ -0,0 +1,7 @@
|
||||
@media screen and (max-width: 768px) {
|
||||
#page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button i,
|
||||
#page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button svg {
|
||||
margin-left: 140px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
6
themes/anzhiyu/source/css/_extra/fix/gitcalendar.css
Normal file
6
themes/anzhiyu/source/css/_extra/fix/gitcalendar.css
Normal file
@@ -0,0 +1,6 @@
|
||||
#gitcalendar #git_container ul li {
|
||||
margin: 0 !important;
|
||||
}
|
||||
#gitcalendar #git_container ul li::before{
|
||||
content: none !important;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.dplayer-video-wrap,
|
||||
.dplayer {
|
||||
border-radius: 12px;
|
||||
}
|
||||
6
themes/anzhiyu/source/css/_extra/fix/hide-block.css
Normal file
6
themes/anzhiyu/source/css/_extra/fix/hide-block.css
Normal file
@@ -0,0 +1,6 @@
|
||||
.note .hide-block {
|
||||
margin: 0;
|
||||
}
|
||||
.note .hide-block button {
|
||||
border-radius: 30px;
|
||||
}
|
||||
14
themes/anzhiyu/source/css/_extra/fix/link_page.css
Normal file
14
themes/anzhiyu/source/css/_extra/fix/link_page.css
Normal file
@@ -0,0 +1,14 @@
|
||||
body[data-type="link"] main #page {
|
||||
border: 0;
|
||||
box-shadow: none !important;
|
||||
padding: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] body[data-type="link"] #page {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.flink .anzhiyu-flink-list {
|
||||
padding: 0;
|
||||
}
|
||||
15
themes/anzhiyu/source/css/_extra/fix/overflow.css
Normal file
15
themes/anzhiyu/source/css/_extra/fix/overflow.css
Normal file
@@ -0,0 +1,15 @@
|
||||
/* 修复时间轴wowjs超出盒子 */
|
||||
div#archive {
|
||||
overflow: hidden;
|
||||
padding: 22px;
|
||||
}
|
||||
/* 修复加载时图片太大超出范围 */
|
||||
.aplayer.aplayer-fixed {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
8
themes/anzhiyu/source/css/_extra/fix/radius.css
Normal file
8
themes/anzhiyu/source/css/_extra/fix/radius.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.relatedPosts > .relatedPosts-list > div {
|
||||
border-radius: var(--anzhiyu-border-radius);
|
||||
}
|
||||
|
||||
/* 侧边栏按钮圆角 */
|
||||
#rightside > div > button {
|
||||
border-radius: 5px;
|
||||
}
|
||||
15
themes/anzhiyu/source/css/_extra/fix/site-card.css
Normal file
15
themes/anzhiyu/source/css/_extra/fix/site-card.css
Normal file
@@ -0,0 +1,15 @@
|
||||
/* site-card样式修复 */
|
||||
#article-container .site-card-group a {
|
||||
padding: 0;
|
||||
border-bottom: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
#article-container .site-card-group .site-card {
|
||||
background: #fff !important;
|
||||
border-radius: 8px;
|
||||
}
|
||||
#article-container .site-card-group a:hover {
|
||||
padding: 0;
|
||||
border-bottom: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
Reference in New Issue
Block a user