NaTyphoon 蓝白主题 by YLFDZ

/* ==UserStyle==
@name           Natyphoon 蓝白主题
@namespace      https://tieba.baidu.com/home/main?id=tb.1.d622f631.Ct_qo_bWCAtNrWdGaCSO9w
@version        0.1.3
@description    修改了Natyphoon网站的大部分样式，以获得不一样的访问体验。
@author         珠三角风迷 <ylcdz@foxmail.com> (https://tieba.baidu.com/home/main?id=tb.1.d622f631.Ct_qo_bWCAtNrWdGaCSO9w)
@license MIT
@supportURL https://tieba.baidu.com/home/main?id=tb.1.d622f631.Ct_qo_bWCAtNrWdGaCSO9w
==/UserStyle== */
@-moz-document domain("natyphoon.top"),
url-prefix("https://www.natyphoon.top"),
url-prefix("https://www.natyphoon.top/"),
url-prefix("www.natyphoon.top/") {
	/* 主页部分优化 */
	body {
		background-color: #FFF;
		width: 80%;
	}
	.Notice {
		transition: .3s;
		border: 1px solid #DDD;
		border-top: none;
	}
	.nav_ul {
		background-color: #47f!important;
		color: #FFF;
	}
	.nav_ul li a:link,
	.nav_ul li a:visited {
		color: #fff !important;
	}
	h2 {
		color: #47f;
	}
	.nav_ul li a:hover {
		background-color: #4af
	}
	.nav_ul li {
		text-indent: 15px !important;
		font-weight: bold;
		b {
			color: #FF0;
		}
	}
	ul[style="background-color: #4AF; color: #FF0;"] {
		color: #FFF !important;
	}
	.Text1,
	.Text2,
	.TextA,
	.TextB {
		background-color: transparent;
		border: 1px solid #DDD;
		border-top: none;
	}
	.Text1 div,
	.Text2 div {
		border-top: #DDD solid 1px;
	}
	.WhiteBlock {
		background-color: #e8f2ff !important;
		border-radius: 15px;
		padding: 10px;
		box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
		transition: .3s;
		[style*="#0FF"] {
			border: none;
		}
	}
	.WhiteBlock[style*="#0FF"] {
		border: none !important;
	}
	div[style="width: 60%; float: right;"],
	div[style*="width: 49%;"],
	.NOTICE1,
	table:not(:has(input[value="b-deck"])),
	.div1 {
		box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
		transition: .3s;
	}
	/*↑大多数阴影效果*/
	div[style="width: 60%; float: right;"]:hover,
	.WhiteBlock:hover,
	.Notice:hover,
	div[style*="width: 49%;"]:hover,
	.NOTICE1:hover,
	table:not(:has(input[value="b-deck"])):hover,
	.div1:hover {
		box-shadow: 0 .2em 0.5em -.25em rgba(10, 10, 10, .3), 0 0 0 1px rgba(10, 10, 10, .05);
		transition: .3s;
	}

	a:hover {
		color: #e91e70 !important;
		transition: 0.2s;
		padding: 0px 3px 0px 3px;
	}
	/*链接*/
	img {
		border: none !important;
	}
	.NS1 a:link,
	.NS1 a:link:visited {
		transition: .3s;
	}
	p.NOF[style*="text-align: center;"] {
		text-align: left !important;
	}
	hr {
		border: none;
		height: 5px;
		background-color: #f5f5f5;
		border-radius: 2px;
	}
	/*一般按钮的格式*/
	input:not([value="上报"], [type="text"], [type="checkbox"], [type="radio"], [type="number"]) {
		border: none;
		outline: none;
		background-color: #47f;
		color: white;
		font-size: 16px;
		font-weight: bold;
		border-radius: 4px;
		margin: 4px 2px;
		cursor: pointer;
		transition: background-color 0.3s ease, box-shadow 0.3s ease;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		padding: 4px 8px;
	}

	input:not([value="上报"], [type="text"], [type="checkbox"], [type="number"]):hover {
		background-color: #2a5ee8;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}

	input:not([value="上报"], [type="text"], [type="checkbox"], [type="number"]):active {
		background-color: #1e47b6;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}
	/*文本框格式*/
	input[type="text"],
	input[type="number"],
	select,
	textarea {
		border: none;
		border: #ddd solid 2px;
		border-radius: 5px;
		padding: 2px;
		height: 21px;
		font-size: 16px;
		transition: .3s;
		&:hover {
			border: #4af solid 2px;
			transition: .3s;
		}
	}
	select {
		height: auto;
	}

	/* 滚动条整体样式 */
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	::-webkit-scrollbar {
		width: 10px;
		/* 滚动条宽度 */
		height: 10px;
		/* 滚动条高度 (用于横向滚动条) */
	}

	::-webkit-scrollbar-track {
		background: #f5f5f5;
		/* 滚动条轨道背景 */
		border-radius: 5px
	}

	::-webkit-scrollbar-thumb {
		background-color: #47f;
		/* 滚动条滑块背景 */
		border-radius: 5px;
		/* 滚动条滑块圆角 */
		transition: background-color 0.3s ease;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #4af;
		/* 滚动条滑块背景 */
	}
	.NaTyphoon {
		color: #47f
	}
	tr,
	td,
	th {
		transition: 0.1s;
		a:hover {
			padding: 0px;
		}
	}
	span[style*="color: #F00"] {
		font-weight: bold
	}
	fieldset {
		border: none;
		border: 3px solid #e8f2ff;
		border-radius: 10px;
	}
	span[style*="color: #FF0"],
	.y2,
	span[style*="color:#FF0;"],
	span[style*="color:#FFF;"],
	span[style*="color: #FFF;"],
	.w2,
	b[style*="color: #FFF;"],
	b[style*="color: #FF0;"],
	.A1,
	.A3,
	legend[style="color: #FF0;"] {
		text-shadow: 0 0 5px black, 0 0 5px black;
		&[style*="#FF0000"] {
			text-shadow: none
		}
	}
	/*浅色字加阴影*/
	.NOTICE1 {
		border: none;
		color: #227;
		transition: .3s;
		background-color: #e8f2ff;
		padding: 10px 20px 30px 20px;
		div[style="text-indent: 2em"] {
			font-size: 16px;
		}
		width:80% !important;
		margin: 5px auto 5px auto;
	}
	.dpage {
		padding: 7px;
		border-radius: 20px;
		background-color: #e8f2ff;
		a {
			font-weight: bold;
		}
	}
	body:has(.dpage) {
		background-color: #d4e4ff;
		padding: 20px;
		.div1 {
			padding: 20px;
		}
	}
	/*公告页面优化*/
}
@-moz-document url-prefix("https://www.natyphoon.top/WeatherAlert"),
url-prefix("https://www.natyphoon.top/ShaoxingWeatherAlert/"),
url-prefix("https://www.natyphoon.top/about"),
url-prefix("https://www.natyphoon.top/website/Viewer/"),
url-prefix("https://img.natyphoon.top/"),
url-prefix("http://data.natyphoon.top/") {
	/* 表格优化 */
	table {
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	th:not(.y1, .o1, .b1, .r1, .w1, .Used, .Unused) {
		background-color: #47f;
		color: white;
	}

	th:not(.y1, .o1, .b1, .r1, .w1, .Used, .Unused):hover {
		background-color: #4af;
		color: white;
	}
	th:has(.A1, .A2, .A3, a) {
		background-color: #e8f2ff;
		&:hover {
			background-color: #d4e4ff
		}
	}
	/* 带有色文字的Th改为浅色 */
	td {
		background-color: #e8f2ff
	}
	iframe {
		border: none !important;
	}
	.SignAuto {
		border: none !important;
	}
	tr[style*="font-size: 1.2em;"] {
		background-color: #e8f2ff
	}
	table[style*="margin: 0 auto"] {
		border: none !important;
		tbody {
			tr {
				border: none !important;
				td,
				th {
					border: none !important;
				}
			}
		}
	}
}
@-moz-document url-prefix("https://www.natyphoon.top/WeatherAlert"),
url-prefix("https://www.natyphoon.top/ShaoxingWeatherAlert") {
	/*预警页面宽度调整*/
	body {
		width: 92%;
	}
	hr {
		display: none;
	}
}
@-moz-document url("https://www.natyphoon.top/WeatherAlert/alert.html") {
	/*全国最新预警子页面右侧*/
	body {
		width: 100%;
	}
	.InfoBorder {
		border: 1px solid #FFF;
		background-color: #FFF;
	}
	.Item_ {
		border: 1px solid #f5f5f5;
	}
	.Item_:hover {
		background-color: #e8f2ff;
		transition: 0.1s;
	}
}
@-moz-document url("https://www.natyphoon.top/WeatherAlert/nav.html") {
	/*全国最新预警子页面左侧栏*/
	body {
		width: 90%;
	}
}
@-moz-document domain("natyphoon.top") {
	/* 目录浏览页面样式 */
	body[style="font-family: Verdana, Microsoft Yahei, sans-serif; background-color: #5FAFFF; color: #0FF; font-size: 0.95em"] {
		font-family: Arial, sans-serif;
		background-color: white !important;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
		width: 80%;
		/* 表格样式 */
		table {
			width: 100%;
			border-collapse: collapse;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}

		/* 表格头部样式 */
		th {
			background-color: #47f;
			color: white;
			padding: 10px;
			text-align: left;
			border-bottom: 2px solid #333;
		}

		/* 表格单元格样式 */
		td {
			background-color: #e8f2ff;
			padding: 10px;
			border-bottom: 1px solid #ccc;
		}

		/* 表格行悬停效果 */
		tr:hover {
			background-color: #d4e4ff;
		}
		td:hover {
			background-color: azure;
		}

		/* 链接样式 */
		a {
			color: #47f;
			text-decoration: none;
			transition: color 0.3s ease;
		}
		a[id="a0"],
		a[id="a2"],
		a[id="a1"] {
			color: #FFF;
			font-weight: bold;
		}
		.nobr {
			color: #000
		}

		a:hover {
			color: #2a5ee8;
			text-decoration: underline;
		}
		h1,
		ul,
		li,
		i {
			color: #47f;
		}
	}
	div[style="margin: 0 auto; border: 2px solid #FFF; border-radius: 5px; background-color: #077"] {
		border: none !important;
		background-color: #e8f2ff !important;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		padding: 5px 0px;
	}
}