diary and entry are functional

src/static/css/all.css

@@ -29,18 +29,25 @@ a:hover, a:active {
 p {
     text-indent: 2em;
 }
-ul {
+ul,ol {
     list-style-type: none;
     list-style-position: inside;
+    background-color: transparent;
 }
 li {
     padding-left: 2em;
+    background-color: transparent;
 }
+h2,img {
+    background-color: transparent;
+}
+
 
 .center { 
     width: 60%;
     padding: 2em;
     margin: auto;
+    color: white;
 }
 
 .grid {

src/static/css/diary.css

@@ -1,11 +1,13 @@
-    .content-grid {
+
+
+.content-grid {
         grid-area: 3 / 2 / 4 / 3;
         display: grid;
         grid-template-columns: 2fr 1fr;
         grid-template-rows: 40px auto 40px;
         grid-column-gap: 0px;
         grid-row-gap: 0px;
-    }
+}
 
     .dir-row {
         grid-area: 1 / 1 / 2 / 3;
@@ -79,7 +81,7 @@
     }
 
     .snippet-title {
-        background-image: url(../img/ele/diaryheader.png);
+        background-image: url(../img/dia/diaryheader.png);
         background-size: 100%;
         height: 40px;
         padding: 10px;
@@ -87,6 +89,7 @@
     }
     .snippet-title a {
         color: #E3E0DE;
+        background-color: transparent;
         font-weight: bold;
         text-shadow:
             -1px -1px 1px #324832,
@@ -157,7 +160,7 @@
         font-size: 15px;
     }
     .snippet-bottom {
-        background-image: url(../img/ele/diarybottom.png);
+        background-image: url(../img/dia/diarybottom.png);
         background-size: 100%;
         height: 25px;
     }
@@ -219,6 +222,7 @@
         text-align: left;
         list-style-position: inside;
         padding: 5px;
+        background-color: #95939F;
     }
     .wordcloud {
         grid-area: 4 / 1 / 5 / 2;