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% - 70px);
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, #feed-info {
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;
77 display: inline-block;
78 border: solid 1px #888;
81 background-color: #eee;
82 text-decoration: none;
85 background-color: #ddd;
104 border: solid 0px #777;
108 background-color: #eee;
110 #feed-pane a.active {
111 background-color: #fff2cc;
113 #feed-pane a.unread {
116 #feed-pane a.active::after {
121 height: calc(100% - 70px);
125 border-top: solid 1px #000;
132 #list-pane tr:hover {
133 background-color: #aaa;
137 background-color: #eee;
149 #feed-item-list a.active {
150 background-color: #fff5e3;
152 #feed-item-list a.active {
153 background-color: #e3f2ff;
155 #feed-item-list a.unread {