Add a navigation a the bottom of posts

This commit is contained in:
Alexis Tacnet
2017-04-08 19:23:50 +02:00
parent 408a4f21fb
commit 0b4c2b5307
5 changed files with 150 additions and 1 deletions

View File

@@ -774,3 +774,56 @@ section.main .content .markdown .footnotes li {
section.main .content .markdown .footnote-ref {
font-size: 0.7em;
}
section.main .content .navigation {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
section.main .content .navigation div {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-top: 1em;
}
section.main .content .navigation .icon {
width: 16px;
height: 16px;
}
section.main .content .navigation a {
width: 250px;
margin-left: 1em;
text-align: center;
font-style: italic;
color: #313537;
}
@media (min-width: 570px) {
section.main .content .navigation {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
section.main .content .navigation div {
margin-top: 0em;
}
}