Smart-GMOJ by ZnPdCo

/* ==UserStyle==
@name       Smart-GMOJ
@version    20240408.11.55
@namespace  ?
==/UserStyle== */
@-moz-document domain("gmoj.net"), url-prefix("https://znpdco.github.io/gmoj/gmbt-ratings.html") {
	/* ---动画--- */
	/* 超链接动画 */
	a {
		position: relative;
	}
	a:link,
	a:visited,
	a:hover,
	a:active {
		text-decoration: none;
	}
	a:before {
		content: '';
		position: absolute;
		width: 0;
		left: 50%;
		bottom: -3px;
		height: 3px;
		background-color: coral;
		transition: all 0.3s;
	}
	a:hover:before {
		width: 80%;
		left: 10%;
	}


	/* 按钮动画 */
	.btn {
		background-image: none !important;
		transition: all 0.15s !important;
		outline: none !important;
	}
	.btn:hover {
		box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
		transform: translateY(-1px);
	}

	/* 徽章动画 */
	.label,
	.badge {
		border-radius: 5px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-top: 2px !important;
		padding-bottom: 2px !important;
		transition: all .15s;
	}
	.label:hover,
	.badge:hover {
		box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
		transform: translateY(-1px);
	}
	.label > a:hover,
	.badge > a:hover {
		color: white;
	}

	/* 去除边框 */
	.nav,
	.navbar,
	.navbar-inner,
	table,
	th,
	td {
		border-color: transparent !important;
		box-shadow: none !important;
		transition: all 0.15s !important;
	}

	/* ---导航栏--- */
	/* 导航栏固定 */
	#navigation {
		position: fixed;
		height: 100%;
		left: 0;
		top: 0;
		bottom: 0;
		transition: all .15s ease;
	}
	#page_content {
		position: absolute;
		left: 130px;
		right: 10px;
	}
	/* 导航栏美化 */
	.navbar-inner,
	#navigation {
		background-color: white;
		background-image: none !important;
		box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
		transition: all .15s ease;
	}
	.active > a {
		border-color: transparent !important;
		cursor: pointer !important;
		color: #0c3463 !important;
	}
	.active > a:hover {
		background-color: #eee !important;
		border-color: #eee #ddd #eee #eee !important;
		color: #0088cc !important;
	}



	/* ---ui美化--- */
	/* 方框格子洛谷化 */
	.well:not(body > div.container-fluid > div:nth-child(1) > div > div),
	.thumbnail,
	.hero-unit,
	table,
	.alert,
	.accordion-body {
		transition: all .15s ease !important;
		box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
		word-wrap: break-word !important;
		border-radius: .25rem !important;
		background-color: #ffffff !important;
		overflow: visible !important;
	}
	.well:not(body > div.container-fluid > div:nth-child(1) > div > div):hover,
	.thumbnail:hover,
	.hero-unit:hover,
	table:hover,
	.alert:hover,
	.accordion-body:hover {
		box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
	}

	.alert {
		color: black;
		border: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	/* 表格美化 */
	table {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	thead,
	td {
		background-color: white !important;
	}
	/* 置顶表格区分 */
	.pinned > td {
		background-color: #faebd7 !important;
	}
	/* 表格行高 */
	tr {
		height: 40px !important;
	}
	td:not(.spliter) {
		vertical-align: middle !important;
	}
	/* 表格分割线 */
	td:not(.spliter) {
		border-top: 1px solid #ddd !important;
	}

	/* 下拉框表格li颜色不同 */
	.dropdown-menu li a:hover {
		color: white !important;
	}

	/* 给收藏和笔记按钮添加描边，因为白色是背景色 */
	.icon-star.icon-white {
		filter: drop-shadow(0px 0px .7px black);
	}
	.icon-tags.icon-white {
		filter: drop-shadow(0px 0px .7px black);
	}

	/* 输入框美化 */
	textarea,
	input {
		transition: all .15s ease !important;
		box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
		word-wrap: break-word !important;
		border-radius: .25rem !important;
		background-color: #fcfcfc !important;
		overflow: visible !important;
	}
	textarea:focus,
	input:focus {
		box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
	}

	/* 输入框前面的span美化 */
	.add-on {
		transition: all .15s ease !important;
		box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
		word-wrap: break-word !important;
		border-radius: .25rem !important;
		background-color: #fcfcfc !important;
		overflow: visible !important;
	}
	.add-on:hover {
		box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
	}
	/* 输入框第三个有间隔 */
	#action_form #div_search {
		margin: -1.3px;
	}

	/* 状态页搜索栏默认展开 */
	.accordion-heading {
		display: none;
	}
	.accordion-body {
		height: auto;
	}

	/* 搜索栏添加时有背景bug */
	.accordion-group .tooltip-inner {
		background: transparent;
	}

	/* 搜索栏边框 */
	.accordion-group {
		border: none;
	}

	/* 哪些人把代码块的边框删掉了 */
	.sample_pre_borderless {
		padding: 9.5px !important;
		border: 1px solid rgba(0, 0, 0, 0.15) !important;
	}

	/* ---冗余内容删除---*/
	/* 隐藏边框按钮 */
	#nav_toggle,
	#scroll_tip {
		display: none;
		transition: all .15s ease;
	}
	/* 边缘为空 */
	.container-fluid {
		padding: 0;
		transition: all .15s ease;
	}
	/* 遮罩不要 */
	.overlay {
		opacity: 0 !important;
		transition: all .15s ease;
	}
	/* 底栏不要 */
	body > div.container-fluid > div:nth-child(3) {
		display: none;
		transition: all .15s ease;
	}
	/* 背景修改为纯色 */
	body > div.container-fluid > div:nth-child(1) > div > div {
		background-color: transparent;
		border-color: transparent;
	}
	body {
		background-color: #f4f5f7;
	}
}