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