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 : bold;
 127         color : #555;
 128         font-size : 14px;
 129         -webkit-transition : color 0.2s;
 130         transition : color 0.2s;
 131 }
 132
 133 div.cdm.expandable.Unread div.cdmHeader a.title {
 134         color : black;
 135 }
 136
 137 div.cdm.expandable.active div.cdmHeader a.title {
 138         color : #4684ff;
 139         font-size : 16px;
 140 }
 141
 142 div.cdm.expanded div.cdmHeader {
 143         background : transparent ! important;
 144 }
 145
 146 div.cdm.expanded div.cdmHeader a.title {
 147         font-size : 16px;
 148         color : #999;
 149         font-weight : bold;
 150         -webkit-transition : color 0.2s;
 151         transition : color 0.2s;
 152 }
 153
 154 div.cdm.expanded.active {
 155         background : white;
 156 }
 157
 158 div.cdm.expanded.active div.cdmHeader a.title {
 159         color : #4684ff;
 160 }
 161
 162 div.cdm.expanded.Unread div.cdmHeader a.title {
 163         color : black;
 164 }
 165
 166 div.cdm.expanded div.cdmContent {
 167         color : #555;
 168 }
 169
 170 div.cdm.expanded.Unread div.cdmContent {
 171         color : black;
 172 }
 173
 174 div.cdm.active div.cdmContent {
 175         color : black;
 176 }
 177
 178 span.cdmExcerpt {
 179         font-size : 11px;
 180         color : #555;
 181         font-weight : normal;
 182         cursor : pointer;
 183 }
 184
 185 div.cdmContent div.postEnclosures {
 186         margin-top : 1em;
 187         color : #555;
 188 }
 189
 190 div.cdmFeedTitle {
 191         border-color : #a0a0a0;
 192         border-width : 0px 0px 1px 0px;
 193         border-style : solid;
 194         padding : 5px 3px 5px 5px;
 195         background : url("../images/toolbar.png") bottom left;
 196         background-repeat : repeat-x;
 197 }
 198
 199 div.cdmFeedTitle a.title {
 200         color : #555;
 201         font-style : italic;
 202         font-weight : bold;
 203 }
 204
 205 div.cdmFeedTitle a {
 206         color : #555;
 207 }
 208
 209 div.cdmFeedTitle a:hover {
 210         color : #4684ff;
 211 }
 212
 213 div.cdmHeader span.hlFeed {
 214         float : right;
 215         font-weight : normal;
 216         font-style : italic;
 217 }
 218
 219 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 220         vertical-align : middle;
 221         color : #555;
 222         font-weight : normal;
 223         font-style : italic;
 224         font-size : 11px;
 225 }
 226
 227 div.cdm .hlFeed a {
 228         border-radius : 4px;
 229         display : inline-block;
 230         padding : 1px 4px 1px 4px;
 231 }
 232
 233 div.cdmContentInner p {
 234         max-width : 650px;
 235         -webkit-hyphens: auto;
 236         -moz-hyphens: auto;
 237         hyphens: auto;
 238 }
 239
 240 div.cdmContentInner iframe {
 241         min-width : 50%;
 242 }
 243
 244 div.cdmHeader span.author {
 245         color : #555;
 246         font-size : 11px;
 247         font-weight : normal;
 248 }
 249
 250
 251 div#floatingTitle {
 252         position : absolute;
 253         z-index : 5;
 254         top : 0px;
 255         right : 0px;
 256         left : 0px;
 257         border-color : #ddd;
 258         border-width : 0px 0px 1px 0px;
 259         border-style : solid;
 260         background : white;
 261         color : #555;
 262         box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 263 }
 264
 265 div#floatingTitle > * {
 266         display : table-cell;
 267         white-space : nowrap;
 268         vertical-align : middle;
 269         padding : 9px 5px;
 270 }
 271
 272 div#floatingTitle img {
 273         margin-right : 4px;
 274         margin-left : 4px;
 275 }
 276
 277 div#floatingTitle span.author {
 278         color : #555;
 279         font-size : 11px;
 280         font-weight : normal;
 281 }
 282
 283 div#floatingTitle a.title {
 284         font-size : 16px;
 285         color : #999;
 286         font-weight : bold;
 287         -webkit-transition : color 0.2s;
 288         transition : color 0.2s;
 289 }
 290
 291 div#floatingTitle.Unread a.title {
 292         color : black;
 293 }
 294
 295 div#floatingTitle img.anchor {
 296         margin-right : 1px;
 297         margin-left : 0px;
 298 }
 299
 300 div#floatingTitle div.hlFeed {
 301         padding-right : 10px;
 302         color : #555;
 303         font-weight : normal;
 304         font-style : italic;
 305         font-size : 11px;
 306         white-space : nowrap;
 307 }
 308
 309 div#floatingTitle div.hlFeed a {
 310         border-radius : 4px;
 311         display : inline-block;
 312         padding : 1px 4px 1px 4px;
 313 }
 314
 315 div#floatingTitle span.updated {
 316         padding-right : 10px;
 317         white-space : nowrap;
 318         color : #555;
 319         font-size : 11px;
 320 }
 321
 322 div#floatingTitle div.hlFeed a {
 323         color : #555;
 324 }
 325
 326 div#floatingTitle span.titleWrap {
 327         width : 100%;
 328         white-space : normal;
 329 }
 330
 331 div#floatingTitle .dijit,
 332 div#floatingTitle img.hlScorePic {
 333         display : none;
 334 }
 335
 336 .cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
 337 .cdm.high .cdmHeader span.author {
 338         color : #00aa00;
 339 }
 340
 341 .cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
 342 .cdm.Unread.high .cdmHeader span.author {
 343         color : #00dd00;
 344 }
 345
 346 .cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
 347 .cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
 348 .cdm.low .cdmHeader span.author {
 349         color : #909090;
 350         text-decoration : line-through;
 351 }
 352
 353 div.cdmFeedTitle > * {
 354         display : table-cell;
 355         vertical-align : middle;
 356 }
 357
 358 div.cdmFeedTitle a.title {
 359         width : 100%;
 360 }
 361
 362 div.cdmFeedTitle a.catchup {
 363         text-align : right;
 364         color : #555;
 365         padding-right : 10px;
 366         font-size : 11px;
 367         white-space : nowrap;
 368 }
 369
 370 div.cdmFeedTitle a.catchup:hover {
 371         color : #4684ff;
 372 }
 373