--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 .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;
+}
+
+.toclink:hover::after {
+ opacity: 1;
+ color: var(--link-hover-color);
+}
+
+@media (--max-sm) {
+ .toclink::after {
+ opacity: 1;
+ }
+}
+
ul {
padding-left: 2em;
list-style-type: disc;
.footerchild {
margin: 0 2em;
margin-top: .5em;
- flex-grow: 0;
+ flex-grow: 1;
flex-shrink: 0;
}
footer.copyright {
display: flex;
flex-wrap: wrap;
- justify-content: center;
+ justify-content: space-between;
background: var(--copyright-bg);
min-height: 1.5rem;
color: var(--copyright-text-color);
- padding: .1em;
+ padding-left: .5em;
+ padding-right: .5em;
overflow: hidden;
}
footer.copyright div {
+ display: flex;
align-items: center;
height: 1.6rem;
line-height: 1.6rem;
vertical-align: top;
- margin-right: 6px;
}
.copyright * {