/* rainbow rotate */
@keyframes spin3D {
	from {
		transform: rotate3d(01.5, 01.5, 01.5, 360deg)
	}

	to {
		transform: rotate3d(0deg)
	}
}

#loading {
	height: 100%;
	background-color: #1d2630;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 99999999
}

.spinner-box {
	width: 300px;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent
}

.leo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.red {
	width: 1px;
	height: 1px;
	border: 100px solid #FF0000;
	animation: spin3D 0.5s linear 0s infinite
}

.orange {
	width: 1px;
	height: 1px;
	border: 90px solid #FF7F00;
	animation: spin3D 0.5s linear 0s infinite
}

.yellow {
	width: 1px;
	height: 1px;
	border: 80px solid #FFFF00;
	animation: spin3D 0.5s linear 0s infinite
}

.green {
	width: 1px;
	height: 1px;
	border: 70px solid #00FF00;
	animation: spin3D 0.5s linear 0s infinite
}

.cyan {
	width: 1px;
	height: 1px;
	border: 60px solid #00FFFF;
	animation: spin3D 0.5s linear 0s infinite
}

.blue {
	width: 1px;
	height: 1px;
	border: 50px solid #0000FF;
	animation: spin3D 0.5s linear 0s infinite
}

.purple {
	width: 1px;
	height: 1px;
	border: 40px solid #8B00FF;
	animation: spin3D 0.5s linear 0s infinite
}

.w1 {
	transform: rotate3D(1, 1, 1, 90deg)
}

.w2 {
	transform: rotate3D(1, 1, 1, 120deg)
}

.w3 {
	transform: rotate3D(1, 1, 1, 150deg)
}

.w4 {
	transform: rotate3D(1, 1, 1, 180deg)
}

.w5 {
	transform: rotate3D(1, 1, 1, 210deg)
}

.w6 {
	transform: rotate3D(1, 1, 1, 240deg)
}

.w7 {
	transform: rotate3D(1, 1, 1, 270deg)
}

/* -------------------------------自定义css----------------------------- */
/* 定制的日历 */
#custom-calendar {
	display: none !important;
}
/* 提交评论按钮 */
#btn_comment_submit {
	color: #FFFFFF !important;
	background-color: #1976D2 !important;
}
/* 头像下方的收藏、闪存、小组、博问导航栏 */
.profile-menu {
	display: none !important;
}
/* 右上角的邮箱导航栏 */
.email {
    display: none;
}
/* 背景图整体框 */
.profile-banner {
    border-radius: 10px !important;
}
/* 头像框 */
.profile-avatar {
	left: 1px !important;
    bottom: 1px !important;
}
/* 头像右侧的信息栏 */
.profile-msg {
    bottom: 5px !important;
}
/* 首页博文卡片的阅读等按钮 */
.custom-card-actions button {
    background-color: #1976D2 !important;
}
/* 首页博文卡片 */
.custom-card {
	border-radius: 10px !important;
}
/* 博文卡片标题 */
.custom-card-title {
	font-size: 25px !important;
	padding: 5px 20px 0px !important;
}
/* 博文卡片摘要 */
.custom-card-desc {
	font-size: 16px !important;
	padding: 0px 20px 0px !important;
}
/* 博文卡片阅读按钮行 */
.custom-card-actions {
	padding: 3px 20px !important;
}
/* 首页博文卡片流布局 */
.cards-list {
    grid-template-columns: repeat(1, 1fr) !important;
	grid-gap: 0.25rem !important;
}
/* 博客中间布局 */
#mainContent {
	grid-template-rows: 23vh 1fr !important;
}
/* 博客整体布局 */
#home {
	grid-template-columns: auto !important;
}
/* 右侧栏的标题和文本 */
.sidebar-block h3 {
	font-size: 19px !important;
	margin-bottom: 0px !important;
}
.sidebar-block ul li {
	padding: 0px 20px !important;
	font-size: 16px !important;
}
#cnblogs_post_body h1 {
	color: green;
}
#cnblogs_post_body h2 {
	color: orange;
}