📌 ISSUE-#22 - Update CSS

FernandoCelmer · Mar 25, 2023 · 4d52662 · 4d52662
1 parent ecf2f22
commit 4d52662
Show file tree

Hide file tree

Showing 4 changed files with 109 additions and 666 deletions.
diff --git a/mkdocs_simple_blog/assets/stylesheets/styles.css b/mkdocs_simple_blog/assets/stylesheets/styles.css
diff --git a/mkdocs_simple_blog/assets/stylesheets/theme.css b/mkdocs_simple_blog/assets/stylesheets/theme.css
@@ -514,6 +514,20 @@ table tr td:last-child,table tr th:last-child {
     }
 }
 
+.search-query {
+    margin-top: 2%;
+    width: 100%;
+    text-align: center;
+}
+
+.md-search-icon {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 10px;
+    margin-left: 10px;
+    font-size: xx-large;
+}
+
 .md-source-repo-icon {
     display: inline-block;
     vertical-align: middle;

diff --git a/template/assets/stylesheets/styles.css b/template/assets/stylesheets/styles.css
@@ -0,0 +1,93 @@
+:root {
+    --text: black;
+    --title: black;
+    --primary: black;
+    --background: white;
+    --color-black: #000000;
+    --color-white: #ffffff;
+    --color-blue: #4051b5;
+    --color-green: #4cae4f;
+    --color-yellow: #f1dc15;
+    --color-orange: #ffa724;
+    --color-purple: #ab47bd;
+    --color-red: #ff2c06;
+}
+
+body {
+    color: var(--text);
+    background-color: var(--background);
+}
+
+small {
+    color: var(--text);
+}
+
+code {
+    background-color: var(--primary);
+    color: var(--background) !important;
+}
+
+pre {
+    background-color: var(--primary);
+}
+
+a {
+    color: var(--text) !important;
+    text-decoration: underline;
+}
+
+a:focus,a:hover {
+    color: var(--primary) !important;
+    text-decoration: underline;
+}
+
+p {
+    color: var(--text);
+}
+
+p a {
+    font-weight: 400;
+    color: var(--primary);
+    text-decoration: underline;
+    text-underline-position: under;
+}
+
+p a:focus,p a:hover {
+    color: var(--primary);
+}
+
+h1,h2,h3,h4,h5,h6 {
+    color: var(--title);
+    letter-spacing: .0625em;
+    margin: 3.2rem 0 1.6rem 0;
+}
+
+blockquote {
+    border-left: 2px solid #dcdcdc;
+}
+
+table td,table th {
+    border: 2px solid var(--primary);
+}
+
+.title-color {
+    color: var(--title);
+}
+
+.dropdown-menu {
+    color: var(--background);
+    background-color: var(--background);
+    border-color: var(--primary);
+}
+
+.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
+    color: var(--background) !important;
+    background-color: var(--primary) !important;
+}
+
+
+@media only screen and (max-width: 1200px) {
+    .source-detail {
+        border-color: var(--primary);
+    }
+}