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