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