mirror of
https://github.com/moparisthebest/xeps
synced 2025-02-07 02:40:22 -05:00
Improve left margin ToC
This commit is contained in:
parent
d9cf90bfa0
commit
98f3ddddb0
47
xmpp.v2.css
47
xmpp.v2.css
@ -1192,11 +1192,9 @@
|
|||||||
|
|
||||||
@media screen {
|
@media screen {
|
||||||
body {
|
body {
|
||||||
max-width: 60em;
|
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
|
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
|
||||||
font-size: 12pt;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a.standardsButton {
|
a.standardsButton {
|
||||||
@ -1383,7 +1381,7 @@
|
|||||||
body {
|
body {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
max-width: 60em;
|
max-width: 60rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav#toc {
|
nav#toc {
|
||||||
@ -1391,8 +1389,9 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 15em;
|
width: 15rem;
|
||||||
width: calc((100vw - 60em) - 2em);
|
width: calc((100vw - 60rem) - 2rem);
|
||||||
|
max-width: 30rem;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
@ -1402,6 +1401,42 @@
|
|||||||
line-height: 1.16667;
|
line-height: 1.16667;
|
||||||
margin: 0 0 1.16667em 0;
|
margin: 0 0 1.16667em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav#toc ol,
|
||||||
|
nav#toc li {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav#toc ol.toc li {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav#toc ol.toc li:before {
|
||||||
|
content: '';
|
||||||
|
counter-increment: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav#toc > ol.toc {
|
||||||
|
margin-left: -0.5em;
|
||||||
|
margin-right: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav#toc ol.toc li a {
|
||||||
|
display: block;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav#toc ol.toc li a:before {
|
||||||
|
content: counters(item, ".") ". ";
|
||||||
|
counter-increment: item;
|
||||||
|
color: #444444;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav#toc ol.toc li a:hover:before {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and ( min-width: 90em ) {
|
@media screen and ( min-width: 90em ) {
|
||||||
@ -1411,7 +1446,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav#toc {
|
nav#toc {
|
||||||
width: calc((100vw - 60em) / 2 - 2em);
|
width: calc((100vw - 60rem) / 2 - 2em);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user