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