account based feeds

[rss-reader.git] / html / style.css

diff --git a/html/style.css b/html/style.css
index 53827b1f772ac104250f8ed4f9366b9ddcfce54f..cab43006e3377dd4e3b45198e36538ed912f44a6 100644 (file)
--- a/html/style.css
+++ b/html/style.css
@@ -7,6 +7,7 @@ html, body {
   overflow: hidden;
 }
 
+
 h1,h2,h3,h4,h5,h6 {
   font-size: 1rem;
 }
@@ -16,6 +17,10 @@ h1 {
   padding: 4px 8px;
 }
 
+a {
+  color: #1e61df;
+}
+
 .app {
   display: grid;
   grid-template-columns: 25% 75% auto;
@@ -30,7 +35,7 @@ h1 {
 }
 
 #feed-item-list {
-  height: calc(100% - 30px);
+  height: calc(100% - 75px);
 }
 #feed-item-list span {
   float: right;
@@ -50,13 +55,13 @@ h1 {
 #reading-pane img {
   max-width: 100%;
 }
-#feed-content, #meta {
+#feed-content, #meta, #feed-info {
   padding: 10px;
 }
 #feed-content {
   height: calc(100% - 100px)
 }
-#meta {
+#meta, #feed-info {
   background-color: #ddd;
   font-size: 0.9rem;
   max-height: 100px;
@@ -73,6 +78,18 @@ h1 {
   text-align: right;
 }
 
+.btn {
+  display: inline-block;
+  border: solid 1px #888;
+  border-radius: 4px;
+  padding: 4px 10px;
+  background-color: #eee;
+  text-decoration: none;
+}
+.btn:hover {
+  background-color: #ddd;
+}
+
 
 .scrollable {
   overflow: auto;
@@ -96,7 +113,7 @@ h1 {
   background-color: #eee;
 }
 #feed-pane a.active {
-  background-color: #eee;
+  background-color: #fff2cc;
 }
 #feed-pane a.unread {
   font-weight: bold;
@@ -105,6 +122,13 @@ h1 {
   content: '\21D2';
   float: right;
 }
+#feed-list {
+  height: calc(100% - 70px);
+}
+#add-feed {
+  padding: 5px;
+  border-top: solid 1px #000;
+}
 
 #list-pane table {
   width: 100%;
@@ -120,19 +144,23 @@ h1 {
 #list-pane th {
   padding: 4px;
 }
-#list-pane table th:nth-child(2) {
+#feed-actions {
+  float: right;
 }
-#list-pane a {
+#feed-item-list a {
   display: block;
   padding: 4px;
 }
-#feed-pane a.active {
+#feed-item-list a.active {
   background-color: #fff5e3;
 }
-#list-pane a.active {
+#feed-item-list a.active {
   background-color: #e3f2ff;
 }
-
-#list-pane a.unread {
+#feed-item-list a.unread {
   font-weight: bold;
 }
+
+.hidden {
+  display: none !important;
+}