1 @fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
6 .cdmHeader, .cdmFooter {
10 .cdmHeader img, .cdmHeader input, .cdmFooter img {
11 vertical-align : middle;
14 .cdmHeader > div, .cdmFooter > div {
18 .cdmHeader > span, .cdmFooter > span.left {
22 .cdmHeader img, .cdmFooter img {
37 vertical-align : middle;
46 display : inline-block;
51 vertical-align : middle;
69 vertical-align : middle;
95 .cdmIntermediate video,
97 .cdmContentInner video {
109 border-style : solid;
110 border-width : 0px 0px 1px 0px;
122 background-color : #f0f0f0;
123 border-width : 0px 0px 1px 0px;
125 border-style : solid;
131 div.cdmHeader span.titleWrap {
132 white-space : nowrap;
133 text-overflow : ellipsis;
139 .cdm.expandable.Unread {
143 .cdm.expandable.Selected {
144 background : #f9fbff;
147 .cdm.expandable.active {
148 background : white ! important;
151 div.cdm.expandable.active div.cdmHeader span.titleWrap {
152 white-space : normal;
155 div.cdm.expandable div.cdmHeader a.title {
159 -webkit-transition : color 0.2s;
160 transition : color 0.2s;
161 text-rendering: optimizelegibility;
162 font-family : @fonts-ui;
165 div.cdm.expandable.Unread div.cdmHeader a.title {
169 div.cdm.expandable.active div.cdmHeader a.title {
173 text-rendering: optimizelegibility;
174 font-family: @fonts-ui;
177 div.cdm.expanded div.cdmHeader {
178 background : transparent ! important;
181 div.cdm.expanded div.cdmHeader a.title {
185 -webkit-transition : color 0.2s;
186 transition : color 0.2s;
187 text-rendering: optimizelegibility;
188 font-family : @fonts-ui;
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 {
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 {
229 border-color : #0088cc;
230 border-width : 0px 0px 1px 0px;
231 border-style : solid;
232 padding : 5px 3px 5px 5px;
235 div.cdmFeedTitle a.title {
244 div.cdmFeedTitle a:hover {
248 div.cdmHeader span.hlFeed {
250 font-weight : normal;
254 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
255 vertical-align : middle;
257 font-weight : normal;
264 display : inline-block;
265 padding : 1px 4px 1px 4px;
268 div.cdmContentInner p {
269 /*max-width : 650px;*/
270 -webkit-hyphens: auto;
275 div.cdmContentInner iframe {
280 div.cdmHeader span.author {
281 white-space : nowrap;
284 font-weight : normal;
294 border-width : 0px 0px 1px 0px;
295 border-style : solid;
298 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
301 display : table-cell;
302 white-space : nowrap;
303 vertical-align : middle;
315 font-weight : normal;
321 -webkit-transition : color 0.2s;
322 transition : color 0.2s;
324 text-rendering: optimizelegibility;
325 font-family : @fonts-ui;
333 padding-right : 10px;
335 font-weight : normal;
338 white-space : nowrap;
343 display : inline-block;
344 padding : 1px 4px 1px 4px;
348 padding-right : 10px;
349 white-space : nowrap;
360 white-space : normal;
370 div#floatingTitle.Unread a.title {
374 .cdm.high .cdmHeader {
382 .cdm.Unread.high .cdmHeader {
390 .cdm .cdmHeader a.title.low,
391 .cdm.low .cdmHeader .cdmExcerpt,
392 .cdm.Unread .cdmHeader a.title.low,
393 .cdm.Unread.low .cdmHeader .cdmExcerpt,
394 .cdm.low .cdmHeader span.author {
396 text-decoration : line-through;
402 display : table-cell;
403 vertical-align : middle;
413 padding-right : 10px;
415 white-space : nowrap;