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         font-size : 11px;
 215         color : #999;
 216         font-weight : normal;
 217         cursor : pointer;
 218 }
 219
 220 div.cdmContent div.postEnclosures {
 221         margin-top : 1em;
 222         color : #555;
 223 }
 224
 225 div.cdmFeedTitle {
 226         border-color : #0088cc;
 227         border-width : 0px 0px 1px 0px;
 228         border-style : solid;
 229         padding : 5px 3px 5px 5px;
 230 }
 231
 232 div.cdmFeedTitle a.title {
 233         color : #555;
 234         font-weight : bold;
 235 }
 236
 237 div.cdmFeedTitle a {
 238         color : #555;
 239 }
 240
 241 div.cdmFeedTitle a:hover {
 242         color : #0088cc;
 243 }
 244
 245 div.cdmHeader span.hlFeed {
 246         float : right;
 247         font-weight : normal;
 248         font-style : italic;
 249 }
 250
 251 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 252         vertical-align : middle;
 253         color : #555;
 254         font-weight : normal;
 255         font-style : italic;
 256         font-size : 11px;
 257 }
 258
 259 div.cdm .hlFeed a {
 260         border-radius : 4px;
 261         display : inline-block;
 262         padding : 1px 4px 1px 4px;
 263 }
 264
 265 div.cdmContentInner p {
 266         max-width : 650px;
 267         -webkit-hyphens: auto;
 268         -moz-hyphens: auto;
 269         hyphens: auto;
 270 }
 271
 272 div.cdmContentInner iframe {
 273         min-width : 50%;
 274         max-width : 98%;
 275 }
 276
 277 div.cdmHeader span.author {
 278         color : #555;
 279         font-size : 11px;
 280         font-weight : normal;
 281 }
 282
 283
 284 div#floatingTitle {
 285         position : absolute;
 286         z-index : 5;
 287         top : 0px;
 288         right : 0px;
 289         left : 0px;
 290         border-color : #ddd;
 291         border-width : 0px 0px 1px 0px;
 292         border-style : solid;
 293         background : white;
 294         color : #555;
 295         box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 296 }
 297
 298 div#floatingTitle > * {
 299         display : table-cell;
 300         white-space : nowrap;
 301         vertical-align : middle;
 302         padding : 9px 5px;
 303 }
 304
 305 div#floatingTitle img {
 306         margin-right : 4px;
 307         margin-left : 4px;
 308 }
 309
 310 div#floatingTitle span.author {
 311         color : #555;
 312         font-size : 11px;
 313         font-weight : normal;
 314 }
 315
 316 div#floatingTitle a.title {
 317         font-size : 16px;
 318         color : #999;
 319         -webkit-transition : color 0.2s;
 320         transition : color 0.2s;
 321         font-weight : 600;
 322         text-rendering: optimizelegibility;
 323         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 324                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 325                 Helvetica, Arial, sans-serif;
 326 }
 327
 328 div#floatingTitle.Unread a.title {
 329         color : black;
 330 }
 331
 332 div#floatingTitle img.anchor {
 333         margin-left : 0px;
 334 }
 335
 336 div#floatingTitle div.hlFeed {
 337         padding-right : 10px;
 338         color : #555;
 339         font-weight : normal;
 340         font-style : italic;
 341         font-size : 11px;
 342         white-space : nowrap;
 343 }
 344
 345 div#floatingTitle div.hlFeed a {
 346         border-radius : 4px;
 347         display : inline-block;
 348         padding : 1px 4px 1px 4px;
 349 }
 350
 351 div#floatingTitle span.updated {
 352         padding-right : 10px;
 353         white-space : nowrap;
 354         color : #555;
 355         font-size : 11px;
 356 }
 357
 358 div#floatingTitle div.hlFeed a {
 359         color : #555;
 360 }
 361
 362 div#floatingTitle span.titleWrap {
 363         width : 100%;
 364         white-space : normal;
 365 }
 366
 367 div#floatingTitle .dijit,
 368 div#floatingTitle img.hlScorePic {
 369         display : none;
 370 }
 371
 372 .cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
 373 .cdm.high .cdmHeader span.author {
 374         color : #00aa00;
 375 }
 376
 377 .cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
 378 .cdm.Unread.high .cdmHeader span.author {
 379         color : #00dd00;
 380 }
 381
 382 .cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
 383 .cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
 384 .cdm.low .cdmHeader span.author {
 385         color : #909090;
 386         text-decoration : line-through;
 387 }
 388
 389 div.cdmFeedTitle > * {
 390         display : table-cell;
 391         vertical-align : middle;
 392 }
 393
 394 div.cdmFeedTitle a.title {
 395         width : 100%;
 396 }
 397
 398 div.cdmFeedTitle a.catchup {
 399         text-align : right;
 400         color : #555;
 401         padding-right : 10px;
 402         font-size : 11px;
 403         white-space : nowrap;
 404 }
 405
 406 div.cdmFeedTitle a.catchup:hover {
 407         color : #0088cc;
 408 }
 409