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