样式调整 & Fix Bug
This commit is contained in:
底层用户
parent
3817e6e43d
commit
b1ea5e3aba
@ -177,12 +177,12 @@
|
||||
|
||||
span.link-name {
|
||||
display: block !important;
|
||||
font-size: 1.05rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
span.line-text,
|
||||
i.iconfont.icon-link {
|
||||
font-size: 1.20rem;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
/*菜单栏按钮*/
|
||||
@ -212,16 +212,29 @@
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/*一言边距*/
|
||||
/*一言*/
|
||||
.col.hitokotos {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.hitokoto-text,
|
||||
.hitokoto-from {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
/*音乐播放器*/
|
||||
.music-text {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
#music-name {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
#music-open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*隐藏鼠标样式*/
|
||||
#cursor {
|
||||
background: transparent !important;
|
||||
|
||||
@ -576,7 +576,7 @@ span.link-name {
|
||||
}
|
||||
|
||||
.upnote {
|
||||
margin-top: 2rem;
|
||||
margin-top: 1rem;
|
||||
margin-left: 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -584,6 +584,10 @@ span.link-name {
|
||||
font-size: 1.10rem;
|
||||
}
|
||||
|
||||
.uptext i {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.closebox {
|
||||
left: auto;
|
||||
top: 10px;
|
||||
@ -616,7 +620,16 @@ i.iconfont.icon-github1 {
|
||||
}
|
||||
|
||||
.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 {
|
||||
background: #ffffff57 !important;
|
||||
background: #ffffff26 !important;
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
.aplayer .aplayer-list ol li:hover {
|
||||
background: #ffffff57 !important;
|
||||
background: #ffffff26 !important;
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
@ -662,6 +671,11 @@ i.iconfont.icon-github1 {
|
||||
height: 34px !important;
|
||||
}
|
||||
|
||||
.aplayer .aplayer-lrc {
|
||||
text-align: left !important;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
|
||||
/*歌词大小*/
|
||||
.aplayer .aplayer-lrc p.aplayer-lrc-current {
|
||||
font-size: 14.5px !important;
|
||||
@ -735,6 +749,10 @@ footer {
|
||||
line-height: 18px !important;
|
||||
}
|
||||
|
||||
.iziToast>.iziToast-body .iziToast-message {
|
||||
margin: 6px 0px 4px 0px !important;
|
||||
}
|
||||
|
||||
.iziToast:after {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@ -24,7 +24,6 @@
|
||||
<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/cursor.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/lantern.css">
|
||||
<link rel="icon" href="./favicon.ico">
|
||||
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
|
||||
<!-- Izitoast -->
|
||||
@ -153,7 +152,7 @@
|
||||
<div id="volume-ico">
|
||||
<i class="iconfont icon-volume-1"></i>
|
||||
</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()">
|
||||
</div>
|
||||
</div>
|
||||
@ -346,7 +345,7 @@
|
||||
<div class="box-left">
|
||||
<div class="img-title">
|
||||
<span class="img-title">imsyy</span>
|
||||
<span class="img-text">.top</span>
|
||||
<span class="img-text">.top</span><br />
|
||||
<span class="img-text"> v 1.6</span>
|
||||
<a href="https://github.com/imsyy/home" target="_blank"><i
|
||||
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/time.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"
|
||||
src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js">
|
||||
</script>
|
||||
|
||||
52
js/main.js
52
js/main.js
@ -20,6 +20,20 @@ else if (window.attachEvent)
|
||||
window.attachEvent("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({
|
||||
timeout: 10000,
|
||||
@ -42,12 +56,14 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
|
||||
link.rel = 'stylesheet';
|
||||
link.type = 'text/css';
|
||||
head.appendChild(link);
|
||||
iziToast.info({
|
||||
timeout: 8000,
|
||||
iconUrl: './img/warn.png',
|
||||
title: '兼容提醒',
|
||||
message: '您正在使用火狐浏览器，部分功能可能不支持'
|
||||
});
|
||||
window.addEventListener('load', function () {
|
||||
iziToast.info({
|
||||
timeout: 8000,
|
||||
iconUrl: './img/warn.png',
|
||||
title: '兼容提醒',
|
||||
message: '您正在使用火狐浏览器，部分功能可能不支持'
|
||||
});
|
||||
}, false)
|
||||
}
|
||||
|
||||
//获取一言
|
||||
@ -165,12 +181,10 @@ $('#switchmore').on('click', function () {
|
||||
|
||||
//更多页面关闭按钮
|
||||
$('#close').on('click', function () {
|
||||
$('#container').attr('class', 'container');
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
|
||||
$('#switchmore').click();
|
||||
});
|
||||
|
||||
//菜单栏切换
|
||||
//移动端菜单栏切换
|
||||
var switchmenu = false;
|
||||
$('#switchmenu').on('click', function () {
|
||||
switchmenu = !switchmenu;
|
||||
@ -241,7 +255,7 @@ $("#more").hover(function () {
|
||||
//屏蔽右键
|
||||
document.oncontextmenu = function () {
|
||||
iziToast.info({
|
||||
timeout: 4000,
|
||||
timeout: 400000,
|
||||
iconUrl: './img/warn.png',
|
||||
title: '温馨提醒',
|
||||
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>'
|
||||
)
|
||||
$("#change").html("Silence in silence");
|
||||
$("#change1").html("今天是国家纪念日，全站已切换为黑白模式");
|
||||
iziToast.info({
|
||||
timeout: 14000,
|
||||
iconUrl: './img/candle.png',
|
||||
title: '今天是国家纪念日',
|
||||
message: '历史不会忘记，人民永远铭记！'
|
||||
});
|
||||
$("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式");
|
||||
window.addEventListener('load', function () {
|
||||
iziToast.info({
|
||||
timeout: 14000,
|
||||
iconUrl: './img/candle.png',
|
||||
title: '今天是中国国家纪念日',
|
||||
message: '历史不会忘记，人民永远铭记！'
|
||||
});
|
||||
}, false);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user