样式调整 & Fix Bug

This commit is contained in:
底层用户 2022-02-03 16:05:44 +08:00
parent 3817e6e43d
commit b1ea5e3aba
4 changed files with 78 additions and 33 deletions

View File

@ -177,12 +177,12 @@
span.link-name { span.link-name {
display: block !important; display: block !important;
font-size: 1.05rem; font-size: 0.95rem;
} }
span.line-text, span.line-text,
i.iconfont.icon-link { i.iconfont.icon-link {
font-size: 1.20rem; font-size: 1.05rem;
} }
/*菜单栏按钮*/ /*菜单栏按钮*/
@ -212,16 +212,29 @@
font-size: 0.85rem; font-size: 0.85rem;
} }
/*一言边距*/ /*一言*/
.col.hitokotos { .col.hitokotos {
margin-right: 0rem; margin-right: 0rem;
} }
.hitokoto-text,
.hitokoto-from {
font-size: 1.05rem;
}
/*音乐播放器*/ /*音乐播放器*/
.music-text { .music-text {
max-width: 100% !important; max-width: 100% !important;
} }
#music-name {
font-size: 1.05rem;
}
#music-open {
display: none;
}
/*隐藏鼠标样式*/ /*隐藏鼠标样式*/
#cursor { #cursor {
background: transparent !important; background: transparent !important;

View File

@ -576,7 +576,7 @@ span.link-name {
} }
.upnote { .upnote {
margin-top: 2rem; margin-top: 1rem;
margin-left: 2rem; margin-left: 2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -584,6 +584,10 @@ span.link-name {
font-size: 1.10rem; font-size: 1.10rem;
} }
.uptext i {
font-size: 1.25rem;
}
.closebox { .closebox {
left: auto; left: auto;
top: 10px; top: 10px;
@ -616,7 +620,16 @@ i.iconfont.icon-github1 {
} }
.aplayer.aplayer-withlrc .aplayer-pic { .aplayer.aplayer-withlrc .aplayer-pic {
border-radius: 6px !important; display: none;
}
.aplayer.aplayer-withlrc .aplayer-info {
margin-left: 0px !important;
}
.aplayer.aplayer-withlrc .aplayer-info {
background-color: #ffffff26;
border-radius: 6px;
} }
/*歌曲名称*/ /*歌曲名称*/
@ -625,17 +638,13 @@ i.iconfont.icon-github1 {
} }
/*音乐列表*/ /*音乐列表*/
.aplayer.aplayer-withlist .aplayer-list {
margin-top: 8px;
}
.aplayer .aplayer-list ol li.aplayer-list-light { .aplayer .aplayer-list ol li.aplayer-list-light {
background: #ffffff57 !important; background: #ffffff26 !important;
border-radius: 6px !important; border-radius: 6px !important;
} }
.aplayer .aplayer-list ol li:hover { .aplayer .aplayer-list ol li:hover {
background: #ffffff57 !important; background: #ffffff26 !important;
border-radius: 6px !important; border-radius: 6px !important;
} }
@ -662,6 +671,11 @@ i.iconfont.icon-github1 {
height: 34px !important; height: 34px !important;
} }
.aplayer .aplayer-lrc {
text-align: left !important;
margin-left: 5px !important;
}
/*歌词大小*/ /*歌词大小*/
.aplayer .aplayer-lrc p.aplayer-lrc-current { .aplayer .aplayer-lrc p.aplayer-lrc-current {
font-size: 14.5px !important; font-size: 14.5px !important;
@ -735,6 +749,10 @@ footer {
line-height: 18px !important; line-height: 18px !important;
} }
.iziToast>.iziToast-body .iziToast-message {
margin: 6px 0px 4px 0px !important;
}
.iziToast:after { .iziToast:after {
box-shadow: none !important; box-shadow: none !important;
} }

View File

@ -24,7 +24,6 @@
<link rel="stylesheet" type="text/css" href="./css/loading.css"> <link rel="stylesheet" type="text/css" href="./css/loading.css">
<link rel="stylesheet" type="text/css" href="./css/animation.css"> <link rel="stylesheet" type="text/css" href="./css/animation.css">
<link rel="stylesheet" type="text/css" href="./css/cursor.css"> <link rel="stylesheet" type="text/css" href="./css/cursor.css">
<link rel="stylesheet" type="text/css" href="./css/lantern.css">
<link rel="icon" href="./favicon.ico"> <link rel="icon" href="./favicon.ico">
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png"> <link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
<!-- Izitoast --> <!-- Izitoast -->
@ -153,7 +152,7 @@
<div id="volume-ico"> <div id="volume-ico">
<i class="iconfont icon-volume-1"></i> <i class="iconfont icon-volume-1"></i>
</div> </div>
<input type="range" min="0" max="1" step="0.1" id="volume" <input type="range" min="0" max="1" step="0.01" id="volume"
oninput="changevolume()"> oninput="changevolume()">
</div> </div>
</div> </div>
@ -346,7 +345,7 @@
<div class="box-left"> <div class="box-left">
<div class="img-title"> <div class="img-title">
<span class="img-title">imsyy</span> <span class="img-title">imsyy</span>
<span class="img-text">.top</span> <span class="img-text">.top</span><br />
<span class="img-text">&nbsp;&nbsp;v&nbsp;1.6</span> <span class="img-text">&nbsp;&nbsp;v&nbsp;1.6</span>
<a href="https://github.com/imsyy/home" target="_blank"><i <a href="https://github.com/imsyy/home" target="_blank"><i
class="iconfont icon-github1"></i></a> class="iconfont icon-github1"></i></a>
@ -390,7 +389,6 @@
<script type="text/javascript" src="./js/main.js"></script> <script type="text/javascript" src="./js/main.js"></script>
<script type="text/javascript" src="./js/time.js"></script> <script type="text/javascript" src="./js/time.js"></script>
<script type="text/javascript" src="./js/cursor.js"></script> <script type="text/javascript" src="./js/cursor.js"></script>
<script type="text/javascript" src="./js/lantern.js" defer></script>
<script type="text/javascript" <script type="text/javascript"
src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js"> src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js">
</script> </script>

View File

@ -20,6 +20,20 @@ else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload); window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload; else window.onload = downloadJSAtOnload;
//新春灯笼 需要时取消注释
/*
new_element=document.createElement("link");
new_element.setAttribute("rel","stylesheet");
new_element.setAttribute("type","text/css");
new_element.setAttribute("href","./css/lantern.css");
document.body.appendChild(new_element);
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","./js/lantern.js");
document.body.appendChild(new_element);
*/
//弹窗样式 //弹窗样式
iziToast.settings({ iziToast.settings({
timeout: 10000, timeout: 10000,
@ -42,12 +56,14 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
head.appendChild(link); head.appendChild(link);
iziToast.info({ window.addEventListener('load', function () {
timeout: 8000, iziToast.info({
iconUrl: './img/warn.png', timeout: 8000,
title: '兼容提醒', iconUrl: './img/warn.png',
message: '您正在使用火狐浏览器,部分功能可能不支持' title: '兼容提醒',
}); message: '您正在使用火狐浏览器,部分功能可能不支持'
});
}, false)
} }
//获取一言 //获取一言
@ -165,12 +181,10 @@ $('#switchmore').on('click', function () {
//更多页面关闭按钮 //更多页面关闭按钮
$('#close').on('click', function () { $('#close').on('click', function () {
$('#container').attr('class', 'container'); $('#switchmore').click();
$("#change").html("Hello&nbsp;World&nbsp;!");
$("#change1").html("一个建立于 21 世纪的小站,存活于互联网的边缘");
}); });
//菜单栏切换 //移动端菜单栏切换
var switchmenu = false; var switchmenu = false;
$('#switchmenu').on('click', function () { $('#switchmenu').on('click', function () {
switchmenu = !switchmenu; switchmenu = !switchmenu;
@ -241,7 +255,7 @@ $("#more").hover(function () {
//屏蔽右键 //屏蔽右键
document.oncontextmenu = function () { document.oncontextmenu = function () {
iziToast.info({ iziToast.info({
timeout: 4000, timeout: 400000,
iconUrl: './img/warn.png', iconUrl: './img/warn.png',
title: '温馨提醒', title: '温馨提醒',
message: '为了浏览体验,本站禁用右键' message: '为了浏览体验,本站禁用右键'
@ -261,13 +275,15 @@ for (var day of days) {
'<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>' '<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
) )
$("#change").html("Silence&nbsp;in&nbsp;silence"); $("#change").html("Silence&nbsp;in&nbsp;silence");
$("#change1").html("今天是国家纪念日,全站已切换为黑白模式"); $("#change1").html("今天是中国国家纪念日,全站已切换为黑白模式");
iziToast.info({ window.addEventListener('load', function () {
timeout: 14000, iziToast.info({
iconUrl: './img/candle.png', timeout: 14000,
title: '今天是国家纪念日', iconUrl: './img/candle.png',
message: '历史不会忘记,人民永远铭记!' title: '今天是中国国家纪念日',
}); message: '历史不会忘记,人民永远铭记!'
});
}, false);
} }
} }