花谱/style.css

/* for [[花谱]] & [[可不]] */
/*Rebuilding Highlight*/

@media screen and (max-width: 767px) {
	.highlight_area {
		margin: 3.4rem auto 0;
		width: 35rem;
	}
	.highlight_box {
		padding: 1.1rem 0 1.2rem;
	}
	.title_min {
		font-size: 1.2rem;
	}
	.line {
		width: 23.9rem;
	}
	#h_a_text {
		font-size: 1rem;
	}
    .h_a_text {
        font-size: 1rem;
    }
	.h_a_note {
		margin: 0.8rem 0 0;
		font-size: 0.95rem;
		font-feature-settings: "palt";
	}
	p.text {
		font-size: 1rem;
	}
	p.note {
		margin: 0.8rem 0 0;
		font-size: 0.95rem;
		font-feature-settings: "palt";
	}
}

.highlight_area {
	position: relative;
	margin: 3.8rem auto 0;
	max-width: 31.8rem;
}

.line {
	margin: 0.5rem auto 0.5rem;
	width: 22.8rem;
	border-top: #000 1px solid;
}

.highlight_box {
	box-sizing: border-box;
	margin: 1.5rem auto 0;
	padding: 1rem 0 1.2rem;
	border: #000 1px solid;
	text-align: center;
	background: #fff;
}

p.text {
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.6;
}

p.note {
    margin: 0.7rem 0 0;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.6;
}

.h_a_text {
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.6;
}

#h_a_note {
	margin: 0.7rem 0 0;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.6;
}


/* Standard Hover (Source from Template:Hovers) */

.std-hover-change {
	position: relative;
	display: inline-block;
	transition: opacity 0.5s linear;
}

.std-hover-change-before, 
.std-hover-change-after {
	transition: inherit;
}

.std-hover-change-after {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.std-hover-remote-target {
	left: 100%;
}

.std-hover-change-after[style^='right:'], 
.std-hover-change-after[style*=' right:'] {
	left: initial;
}

.std-hover-change-after[style^='bottom:'], 
.std-hover-change-after[style*=' bottom:'] {
	top: initial;
}

.std-hover-change-after:hover {
	opacity: 0;
	margin-left: -9999px;
}


/* std Flash*/

.std-hover-change.flash:hover .std-hover-change-before {
	margin-left: -9999px;
}

.std-hover-change:hover>.std-hover-change-before,
.std-hover-remote>.std-hover-remote-target,
.std-hover-change:hover>a>.std-hover-change-before,
.std-hover-remote>a>.std-hover-remote-target {
	opacity: 0;
}

.std-hover-change:hover>.std-hover-change-after,
.std-hover-remote:hover>.std-hover-remote-target,
.std-hover-change:hover>a>.std-hover-change-after,
.std-hover-remote:hover>a>.std-hover-remote-target {
	opacity: 1;
	margin-left: initial;
}


/* std Class */

[class*='hovers-'] {
	display: block;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	transform: perspective(1px) translateZ(0);
	vertical-align: middle;
	transition-duration: 0.25s;
	transition-property: all;
}


/*Kaf Hover (Source from Template:Hovers)*/

.kaf-hover-change {
	position: relative;
	display: flex;
	justify-content: center;
	transition: opacity 0.5s linear;
}

.kaf-hover-change-before,
.kaf-hover-change-after {
	transition: inherit;
}

.kaf-hover-change-after {
	opacity: 0;
	position: absolute;
}

.kaf-hover-change-after[style^='right:'],
.kaf-hover-change-after[style*=' right:'] {
	left: initial;
}

.kaf-hover-change-after[style^='bottom:'],
.kaf-hover-change-after[style*=' bottom:'] {
	top: initial;
}

.kaf-hover-change-after:hover {
    opacity: 0;
    margin-left: -9999px;
}


/* kaf Flash */

.kaf-hover-change.flash:hover .kaf-hover-change-before {
    margin-left: -9999px;
}

.kaf-hover-change:hover>.kaf-hover-change-before,
.kaf-hover-remote>.kaf-hover-remote-target,
.kaf-hover-change:hover>a>.kaf-hover-change-before,
.kaf-hover-remote>a>.kaf-hover-remote-target {
    opacity: 0;
}

.kaf-hover-change:hover>.kaf-hover-change-after,
.kaf-hover-remote:hover>.kaf-hover-remote-target,
.kaf-hover-change:hover>a>.kaf-hover-change-after,
.kaf-hover-remote:hover>a>.kaf-hover-remote-target {
	opacity: 1;
	margin-left: initial;
}


/* kaf Class */

[class*='hovers-'] {
	display: inline-block;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	transform: perspective(1px) translateZ(0);
	vertical-align: middle;
	transition-duration: 0.25s;
	transition-property: all;
}


/** [[分类:在主名字空间下的CSS页面]] **/