digest.css

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