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