digest.css

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