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