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