1
0
Fork 0

Implement basic theme layout

pub/python-goto
LEdoian 3 years ago
parent 9f559b31a5
commit fbe4b38132

@ -1,12 +1,43 @@
body { body {
background-color: #003; background-color: #003;
color: #5bf; color: #5bf;
margin:auto;
max-width: 500px;
} }
a { a {
color: #8df; color: #8df;
text-decoration-color: rgb(0, 209, 140);
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: sans-serif; font-family: sans-serif;
} }
main {
border-radius: 0pt 15pt 0pt 0pt;
border-top: 1px solid;
border-right: 1px solid;
order: 1;
/* Four times wider than <nav>, at least 300px*/
flex: 4 300px;
}
nav {
order: 2;
float: right;
flex: 1;
padding: 8px;
margin: 6px;
background-color: rgb(31, 18, 81);
border-radius: 12pt;
}
#main {
display: flex;
flex-wrap: wrap;
}
footer {
text-align: right;
}

@ -37,6 +37,7 @@
{% include "header.html" %} {% include "header.html" %}
</header> </header>
<div id=main>
<nav> <nav>
{% include "sidebar.html" %} {% include "sidebar.html" %}
</nav> </nav>
@ -46,6 +47,7 @@
<p>No content here...</p> <p>No content here...</p>
{% endblock content %} {% endblock content %}
</main> </main>
</div> <!-- #main -->
<footer> <footer>
{% include "footer.html" %} {% include "footer.html" %}

Loading…
Cancel
Save