trpl-zh-cn/ferris.css

68 lines
1.2 KiB
CSS
Raw Normal View History

2018-12-06 22:53:14 +08:00
body.light .does_not_compile,
body.light .panics,
body.light .not_desired_behavior,
body.rust .does_not_compile,
body.rust .panics,
body.rust .not_desired_behavior {
background: #fff1f1;
}
body.coal .does_not_compile,
body.coal .panics,
body.coal .not_desired_behavior,
body.navy .does_not_compile,
body.navy .panics,
body.navy .not_desired_behavior,
body.ayu .does_not_compile,
body.ayu .panics,
body.ayu .not_desired_behavior {
background: #501f21;
}
2022-02-06 22:46:20 +08:00
.ferris-container {
2018-12-06 22:53:14 +08:00
position: absolute;
z-index: 99;
right: 5px;
top: 30px;
2022-02-06 22:46:20 +08:00
}
.ferris {
vertical-align: top;
margin-left: 0.2em;
height: auto;
}
.ferris-large {
width: 4.5em;
}
.ferris-small {
width: 2.3em;
2018-12-06 22:53:14 +08:00
}
.ferris-explain {
width: 100px;
2025-05-11 23:35:49 +08:00
}
/*
A bit of a hack to make small Ferris use the existing buttons container but
only show/hide the buttons on hover over the `pre`. Targeting `.listing`
increases the specificity of this rule.
*/
pre > .buttons {
visibility: visible;
opacity: 1;
transition: none;
}
pre > .buttons button {
visibility: hidden;
opacity: 0;
transition: visibility 0.1s linear, opacity 0.1s linear;
}
pre:hover > .buttons button {
visibility: visible;
opacity: 1;
}