digest.css

   1 body {
   2         background : #f0f0f0;
   3         color : black;
   4         font-family : sans-serif;
   5         font-size : 12px;
   6 }
   7
   8 a {
   9         color : #0069D8;
  10         text-decoration : none;
  11 }
  12
  13 a:hover {
  14         color : gray;
  15 }
  16
  17 #header a, #footer a {
  18         color : gray;
  19 }
  20
  21 #header a:hover, #footer a:hover {
  22         color : #0069D8;
  23 }
  24
  25 #header {
  26         font-weight : bold;
  27         font-size : 14px;
  28         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
  29         margin-left : 1em;
  30         margin-right : 1em;
  31         color : gray;
  32 }
  33
  34 #header div.links {
  35         float : right;
  36 }
  37
  38 #search {
  39         float : right;
  40         clear : left;
  41
  42 }
  43
  44 #content {
  45         border : 1px solid #e0e0e0;
  46         background : white;
  47         padding : 0.8em;
  48         margin : 0.5em;
  49 }
  50
  51 #footer {
  52         font-size : 12px;
  53         text-align : center;
  54         color : gray;
  55 }
  56
  57 /*#content h1 {
  58         font-weight : bold;
  59         font-size : 25px;
  60         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
  61         letter-spacing : -2;
  62         margin : 0px 0px 0.5em 0px;
  63         color : black;
  64 }
  65
  66 #content h2 {
  67         font-weight : bold;
  68         font-size : 20px;
  69         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
  70         letter-spacing : 2;
  71         margin : 0px 0px 0.5em 0px;
  72         color : #684C99;
  73 }
  74
  75 #content h3 {
  76         font-weight : bold;
  77         font-size : 16px;
  78         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
  79         letter-spacing : 2;
  80         margin : 0px 0px 0.5em 0px;
  81         color : #659a4c;
  82 } */
  83
  84 #content h1 {
  85         margin : 0px 0px 20px 0px;
  86         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
  87         font-size : 18px;
  88         letter-spacing : 1px;
  89         color : #684C99;
  90 }
  91
  92 #title {
  93 }
  94
  95 #latest {
  96         padding : 5px;
  97 }
  98
  99 #feeds {
 100         float : right;
 101         width : 30%;
 102         min-width : 300px;
 103         padding : 5px;
 104         font-size : 14px;
 105 }
 106
 107 #feeds h1 {
 108         text-align : right;
 109 }
 110
 111 #feeds ul#feeds-content img {
 112         width : 16px;
 113         height : 16px;
 114         vertical-align : middle;
 115         margin-right : 5px;
 116 }
 117
 118 #feeds ul#feeds-content div.unread-ctr img.dismiss {
 119         margin-right : 0px;
 120         cursor : pointer;
 121 }
 122
 123 #feeds ul#feeds-content div.unread-ctr {
 124         color : gray;
 125         float : right;
 126 }
 127
 128 #feeds ul#feeds-content li {
 129         margin : 0px 0px 2px 0px;
 130         padding : 2px;
 131         clear : both;
 132 }
 133
 134 #feeds ul#feeds-content li.selected {
 135         background : #f0f0f0;
 136 }
 137
 138 #feeds ul#feeds-content li.selected a {
 139         color : #404040;
 140 }
 141
 142 #feeds ul#feeds-content li.selected a:hover {
 143         color : #659a4c;
 144 }
 145
 146 #feeds ul#feeds-content {
 147         list-style-type : none;
 148         font-weight : bold;
 149         color : #659a4c;
 150         margin : 0px;
 151         padding : 0px;
 152 }
 153
 154 #feeds ul#feeds-content li a {
 155         color : #659a4c;
 156 }
 157
 158 #feeds ul#feeds-content li a:hover {
 159         color : gray;
 160 }
 161
 162 #headlines {
 163         padding : 5px;
 164         font-size : 14px;
 165         max-width : 65%;
 166 }
 167
 168 #headlines h1 a {
 169         color : #684C99;
 170 }
 171
 172 #headlines h1 a:hover {
 173         color : gray;
 174 }
 175
 176 #headlines h1 #headlines-title {
 177         color : gray;
 178 }
 179
 180 #headlines ul#headlines-content div.digest-check {
 181         float : right;
 182 }
 183
 184 #headlines ul#headlines-content div.digest-check img {
 185         cursor : pointer;
 186         margin-right : 0px;
 187         margin-left : 3px;
 188 }
 189
 190
 191 #headlines ul#headlines-content img.icon {
 192         width : 16px;
 193         height : 16px;
 194         vertical-align : middle;
 195         margin-right : 5px;
 196         float : left;
 197 }
 198
 199 #headlines ul#headlines-content {
 200         list-style-type : none;
 201         color : gray;
 202         margin : 0px;
 203         padding : 0px;
 204 }
 205
 206 #headlines ul#headlines-content li {
 207         margin : 0px 0px 10px 0px;
 208         color : #909090;
 209         clear : left;
 210 }
 211
 212 #headlines ul#headlines-content li.fresh a.title {
 213         font-weight : bold;
 214         font-size : 16px;
 215         display : block;
 216         padding-left : 21px;
 217         color : #007FFF;
 218 }
 219
 220 #headlines ul#headlines-content li.unread a.title {
 221         font-weight : bold;
 222         font-size : 16px;
 223         display : block;
 224         padding-left : 21px;
 225 }
 226
 227 #headlines ul#headlines-content li.read a.title {
 228         font-size : 16px;
 229         font-weight : bold;
 230         display : block;
 231         padding-left : 21px;
 232         color : #8DB1D6;
 233 }
 234
 235 #headlines ul#headlines-content li.read a.title:hover {
 236         color : gray;
 237 }
 238
 239 #headlines ul#headlines-content img#H-LOADING-IMG {
 240         margin-left : 5px;
 241 }
 242
 243 #headlines ul#headlines-content div.excerpt {
 244         color : #404040;
 245         cursor : pointer;
 246 }
 247
 248 #headlines ul#headlines-content div.content {
 249         color : #404040;
 250 }
 251
 252 #headlines ul#headlines-content div.content img {
 253         max-width : 75%;
 254 }
 255
 256 #headlines ul#headlines-content div.body {
 257         margin-left : 21px;
 258         /*margin-left : 42px;*/
 259 }
 260
 261 #headlines ul#headlines-content div.info {
 262         font-size : 11px;
 263 }
 264
 265 #headlines ul#headlines-content div.info a {
 266         color : gray;
 267 }
 268
 269 #headlines ul#headlines-content span.tags {
 270         font-size : 11px;
 271         margin-bottom : 2px;
 272 }
 273
 274 #headlines ul#headlines-content span.tags a {
 275         color : #684C99;
 276 }
 277
 278 #headlines ul#headlines-content div.info a:hover,
 279 #headlines ul#headlines-content span.tags a:hover {
 280         color : #659a4c;
 281 }
 282
 283 #overlay {
 284         background : white;
 285         left : 0;
 286         top : 0;
 287         height : 100%;
 288         width : 100%;
 289         z-index : 100;
 290         position : absolute;
 291         text-align : center;
 292 }
 293
 294 #overlay_inner {
 295         margin : 1em;
 296 }
 297
 298 #overlay img {
 299         vertical-align : middle;
 300 }