/* 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页面]] **/