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