6 font-family: sans-serif;
14 background-color: #eee;
25 grid-template-columns: 25% 75% auto;
26 grid-template-rows: calc(40% - 24px) 60% 24px;
32 grid-area: 1 / 1 / 3 / 2;
37 height: calc(100% - 75px);
39 #feed-item-list span {
44 grid-area: 1 / 2 / 2 / 3;
45 border-left: solid 1px #000;
46 border-bottom: solid 1px #000;
50 grid-area: 2 / 2 / 3 / 3;
51 border: solid 0px #000;
52 border-left-width: 1px;
57 #feed-content, #meta, #feed-info {
61 height: calc(100% - 100px)
64 background-color: #ddd;
68 border-bottom: solid 1px #000;
72 grid-area: 3 / 1 / 3 / 3;
73 background-color: #ccc;
74 border-top: solid 1px #000;
81 display: inline-block;
82 border: solid 1px #888;
85 background-color: #eee;
86 text-decoration: none;
89 background-color: #ddd;
108 border: solid 0px #777;
112 background-color: #eee;
114 #feed-pane a.active {
115 background-color: #fff2cc;
117 #feed-pane a.unread {
120 #feed-pane a.active::after {
125 height: calc(100% - 70px);
129 border-top: solid 1px #000;
136 #list-pane tr:hover {
137 background-color: #aaa;
141 background-color: #eee;
153 #feed-item-list a.active {
154 background-color: #fff5e3;
156 #feed-item-list a.active {
157 background-color: #e3f2ff;
159 #feed-item-list a.unread {