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