Initial commit

1 files changed, 142 insertions, 0 deletions

diff --git a/theme/static/css/4-main.css b/theme/static/css/4-main.css
new file mode 100644
index 0000000..ac423fa
--- /dev/null
+++ b/theme/static/css/4-main.css
@@ -0,0 +1,142 @@
+html {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: "EB Garamond";
+    margin: 0;
+    padding: 0;
+}
+
+div.main {
+    transition: all 0.5s;
+    color: #333;
+}
+
+div.sidebar {
+    transition: all 0.5s;
+    position: fixed;
+    height: 100%;
+    width: 300px;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    float: left;
+    margin-left: -300px;
+    background-color: #1f4770;
+    font-size: 20px;
+    overflow: auto;
+    color: white;
+}
+
+div.sidebar h2 {
+    padding-left: 20px; 
+    margin: 0.5em 0;
+}
+
+body.sidebar-active div.main {
+    margin-left: 300px;
+}
+
+body.sidebar-active div.sidebar {
+    margin-left: 0px;
+}
+
+body.sidebar-active div.contents-wrapper,
+body.sidebar-active div.settings {
+    transition: opacity 0.5s, visibility 0s;
+}
+
+div.settings {
+    padding: 0 20px;
+    width: 100%;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+}
+
+div.settings .button-group {
+    margin-bottom: 0.7em;
+}
+
+div.settings h2 {
+    padding-left: 0;
+}
+
+div.settings h3 {
+    border-bottom: 1px solid white;
+}
+
+body.settings div.settings,
+body.toc div.contents-wrapper {
+    opacity: 1;
+    visibility: visible;
+}
+
+div.menu {
+    position: fixed;
+    padding: 1em;
+}
+
+div.contents-wrapper {
+    width: 100%;
+}
+
+ul.contents {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    font-size: 95%;
+}
+
+div.settings {
+    position: absolute;
+    transition: visibility 0s, opacity 0.5s;
+    opacity: 0;
+    visibility: hidden;
+}
+
+div.contents-wrapper {
+    transition: visibility 0s, opacity 0.5s;
+    position: absolute;
+    opacity: 0;
+    visibility: hidden;
+}
+
+ul.contents li {
+    padding: 0.1em 20px;
+    margin: 0;
+}
+
+ul.contents li a {
+    width: 100%;
+    display: inline-block;
+    box-sizing: border-box;
+    text-decoration: none;
+    color: white;
+}
+
+ul.contents li:hover,
+ul.contents li.active {
+    background-color: white;
+}
+
+ul.contents li.active a,
+ul.contents li:hover a {
+    color: #1f4770;
+}
+
+
+ul.contents {
+    counter-reset: contents;
+}
+
+ul.contents a:before {
+    counter-increment: contents;
+    content: "Chapter " counter(contents) ": ";
+}
+
+ul.contents a[data-special]:before {
+    content: attr(data-special) ": ";
+}
+