6 font-family: sans-serif;
15 background-color: #eee;
26 grid-template-columns: 25% 75% auto;
27 grid-template-rows: calc(40% - 24px) 60% 24px;
33 grid-area: 1 / 1 / 3 / 2;
38 height: calc(100% - 75px);
40 #feed-item-list span {
45 grid-area: 1 / 2 / 2 / 3;
46 border-left: solid 1px #000;
47 border-bottom: solid 1px #000;
51 grid-area: 2 / 2 / 3 / 3;
52 border: solid 0px #000;
53 border-left-width: 1px;
58 #feed-content, #meta, #feed-info {
62 height: calc(100% - 100px)
65 background-color: #ddd;
69 border-bottom: solid 1px #000;
73 grid-area: 3 / 1 / 3 / 3;
74 background-color: #ccc;
75 border-top: solid 1px #000;
82 display: inline-block;
83 border: solid 1px #888;
86 background-color: #eee;
87 text-decoration: none;
90 background-color: #ddd;
109 border: solid 0px #777;
113 background-color: #eee;
115 #feed-pane a.active {
116 background-color: #fff2cc;
118 #feed-pane a.unread {
121 #feed-pane a.active::after {
126 height: calc(100% - 70px);
130 border-top: solid 1px #000;
137 #list-pane tr:hover {
138 background-color: #aaa;
142 background-color: #eee;
154 #feed-item-list a.active {
155 background-color: #fff5e3;
157 #feed-item-list a.active {
158 background-color: #e3f2ff;
160 #feed-item-list a.unread {
165 display: none !important;