1 files changed, 125 insertions, 0 deletions
diff --git a/themes/polaris/assets/css/style.css b/themes/polaris/assets/css/style.css
new file mode 100644
index 0000000..f84c768
--- /dev/null
+++ b/themes/polaris/assets/css/style.css
@@ -0,0 +1,125 @@
+:root {
+  --body-background: #1a1a1a;
+  --body-foreground: #eeeeee;
+  --body-link: lightblue;
+  --nav-background: #3a3a3a;
+  --nav-foreground: #eeeeee;
+  --nav-active-background: #eeeeee;
+  --nav-active-foreground: #1a1a1a;
+  --hr-background: #8a8a8a;
+}
+
+body {
+  margin: 0;
+  background-color: var(--body-background);
+  color: var(--body-foreground);
+}
+
+a {
+  color: var(--body-link);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.nav-over, main, footer {
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+@media only screen and (max-width: 1100px) {
+  .nav-over, main, footer {
+    max-width: 800px;
+  }
+}
+
+@media only screen and (max-width: 900px) {
+  .nav-over, main, footer {
+    max-width: 700px;
+  }
+}
+
+@media only screen and (max-width: 750px) {
+  .nav-over, main, footer {
+    max-width: none;
+  }
+
+  .nav-title, main, footer {
+    margin: 0 16px;
+  }
+}
+
+.nav-under {
+  background-color: var(--nav-background);
+  padding: 4px 0;
+}
+
+.nav-title h2 {
+  display: inline-block;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 16px 0;
+}
+
+.nav-subtext {
+  margin-left: 16px;
+  color: #999999;
+  font-style: italic;
+}
+
+nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding-left: 0;
+  overflow: hidden;
+}
+
+.nav-link {
+  background-color: var(--nav-background);
+  color: var(--nav-foreground);
+  display: block;
+  padding: 8px 12px;
+}
+
+.link-active {
+  background-color: var(--nav-active-background);
+  color: var(--nav-active-foreground);
+}
+
+.link-left {
+  float: left;
+}
+
+.link-right {
+  float: right;
+}
+
+@media only screen and (max-width: 400px) {
+  .link-left, .link-right {
+    float: none;
+  }
+
+  .nav-under {
+    display: none;
+  }
+}
+
+hr {
+  background-color: var(--hr-background);
+  height: 1px;
+  border: none;
+}
+
+footer {
+  text-align: center;
+}
+
+.footer-break {
+  width: 120px;
+}
+
+.build-date {
+  font-style: italic;
+}