6 font-family: sans-serif;
14 background-color: #eee;
21 grid-template-columns: 25% 75% auto;
22 grid-template-rows: calc(40% - 24px) 60% 24px;
28 grid-area: 1 / 1 / 3 / 2;
33 height: calc(100% - 30px);
35 #feed-item-list span {
40 grid-area: 1 / 2 / 2 / 3;
41 border-left: solid 1px #000;
42 border-bottom: solid 1px #000;
46 grid-area: 2 / 2 / 3 / 3;
47 border: solid 0px #000;
48 border-left-width: 1px;
53 #feed-content, #meta {
57 height: calc(100% - 100px)
60 background-color: #ddd;
64 border-bottom: solid 1px #000;
68 grid-area: 3 / 1 / 3 / 3;
69 background-color: #ccc;
70 border-top: solid 1px #000;
92 border: solid 0px #777;
96 background-color: #eee;
99 background-color: #eee;
101 #feed-pane a.unread {
104 #feed-pane a.active::after {
113 #list-pane tr:hover {
114 background-color: #aaa;
118 background-color: #eee;
123 #list-pane table th:nth-child(2) {
129 #feed-pane a.active {
130 background-color: #fff5e3;
132 #list-pane a.active {
133 background-color: #e3f2ff;
136 #list-pane a.unread {