4 .cdmHeader, .cdmFooter {
8 .cdmHeader img, .cdmHeader input, .cdmFooter img {
9 vertical-align : middle;
12 .cdmHeader > div, .cdmFooter > div {
16 .cdmHeader > span, .cdmFooter > span.left {
20 .cdmHeader img, .cdmFooter img {
31 color : @default-text;
35 vertical-align : middle;
44 display : inline-block;
49 vertical-align : middle;
62 color : @default-text;
67 vertical-align : middle;
93 .cdmIntermediate video,
95 .cdmContentInner video {
107 border: 0px solid #ddd;
108 border-bottom-width: 1px;
119 background-color : #f0f0f0;
120 border: 0px solid #ddd;
121 border-bottom-width: 1px;
127 div.cdmHeader span.titleWrap {
128 white-space : nowrap;
129 text-overflow : ellipsis;
135 .cdm.expandable.Unread {
139 .cdm.expandable.Selected:not(.active) {
140 background : desaturate(@color-accent, 25%);
149 .cdm.expandable.active {
150 background : white ! important;
153 div.cdm.expandable.active div.cdmHeader span.titleWrap {
154 white-space : normal;
157 div.cdm.expandable div.cdmHeader a.title {
159 color : @default-text;
161 transition : color 0.2s, background 0.2s;
162 text-rendering: optimizelegibility;
163 font-family : @fonts-ui-bold;
166 div.cdm.expandable.Unread div.cdmHeader a.title {
170 div.cdm.expandable.active div.cdmHeader a.title {
174 text-rendering: optimizelegibility;
175 font-family: @fonts-ui-bold;
178 div.cdm.expanded div.cdmHeader {
179 background : transparent ! important;
182 div.cdm.expanded div.cdmHeader a.title {
186 transition : color 0.2s, background 0.2s;
187 text-rendering: optimizelegibility;
188 font-family : @fonts-ui-bold;
191 div.cdm.expanded.active {
195 div.cdm.expanded.active div.cdmHeader a.title {
199 div.cdm.expanded.Unread div.cdmHeader a.title {
203 div.cdm.expanded div.cdmContent {
204 color : @default-text;
207 div.cdm.expanded.Unread div.cdmContent {
211 div.cdm.active div.cdmContent {
216 white-space : nowrap;
219 font-weight : normal;
223 div.cdmContent div.postEnclosures {
225 color : @default-text;
229 border: 0px solid @color-link;
230 border-bottom-width: 1px;
231 padding : 5px 3px 5px 5px;
234 div.cdmFeedTitle a.title {
235 color : @default-text;
240 color : @default-text;
243 div.cdmFeedTitle a:hover {
247 div.cdmHeader span.hlFeed {
249 font-weight : normal;
253 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
254 vertical-align : middle;
255 color : @default-text;
256 font-weight : normal;
263 display : inline-block;
264 padding : 1px 4px 1px 4px;
267 div.cdmContentInner p {
268 /*max-width : 650px;*/
269 -webkit-hyphens: auto;
274 div.cdmContentInner iframe {
279 div.cdmHeader span.author {
280 white-space : nowrap;
281 color : @default-text;
283 font-weight : normal;
292 border: 0px solid #ddd;
293 border-bottom-width: 1px;
295 color : @default-text;
296 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
299 display : table-cell;
300 white-space : nowrap;
301 vertical-align : middle;
311 color : @default-text;
313 font-weight : normal;
319 transition : color 0.2s, background 0.2s;
321 text-rendering: optimizelegibility;
322 font-family : @fonts-ui-bold;
330 padding-right : 10px;
331 color : @default-text;
332 font-weight : normal;
335 white-space : nowrap;
340 display : inline-block;
341 padding : 1px 4px 1px 4px;
345 padding-right : 10px;
346 white-space : nowrap;
347 color : @default-text;
352 color : @default-text;
357 white-space : normal;
367 div#floatingTitle.Unread a.title {
371 .cdm.high .cdmHeader {
379 .cdm.Unread.high .cdmHeader {
387 .cdm .cdmHeader a.title.low,
388 .cdm.low .cdmHeader .cdmExcerpt,
389 .cdm.Unread .cdmHeader a.title.low,
390 .cdm.Unread.low .cdmHeader .cdmExcerpt,
391 .cdm.low .cdmHeader span.author {
393 text-decoration : line-through;
399 display : table-cell;
400 vertical-align : middle;
409 color : @default-text;
410 padding-right : 10px;
412 white-space : nowrap;