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 : #88b0f0;
  36         background : #f7faff;
  37         padding : 5px;
  38         color : #909090;
  39 }
  40
  41 div.postReply div.postTitle {
  42         overflow : hidden;
  43         white-space : nowrap;
  44 }
  45
  46 div.postReply div.postDate {
  47         padding-left : 10px;
  48 }
  49
  50 div.postReply div.postContent {
  51         padding : 10px;
  52         font-size : 12px;
  53 }
  54
  55 div.postReply div.postContent img {
  56         border-width : 0px;
  57         max-width : 98%;
  58 }
  59
  60 div.postReply div.postIcon {
  61         float : right;
  62         border : 0px;
  63         margin : 5px;
  64 }
  65
  66 div.postReply div.postIcon img {
  67         max-width : 120px;
  68         display : inline;
  69 }
  70
  71 div.postReply div.postEnclosures {
  72         margin-top : 1em;
  73         color : gray;
  74 }
  75
  76 div.postReply img.tagsPic {
  77         width : 16px;
  78         height : 16px;
  79         margin-left : 4px;
  80         vertical-align : middle;
  81 }
  82
  83 div.articleNote {
  84         background-color : #fff7d5;
  85         padding : 5px;
  86         border-style : none none dashed none;
  87         border-color : #e7d796;
  88         border-width : 1px;
  89         background-color : #fff7d5;
  90         color : #9a8c59;
  91 }
  92
  93 div.articleNote div.noteEdit {
  94         float : right;
  95         cursor : pointer;
  96 }
  97
  98 div.postReply span.author {
  99         font-size : 12px;
 100 }
 101
 102 h1 {
 103         font-size : 18px;
 104 }
 105
 106 h2 {
 107         font-size : 16px;
 108         font-weight : bold;
 109         border-width : 0px 0px 1px 0px;
 110         border-style : solid;
 111         border-color : #ecf4ff;
 112 }
 113
 114 h3 {
 115         font-size : 12px;
 116         font-weight : bold;
 117         border-width : 0px 0px 1px 0px;
 118         border-style : solid;
 119         border-color : #ecf4ff;
 120 }
 121
 122 hr {
 123         border-width : 0px 0px 1px 0px;
 124         border-style : dashed;
 125         border-color : #e0e0e0;
 126 }
 127
 128 a {
 129         color : black;
 130         text-decoration : none;
 131 }
 132
 133 a:hover {
 134         color : #4684ff;
 135 }
 136
 137 #piggie {
 138         z-index : 999;
 139         position : absolute;
 140 }
 141
 142 #notify {
 143         border-width : 0px 1px 1px 1px;
 144         border-style : solid;
 145         top : 0px;
 146         right : 35%;
 147         min-width : 30%;
 148         position : absolute;
 149         display : none;
 150         float : right;
 151         font-size : 12px;
 152         z-index : 99;
 153         padding : 5px 5px 5px 5px;
 154 }
 155
 156 #notify img {
 157         vertical-align : middle;
 158 }
 159
 160 .notifyProgress {
 161         border-color : #d7c47a;
 162         background-color : #fff7d5;
 163         color : black;
 164 }
 165
 166 .notifyInfo {
 167         border-color : #7AD78E;
 168         background-color : #D5FFDB;
 169         color : black;
 170 }
 171
 172 .notify {
 173         border-color : #d7c47a;
 174         background-color : #fff7d5;
 175         color : black;
 176 }
 177
 178 .notifyError {
 179         background-color : #ffcccc;
 180         border-color : #ff0000;
 181         color : black;
 182 }
 183
 184 .notifyError span:hover {
 185         color : red;
 186         cursor : pointer;
 187 }
 188
 189 .Selected, .Selected td {
 190         background-color : #fff7d5 ! important;
 191 }
 192
 193 .even.Unread.Selected, .even.Unread.Selected td {
 194         background : #fff7d5 ! important;
 195         font-weight : bold;
 196         border-width : 0px 0px 1px 0px;
 197         border-style : solid;
 198         border-color : #e7d796;
 199 }
 200
 201 .odd.Unread.Selected, .odd.Unread.Selected td {
 202         background : #fff7d5 ! important;
 203         font-weight : bold;
 204         border-width : 0px 0px 1px 0px;
 205         border-style : solid;
 206         border-color : #e7d796;
 207 }
 208
 209 .even.Selected, .even.Selected td {
 210         background : #fff7d5 ! important;
 211         border-width : 0px 0px 1px 0px;
 212         border-style : solid;
 213         border-color : #e7d796;
 214         border-collapse : collapse;
 215 }
 216
 217 .odd.Selected, .odd.Selected td {
 218         background : #fff7d5 ! important;
 219         border-width : 0px 0px 1px 0px;
 220         border-style : solid;
 221         border-color : #e7d796;
 222         border-collapse : collapse;
 223 }
 224
 225 .even.Grayed, .even.Grayed td {
 226         background : #f0f0f0;
 227         color : #909090;
 228         border-width : 0px 0px 1px 0px;
 229         border-style : solid;
 230         border-color : #c0c0c0;
 231         border-collapse : collapse;
 232 }
 233
 234 .odd.Grayed {
 235         color : #909090;
 236 }
 237
 238 .even, .even td {
 239         border-width : 0px 0px 1px 0px;
 240         border-style : solid;
 241         border-color : #c0c0c0;
 242         background : #f0f0f0;
 243         border-collapse : collapse;
 244 }
 245
 246 .odd, .odd td {
 247         border-width : 0px 0px 1px 0px;
 248         border-style : solid;
 249         border-color : #c0c0c0;
 250         border-collapse : collapse;
 251 }
 252
 253 .even.Unread, .even.Unread td {
 254         background : #f0f0f0;
 255         font-weight : bold;
 256         border-width : 0px 0px 1px 0px;
 257         border-style : solid;
 258         border-color : #c0c0c0;
 259         border-collapse : collapse;
 260 }
 261
 262 .odd.Unread, .odd.Unread td {
 263         font-weight : bold;
 264         border-width : 0px 0px 1px 0px;
 265         border-style : solid;
 266         border-color : #c0c0c0;
 267 }
 268
 269 .invisible {
 270         display : none;
 271 }
 272
 273 /* preferences */
 274
 275 /* table.prefPrefsList tr:hover td.prefValue {
 276         color : #88b0f0;
 277 }
 278
 279 table.prefPrefsList tr:hover td.prefValue input {
 280         color : #88b0f0;
 281 } */
 282
 283 table.prefPrefsList h3 {
 284         margin-top : 0px;
 285 }
 286
 287 tr.title td {
 288         border-width : 0px 0px 1px 0px;
 289         border-color : #ecf4ff;
 290         border-style : solid;
 291         color : #4684ff;
 292 }
 293
 294 tr.title td a {
 295         color : #4684ff;
 296 }
 297
 298 tr.title td a:hover {
 299         color : black;
 300 }
 301
 302 table.prefFeedList td.feedEditCat {
 303         font-weight : bold;
 304         border-width : 0px 0px 1px 0px;
 305         border-style : solid;
 306         border-color : #88b0f0;
 307         padding-top : 0.5em;
 308 }
 309
 310 table.prefFilterList td.filterEditCat {
 311         font-weight : bold;
 312         border-width : 0px 0px 1px 0px;
 313         border-style : solid;
 314         border-color : #88b0f0;
 315         padding-top : 0.5em;
 316 }
 317
 318 /* oh for the love of... */
 319
 320 table.prefFilterList tr.even,
 321 table.prefFilterList tr.odd,
 322 table.prefFilterList tr.evenSelected,
 323 table.prefFilterList tr.oddSelected,
 324 table.prefLabelList tr.even,
 325 table.prefLabelList tr.odd,
 326 table.prefLabelList tr.evenSelected,
 327 table.prefLabelList tr.oddSelected,
 328 table.prefUserList tr.even,
 329 table.prefUserList tr.odd,
 330 table.prefUserList tr.evenSelected,
 331 table.prefUserList tr.oddSelected,
 332 table.prefFeedList tr.even,
 333 table.prefFeedList tr.odd,
 334 table.prefFeedList tr.evenSelected,
 335 table.prefFeedList tr.oddSelected,
 336 table.prefInstanceList tr.even,
 337 table.prefInstanceList tr.odd,
 338 table.prefInstanceList tr.evenSelected,
 339 table.prefInstanceList tr.oddSelected
 340 {
 341         cursor : pointer;
 342 }
 343
 344 table.prefFilterList tr.even:hover td,
 345 table.prefFilterList tr.odd:hover td,
 346 table.prefFilterList tr.evenSelected:hover td,
 347 table.prefFilterList tr.oddSelected:hover td
 348 table.prefLabelList tr.even:hover td,
 349 table.prefLabelList tr.odd:hover td,
 350 table.prefLabelList tr.evenSelected:hover td,
 351 table.prefLabelList tr.oddSelected:hover td,
 352 table.prefUserList tr.even:hover td,
 353 table.prefUserList tr.odd:hover td,
 354 table.prefUserList tr.evenSelected:hover td,
 355 table.prefUserList tr.oddSelected:hover td,
 356 table.prefFeedList tr.even:hover td,
 357 table.prefFeedList tr.odd:hover td,
 358 table.prefFeedList tr.evenSelected:hover td,
 359 table.prefFeedList tr.oddSelected:hover td,
 360 table.prefInstanceList tr.even:hover td,
 361 table.prefInstanceList tr.odd:hover td,
 362 table.prefInstanceList tr.evenSelected:hover td,
 363 table.prefInstanceList tr.oddSelected:hover td
 364 {
 365         color : #88b0f0;
 366 }
 367
 368 table.prefFeedList td.feedIcon {
 369         text-align : center;
 370 }
 371
 372 table.prefFeedList td.feedSelect {
 373         text-align : center;
 374 }
 375
 376 div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder {
 377         height : 300px;
 378         overflow : auto;
 379         border-width : 0px 1px 1px 1px;
 380         border-color : #c0c0c0;
 381         border-style : solid;
 382         margin : 0px 0px 5px 0px;
 383         background-color : #ecf4ff;
 384 }
 385
 386 div.prefFeedOPMLHolder, div.filterTestHolder {
 387         border-width : 1px 1px 1px 1px;
 388 }
 389
 390 a.helpLink {
 391         color : #808080;
 392 }
 393
 394 a.helpLink:hover {
 395         color : #4684ff;
 396 }
 397
 398 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 399         margin : 0px 0px 0px 1em;
 400         padding : 0px;
 401         font-family : monospace;
 402         font-size : 12px;
 403         background : transparent;
 404         border-width : 0px;
 405         color : gray;
 406 }
 407
 408 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 409         margin : 0px 0px 0px 1em;
 410         border-width : 0px 0px 0px 2px;
 411         border-color : #c0c0c0;
 412         border-style : solid;
 413         font-style : italic;
 414         padding : 0px 0px 0px 1em;
 415         font-size : 12px;
 416         color : gray;
 417 }
 418
 419 #content-insert code, #headlines-frame code, .dijitContentPane code {
 420         background : transparent;
 421         border : 0px solid transparent;
 422         margin : 0px;
 423         font-family : monospace;
 424         padding : 0px;
 425         font-size : 12px;
 426         color : black;
 427 }
 428
 429 div.notice {
 430         background : #ffffff;
 431         border : 1px solid #88b0f0;
 432         width : 60%;
 433         padding : 5px;
 434         margin : 0px 0px 5px 0px;
 435         font-size : 12px;
 436 }
 437
 438 div.warning {
 439         background : #fff7d5;
 440         border : 1px solid #d7c47a;
 441         font-size : 12px;
 442         width : 60%;
 443         padding : 5px;
 444         margin : 0px 0px 5px 0px;
 445 }
 446
 447 div.warning img, div.notice img, div.error img {
 448         vertical-align : middle;
 449         padding : 5px;
 450 }
 451
 452 span.filterDateError {
 453         color : #ff0000;
 454 }
 455
 456 div.error {
 457         border : 1px solid #ff0000;
 458         background : #ffcccc;
 459         padding : 5px;
 460         margin : 0px 0px 5px 0px;
 461         font-size : 12px;
 462 }
 463
 464 ul.nomarks {
 465         list-style-type : none;
 466         margin : 0px;
 467         padding : 10px;
 468 }
 469
 470 div.prefHelp, td.prefHelp {
 471         color : gray;
 472         padding : 5px;
 473 }
 474
 475 span.feed_error {
 476         color : red;
 477 }
 478
 479 .insensitive {
 480         color : gray;
 481 }
 482
 483 .insensitive a {
 484         color : #4684ff;
 485 }
 486
 487 .insensitive a:hover {
 488         color : black;
 489 }
 490
 491 .small {
 492         font-size : 11px;
 493 }
 494
 495 table.innerFeedTable td {
 496         margin : 0px;
 497         padding : 0px;
 498 }
 499
 500 td.selectPrompt {
 501         font-size : 12px;
 502         color : gray;
 503 }
 504
 505 div#headlines-toolbar {
 506         border-width : 0px 0px 1px 0px;
 507         background-color : #f0f0f0;
 508         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 509         font-size : 11px;
 510         font-family : "Segoe UI", Tahoma, sans-serif;
 511         color : gray;
 512         padding : 0px;
 513         margin : 0px;
 514         overflow : hidden;
 515         height : 25px;
 516         line-height : 25px;
 517         padding-left : 4px;
 518 }
 519
 520 div#headlines-toolbar .dijitSelect {
 521         font-size : 11px;
 522         position : relative;
 523         top : -2px;
 524 }
 525
 526 div#headlines-toolbar span.r {
 527         float: right;
 528    position: relative;
 529         background : #f7faff;
 530         border-left: 5px solid white;
 531         padding : 0 4px 0px 4px;
 532         text-align : right;
 533 }
 534
 535 /* http://css-tricks.com/adobe-like-arrow-headers/ */
 536
 537 @media screen and (-webkit-min-device-pixel-ratio:0) {
 538         div#headlines-toolbar span.r:before,
 539         div#headlines-toolbar span.r:after {
 540                 content: "";
 541            position: absolute;
 542             /* Pushed down half way, will get pulled back up half height of triangle
 543                ensures centering if font-size or line-height changes */
 544             top: 50%;
 545             width: 0;
 546             height: 0;
 547         }
 548         div#headlines-toolbar span.r:before {
 549             left: -12px;
 550             /* Triangle */
 551             border-top: 8px solid transparent;
 552             border-bottom: 8px solid transparent;
 553             border-right: 8px solid white;
 554             /* Pull-up */
 555             margin-top: -8px;
 556         }
 557         div#headlines-toolbar span.r:after {
 558             /* Smaller and different position triangle */
 559             left: -5px;
 560             border-top: 6px solid transparent;
 561             border-bottom: 6px solid transparent;
 562             border-right: 6px solid #ecf4ff;
 563             margin-top: -6px;
 564         }
 565 }
 566
 567 div#headlines-toolbar span.r span.error {
 568         color : red;
 569 }
 570
 571 div#headlines-toolbar span.r a {
 572         color : #4684ff;
 573 }
 574
 575 div#headlines-toolbar span.r a:hover {
 576         color : black;
 577 }
 578
 579 span.contentPreview {
 580         color : gray;
 581         font-weight : normal;
 582 }
 583
 584 span.contentPreview:hover {
 585         color : #4684ff;
 586 }
 587
 588 span.hlLabelRef {
 589         background-color : #fff7d5;
 590         font-size : 8px;
 591         color : #063064;
 592         font-weight : normal;
 593         margin : 0px 3px 0px 3px;
 594         padding : 0px 4px 0px 4px;
 595         white-space: nowrap;
 596 }
 597
 598 td.hlSelectRow, td.hlUpdPic {
 599         width : 25px;
 600         text-align : center;
 601 }
 602
 603 div.postHeader div.postDate {
 604         text-align : right;
 605         color : gray;
 606         float : right;
 607 }
 608
 609 div.postHeader div.postDateRTL {
 610         text-align : left;
 611         color : gray;
 612         float : right;
 613 }
 614
 615 div.postHeader div {
 616         padding-bottom : 3px;
 617         font-size : 12px;
 618 }
 619
 620 #feedUpdateErrors {
 621         display : none;
 622 }
 623
 624 #allEntryTags {
 625         font-size : 12px;
 626         border-width : 0px 0px 1px 0px;
 627         border-style : solid;
 628         border-color : #c0c0c0;
 629         padding-bottom : 5px;
 630         display : none;
 631 }
 632
 633 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 634         height : 1em;
 635 }
 636
 637 td.hlFeed {
 638         text-align : right;
 639 }
 640
 641 span.hlFeed, span.hlFeed a {
 642         font-size : 12px;
 643         color : gray;
 644 }
 645
 646 span.hlFeed a:hover {
 647         color : #4684ff;
 648 }
 649
 650 img.markedPic {
 651         cursor : pointer;
 652 }
 653
 654 a.warning {
 655         color : #f04040;
 656 }
 657
 658 div.tagCloudContainer {
 659         border : 1px solid #c0c0c0;
 660         background-color : #ecf4ff;
 661         margin : 5px 0px 5px 0px;
 662         padding : 5px;
 663         text-align : center;
 664 }
 665
 666 div.errorExplained {
 667         border : 1px solid #c0c0c0;
 668         background-color : #ecf4ff;
 669         margin : 5px 0px 5px 0px;
 670         padding : 5px;
 671 }
 672
 673 ul.feedErrorsList {
 674         max-height : 300px;
 675         overflow : auto;
 676         list-style-type : none;
 677         border : 1px solid #c0c0c0;
 678         background-color : #ecf4ff;
 679         margin : 0px 0px 5px 0px;
 680         padding : 5px;
 681 }
 682
 683 ul.selfUpdateList {
 684         height : 200px;
 685         overflow : auto;
 686         list-style-type : none;
 687         border : 1px solid #c0c0c0;
 688         background-color : #ecf4ff;
 689         margin : 0px 0px 5px 0px;
 690         padding : 5px;
 691 }
 692
 693 ul.feedErrorsList em {
 694         color : gray;
 695 }
 696
 697 ul.userFeedList {
 698         height : 300px;
 699         overflow : auto;
 700         list-style-type : none;
 701         border : 1px solid gray;
 702         background-color : white;
 703         margin : 0px 0px 5px 0px;
 704         padding : 0px;
 705 }
 706
 707 ul.browseFeedList {
 708         height : 300px;
 709         overflow : auto;
 710         border-width : 0px 1px 1px 1px;
 711         border-color : #c0c0c0;
 712         border-style : solid;
 713         margin : 0px 0px 5px 0px;
 714         background-color : white;
 715         list-style-type : none;
 716         padding : 0px;
 717
 718 }
 719
 720 ul.browseFeedList li {
 721         margin : 0px;
 722         padding : 2px 4px 2px 4px;
 723 }
 724
 725 span.subscribers {
 726         color : #808080;
 727 }
 728
 729 div.subscribers {
 730         color : #808080;
 731         font-size : 12px;
 732         float : right;
 733 }
 734
 735 div.browserDetails {
 736         margin : 5px 5px 5px 5px;
 737         padding : 5px;
 738 }
 739
 740 ul.compact {
 741         list-style-type : none;
 742         margin : 0px;
 743         padding : 0px;
 744 }
 745
 746 ul.compact li {
 747         margin : 0px;
 748         padding : 0px;
 749 }
 750
 751 .noborder {
 752         border-width : 0px;
 753 }
 754
 755 #overlay {
 756         background : white;
 757         left : 0;
 758         top : 0;
 759         height : 100%;
 760         width : 100%;
 761         z-index : 100;
 762         position : absolute;
 763 }
 764
 765 #overlay_inner {
 766         font-weight : bold;
 767         margin : 1em;
 768 }
 769
 770 form {
 771         margin : 0px;
 772         padding : 0px;
 773 }
 774
 775 #main_toolbar_form {
 776         margin : 0px;
 777         padding : 0px;
 778         display : table-cell;
 779         white-space : nowrap;
 780         width : 100%;
 781 }
 782
 783 div.loadingPrompt {
 784         padding : 1em;
 785         text-align : center;
 786         font-weight : bold;
 787 }
 788
 789 div.whiteBox {
 790         margin-left : 1px;
 791         text-align : center;
 792         padding : 1em;
 793 }
 794
 795 html, body#ttrssMain, #main {
 796         width: 100%;
 797         height: 100%;
 798         border: 0;
 799         padding: 0;
 800         margin: 0;
 801 }
 802
 803 html, body#ttrssPrefs, #main {
 804         width: 100%;
 805         height: 100%;
 806         border: 0;
 807         padding: 0;
 808         margin: 0;
 809 }
 810
 811 #toolbar div.actionChooser {
 812         display : table-cell;
 813         text-align : right;
 814         padding-right : 3px;
 815 }
 816
 817 /* preferences layout */
 818
 819 div.return {
 820         float : right;
 821         font-size : 12px;
 822         margin-right : 10px;
 823 }
 824
 825 div.return a {
 826         color : #4684ff;
 827 }
 828
 829 div.return a:hover {
 830         color : black;
 831 }
 832
 833 #header .logo {
 834         float : right;
 835         margin-left : 10px;
 836 }
 837
 838 #header a {
 839         color : #4684ff;
 840 }
 841
 842 #header a:hover {
 843         color : black;
 844 }
 845
 846 #header img {
 847         vertical-align : middle;
 848         cursor : pointer;
 849 }
 850
 851 a.helpLinkPic img {
 852         border-width : 0px;
 853         vertical-align : middle;
 854 }
 855
 856 div.autocomplete {
 857         position : absolute;
 858         width : 250px;
 859         background-color : white;
 860         border :1px solid #778899;
 861         margin : 0px;
 862         padding : 0px;
 863 }
 864
 865 div.autocomplete ul {
 866         list-style-type : none;
 867         margin : 0px;
 868         padding : 0px;
 869 }
 870
 871 div.autocomplete ul li.selected {
 872         background-color : #fff7d5;
 873 }
 874
 875 div.autocomplete ul li {
 876         list-style-type : none;
 877         display : block;
 878         margin : 0;
 879         padding : 2px;
 880         height : 32px;
 881         cursor : pointer;
 882 }
 883
 884 #feedOpToolbar {
 885         float : right;
 886 }
 887
 888 #header a.feedback {
 889         color : #009900;
 890 }
 891
 892 a.visibleLink {
 893         color : #4684ff;
 894 }
 895
 896 a.visibleLinkB {
 897         color : #4684ff;
 898         border : 1px solid #4684ff;
 899         padding : 2px;
 900 }
 901
 902 a.visibleLinkB:hover {
 903         background-color : #ecf4ff;
 904 }
 905
 906 .hlContentH a, .hlContentH span {
 907         color : #00cc00;
 908 }
 909
 910 .hlContentL a, .hlContentL span {
 911         color : #909090;
 912         text-decoration : line-through;
 913 }
 914
 915 span.titleWrapH, span.titleWrapH a {
 916         color : #00cc00;
 917 }
 918
 919 span.titleWrapL, span.titleWrapL a {
 920         color : #909090;
 921         text-decoration : line-through;
 922 }
 923
 924 img.hlScorePic {
 925         vertical-align : middle;
 926         width : 16px;
 927         height : 16px;
 928 }
 929
 930 div#hotkey_help_overlay {
 931         position : absolute;
 932         left : 30px;
 933         right : 30px;
 934         top : 30px;
 935         z-index : 999;
 936         color : white;
 937         font-size : 15px;
 938         background : black;
 939         border-radius : 30px;
 940         padding : 10px;
 941 }
 942
 943 div#hotkey_help_overlay h1 {
 944         text-align : center;
 945 }
 946
 947 div#hotkey_help_overlay ul {
 948         list-style-type : none;
 949         margin : 0px;
 950 }
 951
 952 div#hotkey_help_overlay a {
 953         color : #88b0f0;
 954 }
 955
 956 div#hotkey_help_overlay a:hover {
 957         color : white;
 958 }
 959
 960 div#hotkey_help_overlay li {
 961         margin : 0px;
 962 }
 963
 964 div#hotkey_help_overlay p {
 965         text-align : center;
 966 }
 967
 968 div#hotkey_help_overlay td.n {
 969         text-align : right;
 970         font-weight : bold;
 971         width : 6em;
 972         color : #a0ffa0;
 973         padding-right : 5px;
 974 }
 975
 976 div#hotkey_help_overlay td {
 977         vertical-align : top;
 978 }
 979
 980 div#hotkey_help_overlay h1 {
 981         margin : 0px;
 982 }
 983
 984 div#hotkey_help_overlay h2 {
 985         font-size : 16px;
 986         border-width : 0px;
 987         margin : 0.3em 0px 0.3em 0px;
 988         text-align : center;
 989         color : #88b0f0;
 990 }
 991
 992 div#hotkey_help_overlay table.hho td.top,
 993 div#hotkey_help_overlay table.hho td.bottom {
 994         text-align : center;
 995         font-size : 11px;
 996 }
 997
 998 div.dlgSec {
 999         font-size : 12px;
1000         color : gray;
1001         font-weight : bold;
1002         clear : both;
1003         height : 20px;
1004 }
1005
1006 div.dlgSecCont {
1007         position : relative;
1008         left : 150px;
1009         top : -20px;
1010         float : left;
1011         font-size : 12px;
1012         font-weight : normal;
1013 }
1014
1015 div.dlgSecCont hr {
1016         height : 0px;
1017         line-height : 0px;
1018         border : 0px solid transparent;
1019         margin : 2px;
1020 }
1021
1022 div.dlgSecCont > * {
1023         position : relative;
1024         top : -2px;
1025 }
1026
1027 div.dlgButtons {
1028         text-align : right;
1029         clear : both;
1030 }
1031
1032 span.labelColorIndicator {
1033         height : 14px;
1034         width : 14px;
1035         line-height : 14px;
1036         font-size : 9px;
1037         display : inline-block;
1038         border : 1px solid black;
1039         background-color : #fff7d5;
1040         color : #063064;
1041         text-align : center;
1042         margin-right : 2px;
1043 }
1044
1045 span.labelColorIndicator2 {
1046         height : 14px;
1047         width : 14px;
1048         font-size : 9px;
1049         display : inline-block;
1050         border : 1px solid black;
1051         background-color : #fff7d5;
1052         color : #063064;
1053         text-align : center;
1054         margin-right : 2px;
1055         vertical-align : bottom;
1056 }
1057
1058 div#cmdline {
1059         position : absolute;
1060         left : 5px;
1061         bottom : 5px;
1062         font-size : 11px;
1063         color : gray;
1064         font-weight : bold;
1065         background-color : white;
1066         border : 1px solid #88b0f0;
1067         padding : 3px 5px 3px 5px;
1068         z-index : 5;
1069 }
1070
1071 #feed_browser_spinner {
1072         vertical-align : middle;
1073         height : 18px;
1074         width : 18px;
1075 }
1076
1077 div#auxDlg {
1078         position : absolute;
1079         z-index : 3;
1080         bottom : 5px;
1081         right : 25px;
1082         padding : 5px;
1083         border-width : 1px;
1084         border-style : solid;
1085         border-color : #d7c47a;
1086         background-color : #fff7d5;
1087         color : black;
1088         text-align : center;
1089         font-size : 13px;
1090 }
1091
1092 div#auxDlg a {
1093         color : #4684ff;
1094 }
1095
1096 div.hlTitle {
1097         display : table-cell;
1098         cursor : pointer;
1099         width : 100%;
1100         vertical-align : middle;
1101         padding-top : 4px;
1102         padding-bottom : 4px;
1103 }
1104
1105 div.hlLeft {
1106         display : table-cell;
1107         vertical-align : middle;
1108         white-space: nowrap;
1109 }
1110
1111 div.hlRight {
1112         display : table-cell;
1113         white-space: nowrap;
1114         text-align : right;
1115         vertical-align : middle;
1116 }
1117
1118 div.hlRight img {
1119         max-width : 16px;
1120         max-height : 16px;
1121 }
1122
1123 span.hlUpdated {
1124         color : gray;
1125         min-width : 100px;
1126         display : table-cell;
1127         width : 100%;
1128         vertical-align : middle;
1129         padding-top : 4px;
1130         padding-bottom : 4px;
1131         text-align : right;
1132 }
1133
1134 div.hlLeft input {
1135         margin-left : 4px;
1136         margin-right : 4px;
1137 }
1138
1139 div.hlLeft img, div.hlRight img {
1140         margin : 0px 4px 0px 4px;
1141
1142 }
1143
1144 div.hlUpdPic {
1145         display : table-cell;
1146         padding-right : 4px;
1147         padding-left : 4px;
1148         text-align : center;
1149         vertical-align : middle;
1150 }
1151
1152 div.hlUpdPic img {
1153         max-width : 16px;
1154 }
1155
1156 div.fatalError {
1157         margin-bottom : 10px;
1158 }
1159
1160 div.fatalError button {
1161         margin-top : 5px;
1162 }
1163
1164 div.fatalError textarea {
1165         width : 100%;
1166         height : 100px;
1167 }
1168
1169 #main {
1170         border-width : 0px;
1171         margin : 0px;
1172         padding : 0px;
1173 }
1174
1175 #header-wrap {
1176         border-width : 0px;
1177         margin : 0px;
1178         padding : 0px;
1179 }
1180
1181 #content-wrap {
1182         padding : 0px;
1183         border-width : 0px;
1184         margin : 0px;
1185 }
1186
1187 #feeds-holder {
1188         padding : 0px;
1189         border-color : #88b0f0;
1190         border-left-width : 0px;
1191         border-bottom-width : 0px;
1192         border-top-width : 0px;
1193         overflow : auto;
1194 }
1195
1196 #headlines-wrap-inner {
1197         padding : 0px;
1198         margin : 0px;
1199         border-width : 0px;
1200 }
1201
1202 #headlines-frame {
1203         padding : 0px;
1204         border-color : #88b0f0;
1205         border-left-width : 0px;
1206         border-right-width : 0px;
1207         margin-top : 0px;
1208         border-top-width : 0px;
1209 }
1210
1211 #headlines-toolbar_splitter, #toolbar_splitter {
1212         display : none;
1213 }
1214
1215 #content-tabs {
1216         margin : 0px;
1217         padding : 0px;
1218         border-width : 0px;
1219 }
1220
1221 #toolbar {
1222         padding : 0px;
1223         margin : 0px;
1224         border-width : 0px;
1225         white-space: nowrap;
1226         font-size : 11px;
1227 }
1228
1229 #header {
1230         border-width : 0px;
1231         text-align : right;
1232         color : gray;
1233         padding : 5px 5px 0px 0px;
1234         margin : 0px;
1235         position : absolute;
1236         right : 0px;
1237         top : 0px;
1238         z-index : 5;
1239 }
1240
1241 #footer {
1242         text-align : center;
1243         color : gray;
1244         padding : 4px 4px 8px 4px;
1245         border-width : 0px;
1246 }
1247
1248 #content-insert {
1249         padding : 0px;
1250         border-color : #88b0f0;
1251         border-bottom-width : 0px;
1252         border-right-width : 0px;
1253         border-left-width : 0px;
1254         overflow : auto;
1255 }
1256
1257 .dijitTreeLabel.Unread {
1258         font-weight : bold;
1259 }
1260
1261 .feedParam {
1262         color : gray;
1263         float : right;
1264         margin-right : 1em;
1265 }
1266
1267 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1268         color : gray;
1269 }
1270
1271 .dijitTreeRow.Error {
1272         color : red;
1273 }
1274
1275 .dijitTreeRow.Hidden {
1276         display : none;
1277 }
1278
1279 img.feedIcon, img.tinyFeedIcon {
1280         width : 16px;
1281         height : 16px;
1282 }
1283
1284 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1285         text-align : center;
1286         padding : 5px;
1287         color : gray;
1288 }
1289
1290 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1291         margin-right : 5px;
1292 }
1293
1294 div#pref-tabs .dijitContentPane {
1295         font-size : 12px;
1296 }
1297
1298 div#pref-tabs {
1299         margin : 0px 5px 0px 5px;
1300 }
1301
1302 div#pref-tabs .dijitContentPane h3 {
1303         font-size : 14px;
1304         font-weight : bold;
1305 }
1306
1307 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1308 #pref-label-wrap, #pref-label-header, #pref-label-content,
1309 #pref-user-wrap, #pref-user-header, #pref-user-content,
1310 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1311         margin : 0px;
1312         padding : 0px;
1313         border-width : 0px;
1314 }
1315
1316 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1317         padding : 0px;
1318 }
1319
1320 #errorButton {
1321         color : red;
1322 }
1323
1324 span.labelFixedLength {
1325         display : inline-block;
1326         width : 70%;
1327 }
1328
1329 #filter_dlg_date_chk_box {
1330         display : inline-block;
1331 }
1332
1333 .dijitDialog .dijitToolbar {
1334         border : 1px solid #c0c0c0;
1335 }
1336
1337 a.bookmarklet {
1338         color : #4684ff;
1339         border : 1px solid #ecf4ff;
1340         padding : 2px;
1341 }
1342
1343 #newVersionIcon {
1344         margin-left : 5px;
1345         vertical-align : middle;
1346         position : relative;
1347         top : -1px;
1348 }
1349
1350 .player {
1351         display : inline-block;
1352         color : gray;
1353         font-size : 11px;
1354         font-family : sans-serif;
1355         border : 1px solid gray;
1356         padding : 0px 4px 0px 4px;
1357         margin : 0px 2px 0px 2px;
1358         width : 50px;
1359         text-align : center;
1360         background : white;
1361 }
1362 .player.playing {
1363         color : #00c000;
1364         border-color : #00c000;
1365 }
1366
1367 .player:hover {
1368         background : #f0f0f0;
1369         cursor : pointer;
1370 }
1371
1372 #headlines-spacer {
1373         height : 100%;
1374         margin-left : 1px;
1375         text-align : center;
1376         padding : 1em;
1377         color : gray;
1378 }
1379
1380 td.error {
1381         color : red;
1382 }
1383
1384 div.dialogNotice {
1385         margin-bottom : 5px;
1386         color : gray;
1387 }
1388
1389 ul#filterDlg_Matches, ul#filterDlg_Actions {
1390         max-height : 100px;
1391         overflow : auto;
1392         list-style-type : none;
1393         border-style : solid;
1394         border-color : #c0c0c0;
1395         border-width : 0px 1px 1px 1px;
1396         background-color : #ecf4ff;
1397         margin : 0px 0px 5px 0px;
1398         padding : 0px;
1399 }
1400
1401 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1402         cursor : pointer;
1403         padding : 0px 0px 0px 5px;
1404 }
1405
1406 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1407         margin-right : 5px;
1408 }