digest.css

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