Initial commit.

themes/blue/css/screen.css

@@ -0,0 +1,225 @@
+@font-face {
+  font-family: "Merriweather";
+  src: url("../fonts/Merriweather/Merriweather-VariableFont_opsz,wdth,wght.ttf");
+}
+
+@font-face {
+  font-family: "Inter";
+  src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf");
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Merriweather', Helvetica, Arial, sans-serif;;
+}
+
+body {
+    color: #333;
+    background-color: #f2f2f2;
+    font-family: 'Inter', Helvetica, Arial, sans-serif;
+    font-size: normal;
+}
+
+.container {
+    max-width: 1000px;
+}
+
+.right {
+    float: right;
+    text-align: right;
+}
+
+#navbar-button {
+    float: left !important;
+    padding: 0.25em;
+    position:absolute;
+    top: 0.25em;
+    left: 0.25em;
+}
+
+.navbar {
+    border-radius: 0;
+    box-shadow: 0 0 0 0,0 6px 12px rgba(34,34,34,0.3);
+    font-family: 'Merriweather', Helvetica, Arial, sans-serif;;
+}
+
+.navbar-default {
+    background-color: olive;
+    border: none;
+}
+
+.navbar-default .navbar-brand {
+    color: #F9F9F9;
+}
+
+.navbar-default .navbar-brand:hover {
+    color: #F9F9F9;
+}
+
+.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:visited {
+    color: #F9F9F9;
+}
+
+.navbar-default .navbar-nav li a:hover {
+    color: #F9F9F9;
+    background-color: darkolivegreen;
+}
+
+.navbar-default .navbar-nav .active a {
+    color: #F9F9F9;
+    background-color: darkolivegreen;
+}
+
+.navbar-default .navbar-toggle:hover{
+    background-color: darkolivegreen;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: #F9F9F9;
+}
+
+#sidebar {
+    margin-left: 15px;
+    margin-top: 50px;
+}
+
+#content {
+    background-color: #F9F9F9;
+    border-radius: 3px;
+    box-shadow: 0 0 0 0,0 6px 12px rgba(34,34,34,0.1);
+}
+
+#content img {
+    max-width: 100%;
+    height: auto;
+}
+
+footer {
+    font-size: smaller;
+    text-align: center;
+    padding-top: 75px;
+    padding-bottom: 30px;
+}
+
+blockquote footer {
+    text-align: left;
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+#appeal, #phone-appeal a {
+    color: #800020;
+    font-weight: bold;
+}
+
+#phone-appeal {
+    display: none;
+    padding-left: 1em;
+}
+
+#appeal a {
+    color: #a2022a;
+}
+
+#post-tags {
+    margin-top: 30px;
+}
+
+#prev-next {
+    padding: 15px 0;
+}
+
+.post-header {
+    margin-bottom: 20px;
+}
+.post-header h2 {
+    font-size: larger;
+}
+
+#post-meta {
+    font-size: smaller;
+    color: rgba(0,0,0,0.4)
+}
+
+#page-header {
+    border-bottom: 1px solid silver;
+    margin-bottom: 20px;
+}
+#page-header h2 {
+    font-size: larger;
+}
+
+a {
+    color: olive;
+}
+
+a:hover {
+    color: #800020;
+}
+
+a:visited {
+    color: darkolivegreen;
+}
+
+hr {
+    color: darkolivegreen !important;
+    border-top: thin solid darkolivegreen !important;
+}
+
+pre {
+    overflow-x: auto;
+}
+pre code {
+    display: block;
+    padding: 0.5em;
+    overflow-wrap: normal;
+    white-space: pre;
+}
+
+code {
+    color: olive;
+}
+
+pre, code, .hljs {
+    background-color: #f7f9fd;
+}
+
+@media (min-width: 768px) {
+    /* .navbar {
+        min-height: 70px;
+    } */
+    .navbar-nav>li>a {
+        padding: 30px 20px;
+    }
+    .navbar-default .navbar-brand {
+        font-size: large;
+        padding: 25px 15px;
+    }
+    #content{
+        margin-top: 30px;
+        padding: 30px 40px;
+    }
+}
+
+@media (max-width: 767px) {
+    body{
+        font-size: normal;
+    }
+    .navbar-default .navbar-brand {
+        font-size: larger;
+        padding-left: 3em;
+    }
+    #appeal {
+        display: none;
+    }
+    #phone-appeal {
+        display: block;
+    }
+    #content{
+        padding: 15px;
+    }
+    #post-meta .right {
+        float:left;
+        text-align: left;
+    }
+}