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 2px 0px 2px;
  46 }
  47
  48 div.cdmContentInner {
  49         margin : 10px;
  50         line-height : 20px;
  51 }
  52
  53 div.cdmContentInner img {
  54         border-width : 0px;
  55         max-width : 98%;
  56         height : auto;
  57 }
  58
  59 div.cdmFooter {
  60         padding : 5px;
  61         font-weight : normal;
  62         color : #555;
  63         clear : both;
  64 }
  65
  66 div.cdm.expanded {
  67         margin-top : 4px;
  68         margin-bottom : 4px;
  69 }
  70
  71 div.cdm.expandable {
  72         background-color : #f0f0f0;
  73         border-width : 0px 0px 1px 0px;
  74         border-color : #c0c0c0;
  75         border-style : solid;
  76 }
  77
  78 div.cdm.expandable > hr {
  79         display : none;
  80 }
  81
  82 div.cdm.expanded > hr {
  83         margin-top : 0px;
  84         margin-bottom : 0px;
  85 }
  86
  87 div.cdm.expandable.Unread {
  88         background : white;
  89 }
  90
  91 div.cdm.expandable.Selected {
  92         background : #f9fbff;
  93 }
  94
  95 div.cdm.expandable.active {
  96         box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
  97         border-color : #88b0f0;
  98         background : white ! important;
  99 }
 100
 101 div.cdm.expandable div.cdmHeader span.titleWrap {
 102         white-space : nowrap;
 103         text-overflow : ellipsis;
 104         overflow : hidden;
 105         max-width : 500px;
 106 }
 107
 108 div.cdm.expandable div.cdmHeader a.title {
 109         font-weight : bold;
 110         color : #555;
 111 }
 112
 113 div.cdm.expandable.Unread div.cdmHeader a.title {
 114         color : black;
 115 }
 116
 117 div.cdm.expandable.active div.cdmHeader a.title {
 118         color : #4684ff;
 119 }
 120
 121 div.cdm.expanded div.cdmHeader {
 122         background : transparent ! important;
 123 }
 124
 125 div.cdm.expanded div.cdmHeader a.title {
 126         font-size : 14px;
 127         color : #999;
 128         font-weight : bold;
 129 }
 130
 131 div.cdm.expanded.active {
 132         background : white;
 133 }
 134
 135 div.cdm.expanded.active div.cdmHeader a.title {
 136         color : #4684ff;
 137 }
 138
 139 div.cdm.expanded.Unread div.cdmHeader a.title {
 140         color : black;
 141 }
 142
 143 div.cdm.expanded div.cdmContent {
 144         color : #555;
 145 }
 146
 147 div.cdm.expanded.Unread div.cdmContent {
 148         color : black;
 149 }
 150
 151 div.cdm.active div.cdmContent {
 152         color : black;
 153 }
 154
 155 span.cdmExcerpt {
 156         font-size : 11px;
 157         color : #555;
 158         font-weight : normal;
 159         cursor : pointer;
 160 }
 161
 162 div.cdmContent div.postEnclosures {
 163         margin-top : 1em;
 164         color : #555;
 165 }
 166
 167 div.cdmFeedTitle {
 168         border-color : #a0a0a0;
 169         border-width : 0px 0px 1px 0px;
 170         border-style : solid;
 171         padding : 5px 3px 5px 5px;
 172         background : url("images/toolbar.png") bottom left;
 173         background-repeat : repeat-x;
 174 }
 175
 176 div.cdmFeedTitle a.title {
 177         color : #555;
 178         font-style : italic;
 179         font-weight : bold;
 180 }
 181
 182 div.cdmFeedTitle a {
 183         color : #555;
 184 }
 185
 186 div.cdmFeedTitle a:hover {
 187         color : #4684ff;
 188 }
 189
 190 div.cdmHeader span.hlFeed {
 191         float : right;
 192         font-weight : normal;
 193         font-style : italic;
 194 }
 195
 196 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 197         vertical-align : middle;
 198         color : #555;
 199         font-weight : normal;
 200         font-style : italic;
 201         font-size : 11px;
 202 }
 203
 204 div.cdm .hlFeed a {
 205         border-radius : 4px;
 206         display : inline-block;
 207         padding : 1px 4px 1px 4px;
 208 }
 209
 210 div.cdmContentInner p {
 211         max-width : 650px;
 212 }
 213
 214 div.cdmContentInner iframe {
 215         min-width : 50%;
 216 }
 217
 218 div.cdmHeader span.author {
 219         color : #555;
 220         font-size : 11px;
 221         font-weight : normal;
 222 }
 223
 224
 225 div#floatingTitle {
 226         position : absolute;
 227         z-index : 5;
 228         top : 30px;
 229         right : 20px;
 230         border : 1px solid #ccc;
 231         background : white;
 232         border-radius : 3px;
 233         box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
 234         color : #555;
 235         font-size : 10px;
 236         padding : 3px;
 237 }
 238
 239 div#floatingTitle > * {
 240         display : table-cell;
 241         white-space : nowrap;
 242         vertical-align : middle;
 243 }
 244
 245 div#floatingTitle span.titleWrap {
 246         max-width : 200px;
 247         overflow : hidden;
 248         text-overflow : ellipsis;
 249 }
 250
 251 div#floatingTitle img {
 252         padding-right : 3px;
 253 }
 254
 255 div#floatingTitle .dijit,
 256 div#floatingTitle span.updated,
 257 div#floatingTitle div.scoreWrap,
 258 div#floatingTitle div.hlFeed,
 259 div#floatingTitle span.author,
 260 div#floatingTitle img.tinyFeedIcon {
 261         display : none;
 262 }