tt-rss.css

   1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7         font-size : 12px;
   8 }
   9
  10 body#ttrssPrefs {
  11         background-color : #ecf4ff;
  12 }
  13
  14 body#ttrssPrefs #footer, body#ttrssPrefs #header {
  15         background-color : #ecf4ff;
  16         padding-left : 8px;
  17         padding-right : 8px;
  18 }
  19
  20 div.postReply {
  21         padding : 0px;
  22 }
  23
  24 div.postReply a {
  25         color : #4684ff;
  26 }
  27
  28 div.postReply a:hover {
  29         color : black;
  30 }
  31
  32 div.postReply div.postHeader {
  33         border-width : 0px 0px 1px 0px;
  34         border-style : solid;
  35         border-color : #c0c0c0;
  36         background : #fafafa;
  37         box-shadow : 0px 0px 3px 0px #ccc;
  38         padding : 5px;
  39         color : #909090;
  40 }
  41
  42 div.postReply div.postTitle {
  43         overflow : hidden;
  44         white-space : nowrap;
  45 }
  46
  47 div.postReply div.postDate {
  48         padding-left : 10px;
  49 }
  50
  51 div.postReply div.postContent {
  52         padding : 10px;
  53         font-size : 12px;
  54 }
  55
  56 div.postReply div.postContent img {
  57         border-width : 0px;
  58         max-width : 98%;
  59 }
  60
  61 div.postReply div.postEnclosures {
  62         margin-top : 1em;
  63         color : gray;
  64 }
  65
  66 div.postReply img.tagsPic {
  67         width : 16px;
  68         height : 16px;
  69         margin-left : 4px;
  70         vertical-align : middle;
  71 }
  72
  73 div.articleNote {
  74         background-color : #fff7d5;
  75         padding : 5px;
  76         border-style : none none dashed none;
  77         border-color : #e7d796;
  78         border-width : 1px;
  79         background-color : #fff7d5;
  80         color : #9a8c59;
  81 }
  82
  83 div.articleNote div.noteEdit {
  84         float : right;
  85         cursor : pointer;
  86 }
  87
  88 div.postReply span.author {
  89         font-size : 12px;
  90 }
  91
  92 h1 {
  93         font-size : 18px;
  94 }
  95
  96 h2 {
  97         font-size : 16px;
  98         font-weight : bold;
  99         border-width : 0px 0px 1px 0px;
 100         border-style : solid;
 101         border-color : #ecf4ff;
 102 }
 103
 104 h3 {
 105         font-size : 12px;
 106         font-weight : bold;
 107         border-width : 0px 0px 1px 0px;
 108         border-style : solid;
 109         border-color : #ecf4ff;
 110 }
 111
 112 hr {
 113         border-width : 0px 0px 1px 0px;
 114         border-style : dashed;
 115         border-color : #e0e0e0;
 116 }
 117
 118 a {
 119         color : black;
 120         text-decoration : none;
 121 }
 122
 123 a:hover {
 124         color : #4684ff;
 125 }
 126
 127 #piggie {
 128         z-index : 999;
 129         position : absolute;
 130 }
 131
 132 #notify {
 133         top : 25px;
 134         right : 10px;
 135         border-width : 1px;
 136         border-style : solid;
 137         position : absolute;
 138         display : none;
 139         float : right;
 140         font-size : 11px;
 141         z-index : 99;
 142         padding : 5px;
 143         min-width : 200px;
 144         box-shadow : 0px 0px 2px #ccc;
 145 }
 146
 147 #notify img {
 148         vertical-align : middle;
 149         margin-right : 4px;
 150 }
 151
 152 .notify {
 153         border-color : #d7c47a;
 154         background-color : #fff7d5;
 155 }
 156
 157 .notify.progress {
 158         border-color : #d7c47a;
 159         background-color : #fff7d5;
 160 }
 161
 162 .notify.info {
 163         border-color : #88b0f0;
 164         background-color : #ecf4ff;
 165 }
 166
 167 .notify.error {
 168         background-color : #ffcccc;
 169         border-color : #ff0000;
 170 }
 171
 172 .notify.error span:hover {
 173         color : red;
 174         cursor : pointer;
 175 }
 176
 177 .hl.Unread div.hlTitle {
 178         font-weight : bold;
 179 }
 180
 181 .hl.even.Grayed {
 182         background : #f0f0f0;
 183         color : #909090;
 184         border-width : 0px 0px 1px 0px;
 185         border-style : solid;
 186         border-color : #c0c0c0;
 187         border-collapse : collapse;
 188 }
 189
 190 .hl.odd.Grayed {
 191         color : #909090;
 192 }
 193
 194 .hl {
 195         border-width : 0px 1px 1px 0px;
 196         border-style : solid;
 197         border-color : #c0c0c0;
 198 }
 199
 200 .hl.active {
 201         background : #ecf4ff ! important;
 202 }
 203
 204 .hl.even {
 205         background : #f0f0f0;
 206         border-collapse : collapse;
 207 }
 208
 209 .hl.odd {
 210         background : white;
 211 }
 212
 213 div.filterTestHolder {
 214         height : 300px;
 215         overflow : auto;
 216         border-color : #c0c0c0;
 217         border-style : solid;
 218         margin : 0px 0px 5px 0px;
 219         background-color : #ecf4ff;
 220         border-width : 1px 1px 1px 1px;
 221 }
 222
 223
 224 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 225         margin : 5px 0px 5px 0px;
 226         padding : 10px;
 227         color : gray;
 228         border-width : 0px 0px 0px 3px;
 229         border-color : #c0c0c0;
 230         border-style : solid;
 231         background : #fafafa;
 232 }
 233
 234 #content-insert code, #headlines-frame code, .dijitContentPane code {
 235         color : #009900;
 236         font-family : monospace;
 237         font-size : 12px;
 238 }
 239
 240 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 241         margin : 5px 0px 5px 0px;
 242         padding : 10px;
 243         color : gray;
 244         font-family : monospace;
 245         font-size : 12px;
 246         border-width : 0px;
 247         border-color : #c0c0c0;
 248         border-style : solid;
 249         background : #fafafa;
 250         display : block;
 251 }
 252
 253 div.notice, div.warning, div.error {
 254         padding : 4px 10px 4px 4px;
 255         display : inline-block;
 256         margin : 2px 0px 4px 0px;
 257         font-size : 12px;
 258         box-shadow : 0px 0px 2px #ccc;
 259 }
 260
 261 div.notice div.inner, div.warning div.inner, div.error div.inner {
 262         vertical-align : middle;
 263 }
 264
 265 div.notice {
 266         background : #ecf4ff;
 267 }
 268
 269 div.warning {
 270         background : #fff7d5;
 271 }
 272
 273 div.error {
 274         background : #ffcccc;
 275 }
 276
 277 div.warning img, div.notice img, div.error img {
 278         margin-right : 4px;
 279         float : left;
 280         vertical-align : middle;
 281 }
 282
 283 ul.nomarks {
 284         list-style-type : none;
 285         margin : 0px;
 286         padding : 10px;
 287 }
 288
 289 div.prefHelp {
 290         color : gray;
 291         padding : 5px;
 292 }
 293
 294 span.feed_error {
 295         color : red;
 296 }
 297
 298 .insensitive {
 299         color : gray;
 300 }
 301
 302 .insensitive a {
 303         color : #4684ff;
 304 }
 305
 306 .insensitive a:hover {
 307         color : black;
 308 }
 309
 310 div#headlines-toolbar {
 311         border-width : 0px 0px 1px 0px;
 312         background-color : #f0f0f0;
 313         border-color : #c0c0c0;
 314         font-size : 11px;
 315         font-family : "Segoe UI", Tahoma, sans-serif;
 316         color : gray;
 317         padding : 0px;
 318         margin : 0px;
 319         overflow : hidden;
 320         height : 25px;
 321         line-height : 25px;
 322         padding-left : 4px;
 323 }
 324
 325 div#headlines-toolbar .dijitSelect {
 326         font-size : 11px;
 327         position : relative;
 328         top : -2px;
 329 }
 330
 331 div#headlines-toolbar span.r {
 332         float: right;
 333    position: relative;
 334         padding : 0 4px 0px 4px;
 335         text-align : right;
 336 }
 337
 338 div#headlines-toolbar span.r span.error {
 339         color : red;
 340 }
 341
 342 div#headlines-toolbar span.r a {
 343         color : gray;
 344 }
 345
 346 div#headlines-toolbar span.r a:hover {
 347         color : black;
 348 }
 349
 350 span.contentPreview {
 351         color : gray;
 352         font-weight : normal;
 353 }
 354
 355 span.contentPreview:hover {
 356         color : #4684ff;
 357 }
 358
 359 span.hlLabelRef {
 360         background-color : #fff7d5;
 361         font-size : 8px;
 362         color : #063064;
 363         font-weight : normal;
 364         margin : 0px 3px 0px 3px;
 365         padding : 0px 4px 0px 4px;
 366         white-space: nowrap;
 367 }
 368
 369 div.postHeader div.postDate {
 370         text-align : right;
 371         color : gray;
 372         float : right;
 373 }
 374
 375 div.postHeader div {
 376         padding-bottom : 3px;
 377         font-size : 12px;
 378 }
 379
 380 #feedUpdateErrors {
 381         display : none;
 382 }
 383
 384 #allEntryTags {
 385         font-size : 12px;
 386         border-width : 0px 0px 1px 0px;
 387         border-style : solid;
 388         border-color : #c0c0c0;
 389         padding-bottom : 5px;
 390         display : none;
 391 }
 392
 393 div.hlFeed, div.hlFeed a {
 394         font-size : 10px;
 395         color : gray;
 396         font-style : italic;
 397         font-weight : normal;
 398         white-space: nowrap;
 399 }
 400
 401 div.hlFeed a:hover {
 402         color : #4684ff;
 403 }
 404
 405 img.markedPic {
 406         cursor : pointer;
 407         vertical-align : middle;
 408 }
 409
 410 div.tagCloudContainer {
 411         border : 1px solid #c0c0c0;
 412         background-color : #ecf4ff;
 413         margin : 5px 0px 5px 0px;
 414         padding : 5px;
 415         text-align : center;
 416 }
 417
 418 div.errorExplained {
 419         border : 1px solid #c0c0c0;
 420         background-color : #ecf4ff;
 421         margin : 5px 0px 5px 0px;
 422         padding : 5px;
 423 }
 424
 425 ul.feedErrorsList {
 426         max-height : 300px;
 427         overflow : auto;
 428         list-style-type : none;
 429         border : 1px solid #c0c0c0;
 430         background-color : #ecf4ff;
 431         margin : 0px 0px 5px 0px;
 432         padding : 5px;
 433 }
 434
 435 ul.feedErrorsList em {
 436         color : gray;
 437 }
 438
 439 ul.browseFeedList {
 440         height : 300px;
 441         overflow : auto;
 442         border-width : 0px 1px 1px 1px;
 443         border-color : #c0c0c0;
 444         border-style : solid;
 445         margin : 0px 0px 5px 0px;
 446         background-color : white;
 447         list-style-type : none;
 448         padding : 0px;
 449
 450 }
 451
 452 ul.browseFeedList li {
 453         margin : 0px;
 454         padding : 2px 4px 2px 4px;
 455 }
 456
 457 span.subscribers {
 458         color : #808080;
 459 }
 460
 461 div.subscribers {
 462         color : #808080;
 463         font-size : 12px;
 464         float : right;
 465 }
 466
 467 div.browserDetails {
 468         margin : 5px 5px 5px 5px;
 469         padding : 5px;
 470 }
 471
 472 ul.compact {
 473         list-style-type : none;
 474         margin : 0px;
 475         padding : 0px;
 476 }
 477
 478 ul.compact li {
 479         margin : 0px;
 480         padding : 0px;
 481 }
 482
 483 .noborder {
 484         border-width : 0px;
 485 }
 486
 487 #overlay {
 488         background : white;
 489         left : 0;
 490         top : 0;
 491         height : 100%;
 492         width : 100%;
 493         z-index : 100;
 494         position : absolute;
 495 }
 496
 497 #overlay_inner {
 498         font-weight : bold;
 499         margin : 1em;
 500 }
 501
 502 form {
 503         margin : 0px;
 504         padding : 0px;
 505 }
 506
 507 #main_toolbar_form {
 508         margin : 0px;
 509         padding : 0px;
 510         display : table-cell;
 511         white-space : nowrap;
 512         width : 100%;
 513 }
 514
 515 div.loadingPrompt {
 516         padding : 1em;
 517         text-align : center;
 518         font-weight : bold;
 519 }
 520
 521 div.whiteBox {
 522         margin-left : 1px;
 523         text-align : center;
 524         padding : 1em;
 525 }
 526
 527 html, body#ttrssMain, #main {
 528         width: 100%;
 529         height: 100%;
 530         border: 0;
 531         padding: 0;
 532         margin: 0;
 533 }
 534
 535 #toolbar div.actionChooser {
 536         display : table-cell;
 537         text-align : right;
 538         padding-right : 3px;
 539 }
 540
 541 div.autocomplete {
 542         position : absolute;
 543         width : 250px;
 544         background-color : white;
 545         border :1px solid #778899;
 546         margin : 0px;
 547         padding : 0px;
 548 }
 549
 550 div.autocomplete ul {
 551         list-style-type : none;
 552         margin : 0px;
 553         padding : 0px;
 554 }
 555
 556 div.autocomplete ul li.selected {
 557         background-color : #fff7d5;
 558 }
 559
 560 div.autocomplete ul li {
 561         list-style-type : none;
 562         display : block;
 563         margin : 0;
 564         padding : 2px;
 565         height : 32px;
 566         cursor : pointer;
 567 }
 568
 569 a.visibleLink {
 570         color : #4684ff;
 571 }
 572
 573 .hlContentH a, .hlContentH span {
 574         color : #00cc00;
 575 }
 576
 577 .hlContentL a, .hlContentL span {
 578         color : #909090;
 579         text-decoration : line-through;
 580 }
 581
 582 span.titleWrapH, span.titleWrapH a {
 583         color : #00cc00;
 584 }
 585
 586 span.titleWrapL, span.titleWrapL a {
 587         color : #909090;
 588         text-decoration : line-through;
 589 }
 590
 591 img.hlScorePic {
 592         vertical-align : middle;
 593         width : 16px;
 594         height : 16px;
 595 }
 596
 597 div.dlgSec {
 598         font-size : 12px;
 599         color : gray;
 600         font-weight : bold;
 601         clear : both;
 602         height : 20px;
 603 }
 604
 605 div.dlgSecCont {
 606         position : relative;
 607         left : 150px;
 608         top : -20px;
 609         float : left;
 610         font-size : 12px;
 611         font-weight : normal;
 612 }
 613
 614 div.dlgSecCont hr {
 615         height : 0px;
 616         line-height : 0px;
 617         border : 0px solid transparent;
 618         margin : 2px;
 619 }
 620
 621 div.dlgSecCont > * {
 622         position : relative;
 623         top : -2px;
 624 }
 625
 626 div.dlgButtons {
 627         text-align : right;
 628         clear : both;
 629 }
 630
 631 span.labelColorIndicator {
 632         height : 14px;
 633         width : 14px;
 634         line-height : 14px;
 635         font-size : 9px;
 636         display : inline-block;
 637         border : 1px solid black;
 638         background-color : #fff7d5;
 639         color : #063064;
 640         text-align : center;
 641         margin-right : 2px;
 642 }
 643
 644 span.labelColorIndicator2 {
 645         height : 14px;
 646         width : 14px;
 647         font-size : 9px;
 648         display : inline-block;
 649         border : 1px solid black;
 650         background-color : #fff7d5;
 651         color : #063064;
 652         text-align : center;
 653         margin-right : 2px;
 654         vertical-align : bottom;
 655 }
 656
 657 div#cmdline {
 658         position : absolute;
 659         left : 5px;
 660         bottom : 5px;
 661         font-size : 11px;
 662         color : gray;
 663         font-weight : bold;
 664         background-color : white;
 665         border : 1px solid #88b0f0;
 666         padding : 3px 5px 3px 5px;
 667         z-index : 5;
 668 }
 669
 670 #feed_browser_spinner {
 671         vertical-align : middle;
 672         height : 18px;
 673         width : 18px;
 674 }
 675
 676 div.hlTitle {
 677         display : table-cell;
 678         cursor : pointer;
 679         width : 100%;
 680         vertical-align : middle;
 681         padding-top : 4px;
 682         padding-bottom : 4px;
 683 }
 684
 685 div.hlLeft {
 686         display : table-cell;
 687         vertical-align : middle;
 688         white-space: nowrap;
 689 }
 690
 691 div.hlRight {
 692         display : table-cell;
 693         white-space: nowrap;
 694         text-align : right;
 695         vertical-align : middle;
 696 }
 697
 698 div.hlRight img {
 699         max-width : 16px;
 700         max-height : 16px;
 701 }
 702
 703 span.hlUpdated {
 704         color : gray;
 705         min-width : 100px;
 706         display : table-cell;
 707         width : 100%;
 708         vertical-align : middle;
 709         text-align : right;
 710         font-size : 10px;
 711         font-weight : normal;
 712 }
 713
 714 div.hlLeft {
 715         padding-left : 8px;
 716 }
 717
 718 div.hlLeft input {
 719         margin-left : 4px;
 720         margin-right : 4px;
 721 }
 722
 723 div.hlLeft img, div.hlRight img {
 724         margin : 0px 4px 0px 4px;
 725 }
 726
 727 div.hlLeft img {
 728         width : 16px;
 729         height : 16px;
 730 }
 731
 732 div.fatalError {
 733         margin-bottom : 10px;
 734 }
 735
 736 div.fatalError button {
 737         margin-top : 5px;
 738 }
 739
 740 div.fatalError textarea {
 741         width : 100%;
 742         height : 100px;
 743 }
 744
 745 #main {
 746         border-width : 0px;
 747         margin : 0px;
 748         padding : 0px;
 749 }
 750
 751 #header-wrap {
 752         border-width : 0px;
 753         margin : 0px;
 754         padding : 0px;
 755 }
 756
 757 #content-wrap {
 758         padding : 0px;
 759         border-width : 0px 0px 1px 1px;
 760         border-style : solid;
 761         border-color : #c0c0c0;
 762         margin : 0px;
 763 }
 764
 765 #feeds-holder {
 766         padding : 0px;
 767         border-color : #88b0f0;
 768         border-left-width : 0px;
 769         border-bottom-width : 0px;
 770         border-top-width : 0px;
 771 }
 772
 773 #headlines-wrap-inner {
 774         padding : 0px;
 775         margin : 0px;
 776         border-width : 0px;
 777 }
 778
 779 #headlines-frame {
 780         padding : 0px;
 781         border-color : #88b0f0;
 782         border-left-width : 0px;
 783         border-right-width : 0px;
 784         margin-top : 0px;
 785         border-top-width : 0px;
 786 }
 787
 788 #headlines-toolbar_splitter, #toolbar_splitter {
 789         display : none;
 790 }
 791
 792 #toolbar {
 793         padding : 0px;
 794         margin : 0px;
 795         border-width : 0px;
 796         white-space: nowrap;
 797         font-size : 11px;
 798 }
 799
 800 #header {
 801         border-width : 0px;
 802         text-align : right;
 803         color : gray;
 804         padding : 5px 5px 0px 0px;
 805         margin : 0px;
 806         position : absolute;
 807         right : 0px;
 808         top : 0px;
 809         z-index : 5;
 810 }
 811
 812 #footer {
 813         text-align : center;
 814         color : gray;
 815         padding : 4px 4px 8px 4px;
 816         border-width : 0px;
 817 }
 818
 819 #content-insert {
 820         padding : 0px;
 821         border-color : #88b0f0;
 822         border-bottom-width : 0px;
 823         border-right-width : 0px;
 824         border-left-width : 0px;
 825         overflow : auto;
 826 }
 827
 828 .dijitTreeLabel.Unread {
 829         font-weight : bold;
 830 }
 831
 832 .feedParam {
 833         color : gray;
 834         float : right;
 835         margin-right : 1em;
 836 }
 837
 838 .labelParam {
 839         float : right;
 840         margin-right : 1em;
 841 }
 842
 843 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 844         color : gray;
 845 }
 846
 847 .dijitTreeRow.Error {
 848         color : red;
 849 }
 850
 851 .dijitTreeRow.Hidden {
 852         display : none;
 853 }
 854
 855 img.feedIcon, img.tinyFeedIcon {
 856         width : 16px;
 857         height : 16px;
 858         vertical-align : middle;
 859 }
 860
 861 .dijitDialog .dijitToolbar {
 862         border : 1px solid #c0c0c0;
 863 }
 864
 865 .dijitDialog h2 {
 866         margin-top : 0px;
 867         margin-bottom : 4px;
 868         border-width : 0px;
 869 }
 870
 871 .player {
 872         display : inline-block;
 873         color : gray;
 874         font-size : 11px;
 875         font-family : sans-serif;
 876         border : 1px solid gray;
 877         padding : 0px 4px 0px 4px;
 878         margin : 0px 2px 0px 2px;
 879         width : 50px;
 880         text-align : center;
 881         background : white;
 882 }
 883
 884 .player.playing {
 885         color : #00c000;
 886         border-color : #00c000;
 887 }
 888
 889 .player:hover {
 890         background : #f0f0f0;
 891         cursor : pointer;
 892 }
 893
 894 #headlines-spacer {
 895         height : 100%;
 896         margin-left : 1px;
 897         text-align : center;
 898         padding : 1em;
 899         color : gray;
 900 }
 901
 902 ul#filterDlg_Matches, ul#filterDlg_Actions {
 903         max-height : 100px;
 904         overflow : auto;
 905         list-style-type : none;
 906         border-style : solid;
 907         border-color : #c0c0c0;
 908         border-width : 0px 1px 1px 1px;
 909         background-color : #ecf4ff;
 910         margin : 0px 0px 5px 0px;
 911         padding : 0px;
 912 }
 913
 914 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 915         cursor : pointer;
 916         padding : 0px 0px 0px 5px;
 917 }
 918
 919 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 920         margin-right : 5px;
 921 }
 922
 923 ul.helpKbList {
 924         max-height : 300px;
 925         overflow : auto;
 926         list-style-type : none;
 927         border : 1px solid #c0c0c0;
 928         background-color : #ecf4ff;
 929         margin : 0px 0px 5px 0px;
 930         padding : 5px;
 931 }
 932
 933 ul.helpKbList span.hksequence {
 934         width : 6em;
 935         margin-left : 20px;
 936         color : #88b0f0;
 937         font-weight : bold;
 938         display : inline-block;
 939 }
 940
 941 ul.helpKbList h2 {
 942         margin-top : 0px;
 943 }
 944
 945 .dijitTreeNode .loadingNode {
 946         margin-left : 3px;
 947 }
 948
 949 span.collapseBtn {
 950         cursor : pointer;
 951 }
 952
 953 div.postContent p {
 954         max-width : 650px;
 955 }
 956
 957 div.postContent iframe {
 958         min-width : 50%;
 959 }
 960
 961 div.postHeader span.author {
 962         color : gray;
 963         font-size : 11px;
 964         font-weight : normal;
 965 }
 966
 967 body#ttrssZoom {
 968         margin-left : auto;
 969         margin-right : auto;
 970         padding : 2em;
 971         max-width : 800px;
 972         background : #f0f0f0;
 973 }
 974
 975 body#ttrssZoom div.postContent p {
 976         max-width : 650px;
 977 }
 978
 979 body#ttrssZoom div.postReply {
 980         border : 1px solid #ccc;
 981         box-shadow : 0px 0px 3px #ccc;
 982 }
 983
 984 body#ttrssZoom div.postContent {
 985         background-color : white;
 986 }
 987
 988 body#ttrssZoom div.footer {
 989         margin-top : 1em;
 990         text-align : center;
 991 }
 992
 993 select.attachments {
 994         display : block;
 995         margin-top : 10px;
 996         max-width : 120px;
 997 }
 998
 999 div.hl.active {
1000         border-color : #88b0f0;
1001 }
1002
1003 div.hl.active a.title {
1004         color : #4684ff;
1005 }
1006