css/cdm.css

   1 div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
   2         vertical-align : middle;
   3 }
   4
   5 div.cdmHeader, div.cdmFooter {
   6         display : table;
   7 }
   8
   9 div.cdmHeader > * {
  10         display : table-cell;
  11         padding : 5px;
  12 }
  13
  14 div.cdmFooter > * {
  15         display : table-cell;
  16         vertical-align : middle;
  17 }
  18
  19 div.cdmHeader > div, div.cdmFooter > div {
  20         white-space : nowrap;
  21 }
  22
  23 div.cdmHeader > span, div.cdmFooter > span.left {
  24         width : 100%;
  25 }
  26
  27 div.cdmHeader span.updated {
  28         color : #555;
  29         font-weight : normal;
  30         font-size : 11px;
  31         white-space : nowrap;
  32         vertical-align : middle;
  33 }
  34
  35 div.cdmHeader input {
  36         margin-right : 5px;
  37 }
  38
  39 div.cdmHeader div.updPic {
  40         width : 25px;
  41         display : inline-block;
  42         text-align : center;
  43 }
  44
  45 div.cdmHeader div.updPic img {
  46         vertical-align : middle;
  47 }
  48
  49 div.cdmHeader img, div.cdmFooter img {
  50         margin : 0px 4px;
  51 }
  52
  53 div.cdmHeader input {
  54         margin-left : 4px;
  55         margin-right : 4px;
  56 }
  57
  58 div.cdmIntermediate {
  59         margin : 10px;
  60 }
  61
  62 div.cdmContentInner {
  63         margin : 10px;
  64         line-height : 1.5;
  65         font-size : 15px;
  66 }
  67
  68 div.cdmContentInner img,
  69 div.cdmContentInner video {
  70         border-width : 0px;
  71         max-width : 98%;
  72         height : auto;
  73 }
  74
  75 div.cdmContentInner h1 {
  76         font-size : 16px;
  77 }
  78
  79 div.cdmContentInner h2,
  80 div.cdmContentInner h3,
  81 div.cdmContentInner h4 {
  82         font-size : 15px;
  83 }
  84
  85 div.cdmFooter {
  86         height : 30px;
  87         padding-left : 5px;
  88         font-weight : normal;
  89         color : #555;
  90         clear : both;
  91 }
  92
  93 div.cdm {
  94         margin-right : 4px;
  95 }
  96
  97 div.cdm.expanded {
  98         margin-top : 4px;
  99         margin-bottom : 4px;
 100 }
 101
 102 div.cdm.expanded div.cdmFooter {
 103         border-style : solid;
 104         border-width : 0px 0px 1px 0px;
 105         border-color : #ddd;
 106 }
 107
 108 div.cdm.expandable {
 109         background-color : #f0f0f0;
 110         border-width : 0px 0px 1px 0px;
 111         border-color : #ddd;
 112         border-style : solid;
 113 }
 114
 115 div.cdm.expandable > hr {
 116         display : none;
 117 }
 118
 119 div.cdm.expanded > hr {
 120         margin-top : 0px;
 121         margin-bottom : 0px;
 122 }
 123
 124 div.cdm.expandable.Unread {
 125         background : white;
 126 }
 127
 128 div.cdm.expandable.Selected {
 129         background : #f9fbff;
 130 }
 131
 132 div.cdm.expandable.active {
 133         background : white ! important;
 134 }
 135
 136 div.cdm.expandable div.cdmHeader span.titleWrap {
 137         white-space : nowrap;
 138         text-overflow : ellipsis;
 139         overflow : hidden;
 140         max-width : 500px;
 141 }
 142
 143 div.cdm.expandable.active div.cdmHeader span.titleWrap {
 144         white-space : normal;
 145 }
 146
 147 div.cdm.expandable div.cdmHeader a.title {
 148         font-weight : 600;
 149         color : #555;
 150         font-size : 14px;
 151         -webkit-transition : color 0.2s;
 152         transition : color 0.2s;
 153         text-rendering: optimizelegibility;
 154         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 155                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 156                 Helvetica, Arial, sans-serif;
 157 }
 158
 159 div.cdm.expandable.Unread div.cdmHeader a.title {
 160         color : black;
 161 }
 162
 163 div.cdm.expandable.active div.cdmHeader a.title {
 164         color : #0088cc;
 165         font-size : 16px;
 166         font-weight : 600;
 167         text-rendering: optimizelegibility;
 168         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 169                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 170                 Helvetica, Arial, sans-serif;
 171 }
 172
 173 div.cdm.expanded div.cdmHeader {
 174         background : transparent ! important;
 175 }
 176
 177 div.cdm.expanded div.cdmHeader a.title {
 178         font-size : 16px;
 179         color : #999;
 180         font-weight : 600;
 181         -webkit-transition : color 0.2s;
 182         transition : color 0.2s;
 183         text-rendering: optimizelegibility;
 184         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 185                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 186                 Helvetica, Arial, sans-serif;
 187 }
 188
 189 div.cdm.expanded.active {
 190         background : white;
 191 }
 192
 193 div.cdm.expanded.active div.cdmHeader a.title {
 194         color : #0088cc;
 195 }
 196
 197 div.cdm.expanded.Unread div.cdmHeader a.title {
 198         color : black;
 199 }
 200
 201 div.cdm.expanded div.cdmContent {
 202         color : #555;
 203 }
 204
 205 div.cdm.expanded.Unread div.cdmContent {
 206         color : black;
 207 }
 208
 209 div.cdm.active div.cdmContent {
 210         color : black;
 211 }
 212
 213 span.cdmExcerpt {
 214         white-space : nowrap;
 215         font-size : 11px;
 216         color : #999;
 217         font-weight : normal;
 218         cursor : pointer;
 219 }
 220
 221 div.cdmContent div.postEnclosures {
 222         margin-top : 1em;
 223         color : #555;
 224 }
 225
 226 div.cdmFeedTitle {
 227         border-color : #0088cc;
 228         border-width : 0px 0px 1px 0px;
 229         border-style : solid;
 230         padding : 5px 3px 5px 5px;
 231 }
 232
 233 div.cdmFeedTitle a.title {
 234         color : #555;
 235         font-weight : bold;
 236 }
 237
 238 div.cdmFeedTitle a {
 239         color : #555;
 240 }
 241
 242 div.cdmFeedTitle a:hover {
 243         color : #0088cc;
 244 }
 245
 246 div.cdmHeader span.hlFeed {
 247         float : right;
 248         font-weight : normal;
 249         font-style : italic;
 250 }
 251
 252 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 253         vertical-align : middle;
 254         color : #555;
 255         font-weight : normal;
 256         font-style : italic;
 257         font-size : 11px;
 258 }
 259
 260 div.cdm .hlFeed a {
 261         border-radius : 4px;
 262         display : inline-block;
 263         padding : 1px 4px 1px 4px;
 264 }
 265
 266 div.cdmContentInner p {
 267         /*max-width : 650px;*/
 268         -webkit-hyphens: auto;
 269         -moz-hyphens: auto;
 270         hyphens: auto;
 271 }
 272
 273 div.cdmContentInner iframe {
 274         min-width : 50%;
 275         max-width : 98%;
 276 }
 277
 278 div.cdmHeader span.author {
 279         white-space : nowrap;
 280         color : #555;
 281         font-size : 11px;
 282         font-weight : normal;
 283 }
 284
 285
 286 div#floatingTitle {
 287         position : absolute;
 288         z-index : 5;
 289         top : 0px;
 290         right : 0px;
 291         left : 0px;
 292         border-color : #ddd;
 293         border-width : 0px 0px 1px 0px;
 294         border-style : solid;
 295         background : white;
 296         color : #555;
 297         box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 298 }
 299
 300 div#floatingTitle > * {
 301         display : table-cell;
 302         white-space : nowrap;
 303         vertical-align : middle;
 304         padding : 9px 5px;
 305 }
 306
 307 div#floatingTitle img {
 308         margin-right : 4px;
 309         margin-left : 4px;
 310 }
 311
 312 div#floatingTitle span.author {
 313         color : #555;
 314         font-size : 11px;
 315         font-weight : normal;
 316 }
 317
 318 div#floatingTitle a.title {
 319         font-size : 16px;
 320         color : #999;
 321         -webkit-transition : color 0.2s;
 322         transition : color 0.2s;
 323         font-weight : 600;
 324         text-rendering: optimizelegibility;
 325         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 326                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 327                 Helvetica, Arial, sans-serif;
 328 }
 329
 330 div#floatingTitle.Unread a.title {
 331         color : black;
 332 }
 333
 334 div#floatingTitle img.anchor {
 335         margin-left : 0px;
 336 }
 337
 338 div#floatingTitle div.hlFeed {
 339         padding-right : 10px;
 340         color : #555;
 341         font-weight : normal;
 342         font-style : italic;
 343         font-size : 11px;
 344         white-space : nowrap;
 345 }
 346
 347 div#floatingTitle div.hlFeed a {
 348         border-radius : 4px;
 349         display : inline-block;
 350         padding : 1px 4px 1px 4px;
 351 }
 352
 353 div#floatingTitle span.updated {
 354         padding-right : 10px;
 355         white-space : nowrap;
 356         color : #555;
 357         font-size : 11px;
 358 }
 359
 360 div#floatingTitle div.hlFeed a {
 361         color : #555;
 362 }
 363
 364 div#floatingTitle span.titleWrap {
 365         width : 100%;
 366         white-space : normal;
 367 }
 368
 369 div#floatingTitle .dijit,
 370 div#floatingTitle img.hlScorePic {
 371         display : none;
 372 }
 373
 374 .cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
 375 .cdm.high .cdmHeader span.author {
 376         color : #00aa00;
 377 }
 378
 379 .cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
 380 .cdm.Unread.high .cdmHeader span.author {
 381         color : #00dd00;
 382 }
 383
 384 .cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
 385 .cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
 386 .cdm.low .cdmHeader span.author {
 387         color : #909090;
 388         text-decoration : line-through;
 389 }
 390
 391 div.cdmFeedTitle > * {
 392         display : table-cell;
 393         vertical-align : middle;
 394 }
 395
 396 div.cdmFeedTitle a.title {
 397         width : 100%;
 398 }
 399
 400 div.cdmFeedTitle a.catchup {
 401         text-align : right;
 402         color : #555;
 403         padding-right : 10px;
 404         font-size : 11px;
 405         white-space : nowrap;
 406 }
 407
 408 div.cdmFeedTitle a.catchup:hover {
 409         color : #0088cc;
 410 }
 411