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         max-width : 98%;
 252         overflow : auto;
 253 }
 254
 255 div.notice, div.warning, div.error {
 256         padding : 4px 10px 4px 4px;
 257         display : inline-block;
 258         margin : 2px 0px 4px 0px;
 259         font-size : 12px;
 260         box-shadow : 0px 0px 2px #ccc;
 261 }
 262
 263 div.notice div.inner, div.warning div.inner, div.error div.inner {
 264         vertical-align : middle;
 265 }
 266
 267 div.notice {
 268         background : #ecf4ff;
 269 }
 270
 271 div.warning {
 272         background : #fff7d5;
 273 }
 274
 275 div.error {
 276         background : #ffcccc;
 277 }
 278
 279 div.warning img, div.notice img, div.error img {
 280         margin-right : 4px;
 281         float : left;
 282         vertical-align : middle;
 283 }
 284
 285 ul.nomarks {
 286         list-style-type : none;
 287         margin : 0px;
 288         padding : 10px;
 289 }
 290
 291 div.prefHelp {
 292         color : gray;
 293         padding : 5px;
 294 }
 295
 296 span.feed_error {
 297         color : red;
 298 }
 299
 300 .insensitive {
 301         color : gray;
 302 }
 303
 304 .insensitive a {
 305         color : #4684ff;
 306 }
 307
 308 .insensitive a:hover {
 309         color : black;
 310 }
 311
 312 div#headlines-toolbar {
 313         border-width : 0px 0px 1px 0px;
 314         background-color : #f0f0f0;
 315         border-color : #c0c0c0;
 316         font-size : 11px;
 317         font-family : "Segoe UI", Tahoma, sans-serif;
 318         color : gray;
 319         padding : 0px;
 320         margin : 0px;
 321         overflow : hidden;
 322         height : 25px;
 323         line-height : 25px;
 324         padding-left : 4px;
 325 }
 326
 327 div#headlines-toolbar .dijitSelect {
 328         font-size : 11px;
 329         position : relative;
 330         top : -2px;
 331 }
 332
 333 div#headlines-toolbar span.r {
 334         float: right;
 335    position: relative;
 336         padding : 0 4px 0px 4px;
 337         text-align : right;
 338 }
 339
 340 div#headlines-toolbar span.r span.error {
 341         color : red;
 342 }
 343
 344 div#headlines-toolbar span.r a {
 345         color : gray;
 346 }
 347
 348 div#headlines-toolbar span.r a:hover {
 349         color : black;
 350 }
 351
 352 span.contentPreview {
 353         color : gray;
 354         font-weight : normal;
 355 }
 356
 357 span.contentPreview:hover {
 358         color : #4684ff;
 359 }
 360
 361 span.hlLabelRef {
 362         background-color : #fff7d5;
 363         font-size : 8px;
 364         color : #063064;
 365         font-weight : normal;
 366         margin : 0px 3px 0px 3px;
 367         padding : 0px 4px 0px 4px;
 368         white-space: nowrap;
 369 }
 370
 371 div.postHeader div.postDate {
 372         text-align : right;
 373         color : gray;
 374         float : right;
 375 }
 376
 377 div.postHeader div {
 378         padding-bottom : 3px;
 379         font-size : 12px;
 380 }
 381
 382 #feedUpdateErrors {
 383         display : none;
 384 }
 385
 386 #allEntryTags {
 387         font-size : 12px;
 388         border-width : 0px 0px 1px 0px;
 389         border-style : solid;
 390         border-color : #c0c0c0;
 391         padding-bottom : 5px;
 392         display : none;
 393 }
 394
 395 div.hlFeed, div.hlFeed a {
 396         font-size : 10px;
 397         color : gray;
 398         font-style : italic;
 399         font-weight : normal;
 400         white-space: nowrap;
 401 }
 402
 403 div.hlFeed a:hover {
 404         color : #4684ff;
 405 }
 406
 407 img.markedPic, img.pubPic {
 408         cursor : pointer;
 409         vertical-align : middle;
 410 }
 411
 412 div.tagCloudContainer {
 413         border : 1px solid #c0c0c0;
 414         background-color : #ecf4ff;
 415         margin : 5px 0px 5px 0px;
 416         padding : 5px;
 417         text-align : center;
 418 }
 419
 420 div.errorExplained {
 421         border : 1px solid #c0c0c0;
 422         background-color : #ecf4ff;
 423         margin : 5px 0px 5px 0px;
 424         padding : 5px;
 425 }
 426
 427 ul.feedErrorsList {
 428         max-height : 300px;
 429         overflow : auto;
 430         list-style-type : none;
 431         border : 1px solid #c0c0c0;
 432         background-color : #ecf4ff;
 433         margin : 0px 0px 5px 0px;
 434         padding : 5px;
 435 }
 436
 437 ul.feedErrorsList em {
 438         color : gray;
 439 }
 440
 441 ul.browseFeedList {
 442         height : 300px;
 443         overflow : auto;
 444         border-width : 0px 1px 1px 1px;
 445         border-color : #c0c0c0;
 446         border-style : solid;
 447         margin : 0px 0px 5px 0px;
 448         background-color : white;
 449         list-style-type : none;
 450         padding : 0px;
 451
 452 }
 453
 454 ul.browseFeedList li {
 455         margin : 0px;
 456         padding : 2px 4px 2px 4px;
 457 }
 458
 459 span.subscribers {
 460         color : #808080;
 461 }
 462
 463 div.subscribers {
 464         color : #808080;
 465         font-size : 12px;
 466         float : right;
 467 }
 468
 469 div.browserDetails {
 470         margin : 5px 5px 5px 5px;
 471         padding : 5px;
 472 }
 473
 474 ul.compact {
 475         list-style-type : none;
 476         margin : 0px;
 477         padding : 0px;
 478 }
 479
 480 ul.compact li {
 481         margin : 0px;
 482         padding : 0px;
 483 }
 484
 485 .noborder {
 486         border-width : 0px;
 487 }
 488
 489 #overlay {
 490         background : white;
 491         left : 0;
 492         top : 0;
 493         height : 100%;
 494         width : 100%;
 495         z-index : 100;
 496         position : absolute;
 497 }
 498
 499 #overlay_inner {
 500         font-weight : bold;
 501         margin : 1em;
 502 }
 503
 504 form {
 505         margin : 0px;
 506         padding : 0px;
 507 }
 508
 509 #main_toolbar_form {
 510         margin : 0px;
 511         padding : 0px;
 512         display : table-cell;
 513         white-space : nowrap;
 514         width : 100%;
 515 }
 516
 517 div.loadingPrompt {
 518         padding : 1em;
 519         text-align : center;
 520         font-weight : bold;
 521 }
 522
 523 div.whiteBox {
 524         margin-left : 1px;
 525         text-align : center;
 526         padding : 1em;
 527 }
 528
 529 html, body#ttrssMain, #main {
 530         width: 100%;
 531         height: 100%;
 532         border: 0;
 533         padding: 0;
 534         margin: 0;
 535 }
 536
 537 #toolbar div.actionChooser {
 538         display : table-cell;
 539         text-align : right;
 540         padding-right : 3px;
 541 }
 542
 543 div.autocomplete {
 544         position : absolute;
 545         width : 250px;
 546         background-color : white;
 547         border :1px solid #778899;
 548         margin : 0px;
 549         padding : 0px;
 550 }
 551
 552 div.autocomplete ul {
 553         list-style-type : none;
 554         margin : 0px;
 555         padding : 0px;
 556 }
 557
 558 div.autocomplete ul li.selected {
 559         background-color : #fff7d5;
 560 }
 561
 562 div.autocomplete ul li {
 563         list-style-type : none;
 564         display : block;
 565         margin : 0;
 566         padding : 2px;
 567         height : 32px;
 568         cursor : pointer;
 569 }
 570
 571 a.visibleLink {
 572         color : #4684ff;
 573 }
 574
 575 .hlContentH a, .hlContentH span {
 576         color : #00cc00;
 577 }
 578
 579 .hlContentL a, .hlContentL span {
 580         color : #909090;
 581         text-decoration : line-through;
 582 }
 583
 584 span.titleWrapH, span.titleWrapH a {
 585         color : #00cc00;
 586 }
 587
 588 span.titleWrapL, span.titleWrapL a {
 589         color : #909090;
 590         text-decoration : line-through;
 591 }
 592
 593 img.hlScorePic {
 594         vertical-align : middle;
 595         width : 16px;
 596         height : 16px;
 597 }
 598
 599 div.dlgSec {
 600         font-size : 12px;
 601         color : gray;
 602         font-weight : bold;
 603         clear : both;
 604         height : 20px;
 605 }
 606
 607 div.dlgSecCont {
 608         position : relative;
 609         left : 150px;
 610         top : -20px;
 611         float : left;
 612         font-size : 12px;
 613         font-weight : normal;
 614 }
 615
 616 div.dlgSecCont hr {
 617         height : 0px;
 618         line-height : 0px;
 619         border : 0px solid transparent;
 620         margin : 2px;
 621 }
 622
 623 div.dlgSecCont > * {
 624         position : relative;
 625         top : -2px;
 626 }
 627
 628 div.dlgButtons {
 629         text-align : right;
 630         clear : both;
 631 }
 632
 633 span.labelColorIndicator {
 634         height : 14px;
 635         width : 14px;
 636         line-height : 14px;
 637         font-size : 9px;
 638         display : inline-block;
 639         border : 1px solid black;
 640         background-color : #fff7d5;
 641         color : #063064;
 642         text-align : center;
 643         margin-right : 2px;
 644 }
 645
 646 span.labelColorIndicator2 {
 647         height : 14px;
 648         width : 14px;
 649         font-size : 9px;
 650         display : inline-block;
 651         border : 1px solid black;
 652         background-color : #fff7d5;
 653         color : #063064;
 654         text-align : center;
 655         margin-right : 2px;
 656         vertical-align : bottom;
 657 }
 658
 659 div#cmdline {
 660         position : absolute;
 661         left : 5px;
 662         bottom : 5px;
 663         font-size : 11px;
 664         color : gray;
 665         font-weight : bold;
 666         background-color : white;
 667         border : 1px solid #88b0f0;
 668         padding : 3px 5px 3px 5px;
 669         z-index : 5;
 670 }
 671
 672 #feed_browser_spinner {
 673         vertical-align : middle;
 674         height : 18px;
 675         width : 18px;
 676 }
 677
 678 div.hlTitle {
 679         display : table-cell;
 680         cursor : pointer;
 681         width : 100%;
 682         vertical-align : middle;
 683         padding-top : 4px;
 684         padding-bottom : 4px;
 685 }
 686
 687 div.hlLeft {
 688         display : table-cell;
 689         vertical-align : middle;
 690         white-space: nowrap;
 691 }
 692
 693 div.hlRight {
 694         display : table-cell;
 695         white-space: nowrap;
 696         text-align : right;
 697         vertical-align : middle;
 698 }
 699
 700 div.hlRight img {
 701         max-width : 16px;
 702         max-height : 16px;
 703 }
 704
 705 span.hlUpdated {
 706         color : gray;
 707         min-width : 100px;
 708         display : table-cell;
 709         width : 100%;
 710         vertical-align : middle;
 711         text-align : right;
 712         font-size : 10px;
 713         font-weight : normal;
 714 }
 715
 716 div.hlLeft {
 717         padding-left : 8px;
 718 }
 719
 720 div.hlLeft input {
 721         margin-left : 4px;
 722         margin-right : 4px;
 723 }
 724
 725 div.hlLeft img, div.hlRight img {
 726         margin : 0px 4px 0px 4px;
 727 }
 728
 729 div.hlLeft img {
 730         width : 16px;
 731         height : 16px;
 732 }
 733
 734 div.fatalError {
 735         margin-bottom : 10px;
 736 }
 737
 738 div.fatalError button {
 739         margin-top : 5px;
 740 }
 741
 742 div.fatalError textarea {
 743         width : 100%;
 744         height : 100px;
 745 }
 746
 747 #main {
 748         border-width : 0px;
 749         margin : 0px;
 750         padding : 0px;
 751 }
 752
 753 #header-wrap {
 754         border-width : 0px;
 755         margin : 0px;
 756         padding : 0px;
 757 }
 758
 759 #content-wrap {
 760         padding : 0px;
 761         border-width : 0px 0px 1px 1px;
 762         border-style : solid;
 763         border-color : #c0c0c0;
 764         margin : 0px;
 765 }
 766
 767 #feeds-holder {
 768         padding : 0px;
 769         border-color : #88b0f0;
 770         border-left-width : 0px;
 771         border-bottom-width : 0px;
 772         border-top-width : 0px;
 773         overflow : auto;
 774 }
 775
 776 #headlines-wrap-inner {
 777         padding : 0px;
 778         margin : 0px;
 779         border-width : 0px;
 780 }
 781
 782 #feedTree {
 783         overflow : visible;
 784 }
 785
 786 #headlines-frame {
 787         padding : 0px;
 788         border-color : #88b0f0;
 789         border-left-width : 0px;
 790         border-right-width : 0px;
 791         margin-top : 0px;
 792         border-top-width : 0px;
 793 }
 794
 795 #headlines-toolbar_splitter, #toolbar_splitter {
 796         display : none;
 797 }
 798
 799 #toolbar {
 800         padding : 0px;
 801         margin : 0px;
 802         border-width : 0px;
 803         white-space: nowrap;
 804         font-size : 11px;
 805 }
 806
 807 #header {
 808         border-width : 0px;
 809         text-align : right;
 810         color : gray;
 811         padding : 5px 5px 0px 0px;
 812         margin : 0px;
 813         position : absolute;
 814         right : 0px;
 815         top : 0px;
 816         z-index : 5;
 817 }
 818
 819 #footer {
 820         text-align : center;
 821         color : gray;
 822         padding : 4px 4px 8px 4px;
 823         border-width : 0px;
 824 }
 825
 826 #content-insert {
 827         padding : 0px;
 828         border-color : #88b0f0;
 829         border-bottom-width : 0px;
 830         border-right-width : 0px;
 831         border-left-width : 0px;
 832         overflow : auto;
 833 }
 834
 835 .dijitTreeLabel.Unread {
 836         font-weight : bold;
 837 }
 838
 839 .feedParam {
 840         color : gray;
 841         float : right;
 842         margin-right : 1em;
 843 }
 844
 845 .labelParam {
 846         float : right;
 847         margin-right : 1em;
 848 }
 849
 850 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 851         color : gray;
 852 }
 853
 854 .dijitTreeRow.Error {
 855         color : red;
 856 }
 857
 858 .dijitTreeRow.Hidden {
 859         display : none;
 860 }
 861
 862 img.feedIcon, img.tinyFeedIcon {
 863         width : 16px;
 864         height : 16px;
 865         vertical-align : middle;
 866         display : inline-block;
 867 }
 868
 869 .dijitDialog .dijitToolbar {
 870         border : 1px solid #c0c0c0;
 871 }
 872
 873 .dijitDialog h2 {
 874         margin-top : 0px;
 875         margin-bottom : 4px;
 876         border-width : 0px;
 877 }
 878
 879 .player {
 880         display : inline-block;
 881         color : gray;
 882         font-size : 11px;
 883         font-family : sans-serif;
 884         border : 1px solid gray;
 885         padding : 0px 4px 0px 4px;
 886         margin : 0px 2px 0px 2px;
 887         width : 50px;
 888         text-align : center;
 889         background : white;
 890 }
 891
 892 .player.playing {
 893         color : #00c000;
 894         border-color : #00c000;
 895 }
 896
 897 .player:hover {
 898         background : #f0f0f0;
 899         cursor : pointer;
 900 }
 901
 902 #headlines-spacer {
 903         height : 100%;
 904         margin-left : 1px;
 905         text-align : center;
 906         padding : 1em;
 907         color : gray;
 908 }
 909
 910 ul#filterDlg_Matches, ul#filterDlg_Actions {
 911         max-height : 100px;
 912         overflow : auto;
 913         list-style-type : none;
 914         border-style : solid;
 915         border-color : #c0c0c0;
 916         border-width : 0px 1px 1px 1px;
 917         background-color : #ecf4ff;
 918         margin : 0px 0px 5px 0px;
 919         padding : 0px;
 920 }
 921
 922 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 923         cursor : pointer;
 924         padding : 0px 0px 0px 5px;
 925 }
 926
 927 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 928         margin-right : 5px;
 929 }
 930
 931 ul.helpKbList {
 932         max-height : 300px;
 933         overflow : auto;
 934         list-style-type : none;
 935         border : 1px solid #c0c0c0;
 936         background-color : #ecf4ff;
 937         margin : 0px 0px 5px 0px;
 938         padding : 5px;
 939 }
 940
 941 ul.helpKbList span.hksequence {
 942         width : 6em;
 943         margin-left : 20px;
 944         color : #88b0f0;
 945         font-weight : bold;
 946         display : inline-block;
 947 }
 948
 949 ul.helpKbList h2 {
 950         margin-top : 0px;
 951 }
 952
 953 .dijitTreeNode .loadingNode {
 954         margin-left : 3px;
 955 }
 956
 957 span.collapseBtn {
 958         cursor : pointer;
 959 }
 960
 961 div.postContent p {
 962         max-width : 650px;
 963 }
 964
 965 div.postContent iframe {
 966         min-width : 50%;
 967 }
 968
 969 div.postHeader span.author {
 970         color : gray;
 971         font-size : 11px;
 972         font-weight : normal;
 973 }
 974
 975 body#ttrssZoom {
 976         margin-left : auto;
 977         margin-right : auto;
 978         padding : 2em;
 979         max-width : 800px;
 980         background : #f0f0f0;
 981 }
 982
 983 body#ttrssZoom div.postContent p {
 984         max-width : 650px;
 985 }
 986
 987 body#ttrssZoom div.postReply {
 988         border : 1px solid #ccc;
 989         box-shadow : 0px 0px 3px #ccc;
 990 }
 991
 992 body#ttrssZoom div.postContent {
 993         background-color : white;
 994 }
 995
 996 body#ttrssZoom div.footer {
 997         margin-top : 1em;
 998         text-align : center;
 999 }
1000
1001 select.attachments {
1002         display : block;
1003         margin-top : 10px;
1004         max-width : 120px;
1005 }
1006
1007 div.hl.active {
1008         border-color : #88b0f0;
1009 }
1010
1011 div.hl.active a.title {
1012         color : #4684ff;
1013 }
1014