--c-bg-dark: #3a4346;
--c-bg-light: #4c5456;
--c-light: #ecf7fa;
+ --c-off-white: #f9f9f9;
--c-hl-dark: #008499;
--c-hl-light: #3baec4;
--c-shadow: #dae5e2;
/* box colors */
--border-color: var(--c-dark);
--box-color: var(--c-bg-light);
- --box-hover-color: var(--c-dark);;
+ --box-hover-color: var(--c-dark);
--box-round: 10px;
/* other */
margin-top: 0;
}
-.main h1 i,
-.main h2 i,
-.main h3 i,
-.main h4 i,
-.main h5 i,
-.main h6 i {
+.main .page-variant-registration ~ pre, .main .page-variant-registration ~ * pre {
+ padding: .5em .75em;
+ border-radius: .25em;
+ background: var(--c-off-white);
+ color: var(--c-hl-dark);
+ box-shadow: 0 0 1px var(--c-bg-light);
+}
+
+.toclink,
+.toclink:hover {
+ color: var(--text-color);
+}
+
+.toclink::after {
+ content: ' \f13d';
+ font-family: FontAwesome;
+ color: var(--link-color);
+ font-weight: normal;
opacity: 0;
transition: opacity .08s;
}
-.main h1:hover i,
-.main h2:hover i,
-.main h3:hover i,
-.main h4:hover i,
-.main h5:hover i,
-.main h6:hover i {
+.toclink:hover::after {
opacity: 1;
+ color: var(--link-hover-color);
}
@media (--max-sm) {
- .main h1 i,
- .main h2 i,
- .main h3 i,
- .main h4 i,
- .main h5 i,
- .main h6 i {
+ .toclink::after {
opacity: 1;
}
}