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