simplify css, add image gradient, fix rss path

1 files changed, 61 insertions, 24 deletions

diff --git a/static/style.css b/static/style.css
index c2ca2ef..dc8c347 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,54 +1,91 @@
+/* Variable declaration */
 :root {
-   /*
-   --primary-bg-color: rgb(58, 169, 159);
-   --secondary-bg-color: rgb(36, 131, 123);
-   */
-   --primary-bg-color: black;
-   --secondary-bg-color: rgb(16, 15, 15);
+   --primary-header-color: black;
+   --secondary-header-color: rgb(232, 112, 95);
+   --bg-color: white;
+   
 }
 
 html {
 	/* overflow-y needed for chromium browsers to not shift */
 	overflow-y: scroll;
-   background-image: url("/wool3.gif");
-   background-repeat: repeat;
+   /*background-image: url("/misc021.jpg");*/
+   /*background-repeat: repeat;*/
+   background-color: white;
 }
 
 header {
    display: flex;
-   flex-direction: column;
+   flex-direction: row;
 }
 
-
+/* part of header w/ title and nav */
+#left-header {
+   display: flex;
+   flex-direction: column;
+   flex-grow: 4;}
 #site-title {
    margin: 0px;
    font-family: sans-serif;
    padding-left: 0.4rem;
-   background-color: var(--primary-bg-color);
-   color: white;
-}
-
+   background-color: var(--primary-header-color);
+   color: white;}
 nav {
+   display: flex;
    padding-left: 0.2rem;
    padding-bottom: 3px;
 	display: inline;
-   background-color: var(--secondary-bg-color);
-}
+   background-color: var(--primary-header-color);}
+
 
+
+/* The image portion of the header */
+#right-header {
+   background-image: url("/multi055.gif");
+   display: flex;
+   background-repeat: repeat;
+   min-width: 25rem;}
+#image-gradient {
+   flex-grow: 1;
+   min-height: 0.4rem;
+     background: linear-gradient(to right, var(--primary-header-color) 0%, var(--primary-header-color) 20%, rgba(255,0,0,0));}
 .nav-item {
-   font-style: italic;
-   color: white;
-}
+   color: white;}
 
-body { /* everything */
-	/* margin: 0 auto; */
-   background-color: white;
-   box-shadow: 5px 5px 3px black;
+
+
+/* everything */
+body {
+   margin-top: 1rem;
+   background-color: var(--bg-color);
 	max-width: 60%;
 }
 
-main { /* main content */
+ /* main content */
+main {
    padding: 1rem;
    padding-top: 0rem;
 }
 
+/* images are centered and fixed-width */
+img {
+   max-width: 50%;
+   display: block;
+   margin: 0 auto;
+}
+
+
+/* Code */
+pre {
+   border-radius: 2px;
+   background-color: rgb(16, 15, 15);
+   padding: 1rem;
+   overflow-x: scroll;
+   background-color: black;
+   color: white;
+}
+
+footer {
+   text-align: center;
+}
+