Initial

1 files changed, 169 insertions, 0 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
new file mode 100644
index 0000000..caa8919
--- /dev/null
+++ b/static/css/styles.css
@@ -0,0 +1,169 @@
+html {
+  font-family: "Open Sans", sans-serif;
+  color: rgba(0, 0, 0, 0.84);
+}
+@media (min-width: 48em) {
+  html {
+    font-size: 16px;
+  }
+}
+@media (min-width: 58em) {
+  html {
+    font-size: 20px;
+  }
+}
+
+.sidebar {
+  text-align: center;
+  padding: 1rem 1rem;
+  color: white;
+  background-color: #363636;
+}
+@media (min-width: 48em) {
+  .sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 18rem;
+    text-align: left;
+  }
+}
+
+.content {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+@media (min-width: 48em) {
+  .content {
+    margin-left: 20rem;
+    margin-right: 2rem;
+  }
+}
+
+@media (min-width: 64em) {
+  .content {
+    margin-left: 22rem;
+    margin-right: 4rem;
+  }
+}
+
+/* Sidebar */
+.site-title {
+  margin-top: 0px;
+}
+
+.sidebar a,
+.sidebar a:hover,
+.sidebar a:visited {
+  text-decoration: none;
+  color: white;
+}
+
+.sidebar ul {
+  margin: 0px;
+  padding: 0px;
+}
+
+.sidebar ul li {
+  list-style: none;
+  padding-left: 1em;
+}
+
+.sidebar ul ul li {
+  list-style: none;
+  padding-left: 2em;
+}
+
+nav {
+  margin: 2em 0 2em 0;
+}
+
+/* Blocks */
+.block {
+  margin: 1em 0em 1em 0em;
+  padding: 0 5px 5px 5px;
+  border-top: 34px solid;
+  position: relative;
+  overflow-wrap: break-word;
+}
+
+.block:before {
+  position: absolute;
+  top: -32px;
+  left: 10px;
+  color: white;
+}
+
+.block.tip {
+  background: #e8f7e6;
+  border-top-color: #84c578;
+}
+
+.block.block.tip:before {
+  content: "Tip";
+}
+
+.block.note {
+  background: #e6f3fb;
+  border-top-color: #6bb1e0;
+}
+
+.block.block.note:before {
+  content: "Note";
+}
+
+.block.info {
+  background: #fefaf5;
+  border-top-color: #f1b37e;
+}
+
+.block.block.info:before {
+  content: "Info";
+}
+
+.block.warn {
+  background: #fbeded;
+  border-top-color: #d58181;
+}
+
+.block.block.warn:before {
+  content: "Warning";
+}
+
+/* Section of the page */
+section.page {
+  margin-bottom: 3em;
+}
+
+section.page h1 {
+  border-left: 2px solid;
+  padding-left: 0.5em;
+  margin-bottom: 0;
+}
+
+section.page .content {
+  margin-left: 0.5em;
+}
+
+section.page h1 a,
+section.page h1 a:hover,
+section.page h1 a:visited {
+  text-decoration: none;
+  color: #363636;
+}
+
+section.page a,
+section.page a:hover,
+section.page a:visited {
+  color: #363636;
+}
+
+div.footer {
+  position: absolute;
+  right: 0px;
+  margin-right: 2em;
+  margin-bottom: 1em;
+  bottom: 0px;
+}