css/cdm.css

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