tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7 }
   8
   9 /* common styles */
  10
  11 table.main td.headerBox {
  12 /*        background-image : url("images/vgrad_light_rev2.png");
  13         background-position : top left;
  14         background-repeat : repeat-x; */
  15                   background-color : white;
  16 }
  17
  18 table.main td.header {
  19         padding : 10px 10px 10px 10px;
  20         height : 70px;
  21 }
  22
  23 table.main td.mainToolbar {
  24         border-width : 0px 0px 0px 0px;
  25         border-style : solid;
  26         border-color : #c0c0c0;
  27         padding : 3px 25px 3px 10px;
  28 }
  29
  30 table.main td.prefsToolbar {
  31         padding : 0px 5px 5px 0px;
  32 }
  33
  34 table.main td.feeds {
  35         width : 290px;
  36         height : 100%;
  37         border-width : 1px 0px 0px 0px;
  38         border-style : solid;
  39         border-color : #88b0f0;
  40         padding : 0px;
  41 }
  42
  43 table.main td.headlinesToolbarBox {
  44         padding : 10px;
  45         border-width : 0px 0px 1px 1px;
  46         border-style : solid;
  47         border-color : #88b0f0;
  48         background-image : url("images/toolbar.png");
  49         background-position : bottom left;
  50         background-repeat : repeat-x;
  51         background-color : white;
  52 }
  53
  54 table.main td.footer {
  55         border-width : 1px 0px 0px 0px;
  56         border-style : solid;
  57         border-color : #88b0f0;
  58         padding : 10px;
  59         text-align : center;
  60         font-size : x-small;
  61         background-image : url("images/footer.png");
  62         background-position : top left;
  63         background-repeat : repeat-x;
  64         background-color : white;
  65         color : black;
  66 }
  67
  68 table.main td.footer a {
  69         color : black;
  70 }
  71
  72 table.main td.footer a:hover {
  73         color : #4684ff;
  74 }
  75
  76 table.main td.headlines {
  77         height : 25%;
  78         border-width : 0px 0px 1px 1px;
  79         border-style : solid;
  80         border-color : #88b0f0;
  81 }
  82
  83 table.main td.headlines2 {
  84         height : 100%;
  85         border-width : 0px 0px 0px 1px;
  86         border-style : solid;
  87         border-color : #c0c0c0;
  88 }
  89
  90 table.main td.content {
  91         height : 100%;
  92         border-width : 0px 0px 0px 1px;
  93         border-style : solid;
  94         border-color : #88b0f0;
  95 }
  96
  97 table.main td.prefContent {
  98         height : 100%;
  99         background-image : url("images/prefs-content.png");
 100         background-position : top left;
 101         background-repeat : repeat-x;
 102         border-width : 1px 0px 0px 0px;
 103         border-style : solid;
 104         border-color : #88b0f0;
 105         padding : 20px;
 106         background-color : white;
 107 }
 108
 109 div.postReply {
 110         height : 100%;
 111         padding : 10px;
 112 }
 113
 114 div.postReply a {
 115         color : #4684ff;
 116 }
 117
 118 div.postReply a:hover {
 119         color : black;
 120 }
 121
 122 div.postReply div.postHeader {
 123         background : #ecf4ff;
 124         border : 1px solid #88b0f0;
 125 }
 126
 127 div.postReply > div.postHeader {
 128         padding : 5px;
 129 }
 130
 131 div.postReply div.postContent {
 132         padding : 10px;
 133 }
 134
 135 div.postReply div.postIcon {
 136         float : right;
 137         border : 0px;
 138         margin : 10px 0px 10px 10px;
 139 }
 140
 141 ul.feedList {
 142         list-style-type : none;
 143         margin : 5px;
 144         padding : 0px 0px 0px 10px;
 145         font-size : x-small;
 146 }
 147
 148 ul.feedList li.feedCat {
 149         margin : 0px;
 150         padding : 3px 0px 3px 0px;
 151         color : #707070;
 152         font-size : x-small;
 153 }
 154
 155 ul.feedList li.feedCat a {
 156         color : #707070;
 157 }
 158
 159 ul.feedList li.feedCat a:hover {
 160         color : #4684ff;
 161 }
 162
 163 ul.feedCatList {
 164         list-style-type : none;
 165         margin : 0px 0px 0px 20px;
 166         padding : 0px;
 167 }
 168
 169 ul.feedCatList li {
 170         margin : 0px;
 171         padding : 0px 0px 0px 0px;
 172         color : black;
 173 }
 174
 175 ul.feedList li {
 176         margin : 0px;
 177 }
 178
 179 ul.feedlist li.feedUnread,
 180 ul.feedlist li.errorUnread,
 181 ul.feedlist li.labelUnread,
 182 ul.feedlist li.virtUnread,
 183 ul.feedlist li.tagUnread {
 184         font-weight : bold;
 185 }
 186
 187 ul.feedlist li.errorSelected a,
 188 ul.feedlist li.error a,
 189 ul.feedlist li.errorUnread a,
 190 ul.feedlist li.errorUnreadSelected a {
 191         color : #f04040;
 192 }
 193
 194 ul.feedlist li.feedSelected a,
 195 ul.feedlist li.labelSelected a,
 196 ul.feedlist li.virtSelected a,
 197 ul.feedlist li.tagSelected a {
 198         color : #4684ff;
 199 }
 200
 201 ul.feedlist li.feedUnreadSelected a,
 202 ul.feedlist li.labelUnreadSelected a,
 203 ul.feedlist li.virtUnreadSelected a,
 204 ul.feedlist li.tagUnreadSelected a {
 205         color : #4684ff;
 206 }
 207
 208 ul.feedlist li.feedUnreadSelected,
 209 ul.feedlist li.errorUnreadSelected,
 210 ul.feedlist li.labelUnreadSelected,
 211 ul.feedlist li.virtUnreadSelected,
 212 ul.feedlist li.tagUnreadSelected {
 213         font-weight : bold;
 214 }
 215
 216 ul.feedList li.feed {
 217         display : block;
 218 }
 219
 220 ul.feedList img, img.tinyFeedIcon {
 221         margin : 0px 3px 0px 0px;
 222         width : 16px;
 223         height : 16px;
 224         border-width : 0px;
 225 }
 226
 227 h1 {
 228         font-size : 16pt;
 229 }
 230
 231 h2 {
 232         font-size : 14pt;
 233         font-weight : bold;
 234         border-width : 0px 0px 1px 0px;
 235         border-style : solid;
 236         border-color : #ecf4ff;
 237 }
 238
 239 h3 {
 240         font-size : 12pt;
 241         font-weight : bold;
 242         border-width : 0px 0px 1px 0px;
 243         border-style : solid;
 244         border-color : #ecf4ff;
 245 }
 246
 247 hr {
 248         border-width : 0px 0px 1px 0px;
 249         border-style : dashed;
 250         border-color : #e0e0e0;
 251 }
 252
 253 a {
 254         color : black;
 255         text-decoration : none;
 256 }
 257
 258 a:hover {
 259         color : #4684ff;
 260 }
 261
 262 #piggie {
 263         width : 400;
 264         height : 400;
 265         right : 0;
 266         top : -400;
 267         background-color : white;
 268         display : none;
 269         z-index : 3;
 270         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 271         background-position : center center;
 272         background-repeat : no-repeat;
 273         position : absolute;
 274         border : 1px solid pink;
 275         margin-left : auto;
 276         margin-right : auto;
 277         -moz-border-radius : 10px;
 278         opacity : 0.8;
 279 }
 280
 281 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 282 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 283 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 284 #iedit_parent_feed {
 285         width : 100%;
 286         padding-left : 2px;
 287 }
 288
 289 input.editbox {
 290         width : 200px;
 291         padding-left : 2px;
 292 }
 293
 294 td.notifyBox {
 295         font-size : 10pt;
 296         text-align : right;
 297 }
 298
 299 #notify {
 300         background : #fff7d5;
 301         border : 1px solid #d7c47a;
 302         padding : 3px;
 303         top : 25px;
 304         right : 150px;
 305         min-width : 300px;
 306         position : absolute;
 307         -moz-border-radius : 3px;
 308         font-size : x-small;
 309         font-weight : bold;
 310         text-align : center;
 311         float : right;
 312         padding : 3px 20px 3px 20px;
 313         display : none;
 314 }
 315
 316 #dispSwitch {
 317         padding : 5px 5px 5px 0px;
 318         font-size : x-small;
 319         text-align : right;
 320 }
 321
 322 #dispSwitch a {
 323         color : gray;
 324 }
 325
 326 #dispSwitch a:hover {
 327         color : #4684ff;
 328 }
 329
 330 div.expPane {
 331         margin : 15px;
 332 }
 333
 334 iframe {
 335         border : 0px solid white;
 336 }
 337
 338 iframe.feedsFrameWithActions {
 339         width : 100%;
 340         height : 90%;
 341         margin : 0px;
 342         padding : 0px;
 343 }
 344
 345 iframe.feedsFrame {
 346         width : 100%;
 347         height : 100%;
 348         margin : 0px;
 349         padding : 0px;
 350 }
 351
 352 iframe.contentFrame, iframe.headlinesFrame {
 353         width : 100%;
 354         padding : 0px;
 355         margin : 0px;
 356         height : 100%;
 357 }
 358
 359 /*.button {
 360         border : 1px solid #d0d0d0;
 361         background-image : url("images/button.png");
 362         background-position : top;
 363         background-repeat : repeat-x;
 364         background-color : white;
 365         color : black;
 366 }
 367
 368 .button:hover {
 369         background : white;
 370         text-decoration : none;
 371         color : black;
 372 }
 373
 374 .disabledButton {
 375         border : 1px solid #c0c0c0;
 376         background-color : white;
 377         color : gray;
 378 }
 379
 380 a.button {
 381         padding : 2px 5px 2px 5px;
 382         font-size : small;
 383 } */
 384
 385 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 386         .evenSelectedUnread td {
 387         background-color : #fff7d5;
 388         font-weight : bold;
 389                   border-width : 1px 0px 1px 0px;
 390                   border-style : solid;
 391                   border-color : #e7d796;
 392 }
 393
 394 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 395         .oddSelectedUnread td {
 396         background-color : #fff7d5;
 397         font-weight : bold;
 398 }
 399
 400 .evenSelected, .evenSelected td {
 401         background-color : #fff7d5;
 402                   border-width : 1px 0px 1px 0px;
 403                   border-style : solid;
 404                   border-color : #e7d796;
 405 }
 406
 407 .oddSelected, .evenSelected td {
 408         background-color : #fff7d5;
 409 }
 410
 411 /*
 412 .feedUnreadSelected, .feedSelectedUnread,
 413 .virtUnreadSelected, .virtSelectedUnread,
 414 .labelUnreadSelected, .labelSelectedUnread {
 415         background-color : #e0e0ff;
 416         font-weight : bold;
 417 } */
 418
 419
 420 .evenGrayed, .evenGrayed td {
 421         background-color : #f0f0f0;
 422         color : #909090;
 423                   border-width : 1px 0px 1px 0px;
 424                   border-style : solid;
 425                   border-color : #c0c0c0;
 426 }
 427
 428 .oddGrayed {
 429         color : #909090;
 430 }
 431
 432 .even, .even td {
 433                   border-width : 1px 0px 1px 0px;
 434                   border-style : solid;
 435                   border-color : #c0c0c0;
 436         background-color : #f0f0f0;
 437 }
 438
 439 .evenUnread, .evenUnread td {
 440         background-color : #f0f0f0;
 441         font-weight : bold;
 442                   border-width : 1px 0px 1px 0px;
 443                   border-style : solid;
 444                   border-color : #c0c0c0;
 445 }
 446
 447 .oddUnread, .oddUnread td {
 448         font-weight : bold;
 449 }
 450
 451 .invisible {
 452         display : none;
 453 }
 454
 455 /*
 456 td > input, div > input {
 457         border : 1px solid #a0a0a0;
 458 } */
 459
 460 /* preferences */
 461
 462 tr.title td {
 463         border-width : 0px 0px 1px 0px;
 464         border-color : #ecf4ff;
 465         border-style : solid;
 466         font-size : x-small;
 467         color : black;
 468 }
 469
 470 tr.title td a {
 471         color : black;
 472 }
 473
 474 tr.title td a:hover {
 475         color : #4684ff;
 476 }
 477
 478 table.prefFeedList td.feedEditCat {
 479         font-size : large;
 480         font-weight : bold;
 481         padding : 5px 0px 5px 0px;
 482 }
 483
 484 table.prefFeedList td.feedIcon {
 485         text-align : center;
 486 }
 487
 488 table.prefFeedList td.feedSelect {
 489         text-align : center;
 490 }
 491
 492 a.helpLink {
 493         color : #808080;
 494 }
 495
 496 a.helpLink:hover {
 497         color : #4684ff;
 498 }
 499
 500 div.helpResponse {
 501         margin : 10px;
 502         background-image : url("images/vgrad_light_rev2.png");
 503         background-position : top left;
 504         background-repeat : repeat-x;
 505         padding : 10px 20px 10px 20px;
 506         border : 1px solid #f0f0f0;
 507 }
 508
 509 #userDlgShadow {
 510         z-index : 3;
 511         position : absolute;
 512         left : 30%;
 513         top : 30%;
 514         display : none;
 515         background-image : url("images/shadow.png");
 516 }
 517
 518 #userDlg {
 519         padding : 15px;
 520         border : 1px solid #88b0f0;
 521         font-size : small;
 522         position : relative;
 523         bottom : 2px;
 524         right : 2px;
 525         background-color : #ecf4ff;
 526 }
 527
 528 #infoBox > #infoBoxTitle {
 529         border-width : 1px 1px 1px 1px;
 530         border-style : solid;
 531         border-color : #88b0f0;
 532         background-color : #88b0f0;
 533         padding : 2px;
 534         color : white;
 535 }
 536
 537
 538 #infoBoxShadow > #infoBox {
 539         border-width : 1px 1px 1px 1px;
 540         border-style : solid;
 541         border-color : #88b0f0;
 542         font-size : small;
 543         position : relative;
 544         top : 30%;
 545         left : 30%;
 546         width : 30%;
 547         padding-bottom : 5px;
 548         background-image : url("images/prefs-content.png");
 549         background-position : top left;
 550         background-repeat : repeat-x;
 551         background-color : white;
 552 }
 553
 554 td > #infoBoxShadow {
 555         background-image : url("images/overlay.png");
 556         left : 0;
 557         top : 0;
 558         height : 100%;
 559         width : 100%;
 560         z-index : 3;
 561         position : absolute;
 562         display : none;
 563 }
 564
 565 div.infoBoxContents {
 566         padding : 5px;
 567         margin-bottom : 5px;
 568 }
 569
 570 div.infoBoxContents td {
 571         font-size : small;
 572 }
 573
 574 div.helpResponse h1, div.infoBoxContents h1 {
 575 /*        border-width : 0px 0px 1px 0px;
 576         border-style : solid;
 577         border-color : #c0c0c0; */
 578         font-size : 16pt;
 579 }
 580
 581 div.helpResponse h2, div.infoBoxContents h2 {
 582 /*        border-width : 0px 0px 0px 0px; */
 583         font-size : 12pt;
 584 }
 585
 586 /* pre {
 587         border : 1px solid #c0c0c0;
 588         padding : 5px;
 589         background : #f0f0f0;
 590         margin : 5px 10px 5px 10px;
 591 } */
 592
 593 pre {
 594         margin : 5px;
 595 }
 596
 597 input.extSearch {
 598         width : 100%;
 599 }
 600
 601 table.main td.prefsTabs {
 602         padding-left : 5px;
 603 /*                background-image : url("images/toolbar.png");
 604         background-position : bottom left;
 605         background-repeat : repeat-x; */
 606 }
 607
 608 input.prefsTab {
 609         background-image : url("images/prefs_tab.png");
 610         background-position : top left;
 611         background-repeat : repeat-x;
 612         border : 0px solid black;
 613         padding : 2px 7px 2px 7px;
 614         margin : 0px 1px 0px 0px;
 615         width : 130px;
 616         font-size : x-small;
 617         background-color : white;
 618 }
 619
 620 input.prefsTabSelected {
 621
 622         background-image : url("images/active_tab.png");
 623         background-position : top left;
 624         background-repeat : repeat-x;
 625         border : 0px solid black;
 626         padding : 2px 7px 2px 7px;
 627         margin : 0px 1px 0px 0px;
 628         width : 130px;
 629         font-weight : bold;
 630         background-position : top left;
 631         background-repeat : repeat-x;
 632         font-size : x-small;
 633 }
 634
 635
 636 /*input.prefsTab:hover {
 637         background : white;
 638 }*/
 639
 640 div.warning {
 641         background : #fff7d5;
 642         border : 1px solid #d7c47a;
 643         padding : 3px;
 644         margin : 5px;
 645         font-size : x-small;
 646 }
 647
 648 div.notice {
 649         background : #ffffff;
 650         border : 1px solid #88b0f0;
 651         padding : 5px;
 652         margin : 5px;
 653         font-size : x-small;
 654 }
 655
 656 ul.nomarks {
 657         list-style-type : none;
 658         margin : 0px;
 659         padding : 10px;
 660 }
 661
 662 div.bigErrorMsg {
 663         border : 1px solid #c0c0c0;
 664         background : #fff0f0;
 665         padding : 30px;
 666         margin : 20px;
 667 }
 668
 669 div.prefHelp, td.prefHelp {
 670         font-size : x-small;
 671         color : gray;
 672         padding : 5px;
 673 }
 674
 675 td.welcomePrompt {
 676         font-size : x-small;
 677         color : #4684ff;
 678         text-align : right;
 679         padding-right : 10px;
 680
 681 }
 682
 683 td.httpWelcomePrompt {
 684         font-size : small;
 685         color : gray;
 686         text-align : right;
 687 }
 688
 689 table.loginForm {
 690         background-color : #ecf4ff;
 691 }
 692
 693 table.innerLoginForm {
 694         border : 1px solid #88b0f0;
 695         padding : 50px;
 696         background-color : white;
 697 }
 698
 699 table.innerLoginForm td {
 700         padding : 3px 3px 5px 3px;
 701 }
 702
 703 span.insensitive {
 704         color : gray;
 705 }
 706
 707 .prefGenericAddBox {
 708         margin : 5px;
 709         font-size : small;
 710 }
 711
 712 .prefGenericAddBox td {
 713         font-size : small;
 714 }
 715
 716 body.logoutBody {
 717         background-color : #f0f0f0;
 718         color : black;
 719 }
 720
 721 span.logoutWarning {
 722         color : red;
 723         font-weight : bold;
 724 }
 725
 726 div.logoutContent {
 727         width : 600px;
 728         border : 1px solid #c0c0c0;
 729         background-color : white;
 730         margin-left : auto;
 731         margin-right : auto;
 732         margin-top : 20px;
 733         padding : 10px;
 734 }
 735
 736 .small {
 737         font-size : x-small;
 738 }
 739
 740 table.innerFeedTable td {
 741         margin : 0px;
 742         padding : 0px;
 743 }
 744
 745 td.selectPrompt {
 746         font-size : x-small;
 747         color : gray;
 748 }
 749
 750 table.headlinesSubToolbar td.headlineActions {
 751         font-size : x-small;
 752         color : gray;
 753         padding : 5px 0px 5px 5px;
 754 }
 755
 756 table.headlinesSubToolbar td.headlineActionsRTL {
 757         font-size : x-small;
 758         color : gray;
 759         padding : 5px 5px 5px 0px;
 760 }
 761
 762 table.headlinesSubToolbar td.headlineTitle {
 763         font-size : x-small;
 764         color : gray;
 765         padding : 5px 5px 5px 0px;
 766         text-align : right;
 767 }
 768
 769 table.headlinesSubToolbar td.headlineTitleRTL {
 770         font-size : x-small;
 771         color : gray;
 772         padding : 5px 0px 5px 5px;
 773         text-align : left;
 774 }
 775
 776 span.contentPreview {
 777         font-size : x-small;
 778         color : gray;
 779         font-weight : normal;
 780 }
 781
 782 span.contentPreview:hover {
 783         color : #4684ff;
 784 }
 785
 786 table.headlinesList td.hlMarkedPic {
 787         width : 25px;
 788         text-align : center;
 789 }
 790
 791 table.headlinesList td.hlfeed {
 792         text-align : right;
 793         font-size : small;
 794 }
 795
 796 td.hlSelectRow, td.hlUpdatePic {
 797         width : 25px;
 798         text-align : center;
 799 }
 800
 801 table.headlinesList td.hlUpdated {
 802         font-size : small;
 803         color : gray;
 804         text-align : right;
 805         width : 100px;
 806 }
 807
 808 table.headlinesList tr td {
 809         padding : 2px 0px 2px 0px;
 810 }
 811
 812 /*
 813 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
 814         display : block;
 815         overflow : hidden;
 816         height : 1em;
 817         background-color : #f0f0f0;
 818 }
 819
 820 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
 821         display : block;
 822         overflow : hidden;
 823         height : 1em;
 824 }
 825
 826 tr.oddSelected td.headlineContent,
 827 tr.evenSelected td.headlineContent,
 828 tr.oddUnreadSelected td.headlineContent,
 829 tr.evenUnreadSelected td.headlineContent {
 830         display : block;
 831         overflow : hidden;
 832         height : 1em;
 833         background-color : #e0e0ff;
 834 } */
 835
 836 div.postHeader td.postDate {
 837         font-size : x-small;
 838         text-align : right;
 839         color : gray;
 840 }
 841
 842 div.postHeader td.postDateRTL {
 843         font-size : x-small;
 844         text-align : left;
 845         color : gray;
 846 }
 847
 848 #feedUpdateErrors {
 849         display : none;
 850 }
 851
 852 #allEntryTags {
 853         font-size : x-small;
 854         border-width : 0px 0px 1px 0px;
 855         border-style : solid;
 856         border-color : #c0c0c0;
 857         padding-bottom : 5px;
 858         display : none;
 859 }
 860
 861 /*td.hlContent {
 862         overflow : hidden;
 863         height : 1em;
 864         display : block;
 865 } */
 866
 867 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 868         height : 1em;
 869 }
 870
 871 div.cdmArticle {
 872         border : 1px solid #f0f0f0;
 873         background-color : #fafafa;
 874         -moz-border-radius : 5px;
 875         margin : 10px 10px 0px 10px;
 876         padding : 10px;
 877 }
 878
 879 div.cdmArticleUnread {
 880         border : 1px solid #d5f1f4;
 881         background-color : #fafeff;
 882         -moz-border-radius : 5px;
 883         margin : 10px 10px 0px 10px;
 884         padding : 10px;
 885 }
 886
 887 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 888           -moz-border-radius : 5px;
 889         margin : 10px 10px 0px 10px;
 890         padding : 10px;
 891         background-color : #fff7d5;
 892                   border : 1px solid #e7d796;
 893 }
 894
 895 div.cdmArticleUnread div.cdmHeader a.title,
 896 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 897         font-weight : bold;
 898 }
 899
 900 div.cdmHeader {
 901         padding-bottom : 5px;
 902 }
 903
 904 div.cdmFooter {
 905         font-size : x-small;
 906         color : gray;
 907         padding-top : 5px;
 908 }
 909
 910 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 911         margin : 0px;
 912 }
 913
 914 div.cdmHeader, div.cdmHeader a {
 915         color : gray;
 916         font-size : x-small;
 917 }
 918
 919 div.cdmHeader a:hover {
 920         color : #4684ff;
 921 }
 922
 923 div.cdmContent {
 924         margin-bottom : 5px;
 925 }
 926
 927 a.warning {
 928         color : #f04040;
 929 }
 930
 931 img.closeButton {
 932         border-width : 0px;
 933         float : right;
 934 }
 935
 936 span.groupPrompt {
 937         font-size : x-small;
 938         color : #4684ff;
 939 }
 940
 941 ul.userFeedList {
 942         height : 300px;
 943         overflow : auto;
 944         list-style-type : none;
 945         border : 1px solid #88b0f0;
 946         background-color : white;
 947         margin : 0px 0px 5px 0px;
 948         padding : 0px;
 949 }
 950
 951 /* #browseBigFeedList li.oddSelected {
 952         border : 1px solid #d0d0f6;
 953         background-color : #eaeaff;
 954         -moz-border-radius : 5px;
 955 } */
 956
 957 ul.browseFeedList {
 958         height : 300px;
 959         overflow : auto;
 960         list-style-type : none;
 961         margin : 0px 0px 5px 0px;
 962         padding : 0px;
 963         border : 1px solid #88b0f0;
 964         background-color : white;
 965 }
 966
 967 ul.browseFeedList li {
 968         margin : 0px;
 969         padding : 0px;
 970 }
 971
 972 span.subscribers {
 973         color : #808080;
 974 }
 975
 976 div.subscribers {
 977         color : #808080;
 978         font-size : x-small;
 979         float : right;
 980 }
 981
 982 input.feedBrowseCB {
 983         margin-right : 1em;
 984 }
 985
 986 div.browserDetails {
 987         margin : 5px 5px 5px 5px;
 988         display : none;
 989         padding : 5px;
 990 }
 991
 992 ul.compact {
 993         list-style-type : none;
 994         margin : 0px;
 995         padding : 0px;
 996 }
 997
 998 ul.compact li {
 999         margin : 0px;
1000         padding : 0px;
1001 }
1002
1003 div.browserFeedInfo {
1004         font-size : x-small;
1005         border : 1px solid #88b0f0;
1006         background-color : #ecf4ff;
1007         -moz-border-radius : 5px;
1008         padding : 10px;
1009 }
1010
1011 div.browserFeedInfo div.detailsPart {
1012         margin : 5px 0px 5px 5px;
1013 }
1014
1015 div.cdmContent a {
1016         color : #4684ff;
1017 }
1018
1019 div.cdmContent a:hover {
1020         color : black;
1021 }
1022
1023 a.cdmToggleLink {
1024         color : #808080;
1025         font-size : x-small;
1026 }
1027
1028 a.cdmToggleLink:hover {
1029         color : #4684ff;
1030 }
1031
1032 .noborder {
1033         border-width : 0px;
1034 }
1035
1036 #debug_output {
1037         width : 400;
1038         height : 200;
1039         right : 20;
1040         bottom : 20;
1041         background-color : white;
1042         display : none;
1043         z-index : 999;
1044         position : absolute;
1045         border : 1px solid #c0c0c0;
1046         overflow : auto;
1047         margin : 0px;
1048         padding : 0px;
1049         list-style-type : none;
1050 }
1051
1052 #debug_output li {
1053         margin : 0px;
1054         padding : 0px;
1055         font-size : x-small;
1056 }
1057
1058 #overlay {
1059         background : white;
1060         left : 0;
1061         top : 0;
1062         height : 100%;
1063         width : 100%;
1064         z-index : 100;
1065         position : absolute;
1066 }
1067
1068 #overlay_inner {
1069         font-weight : bold;
1070         text-align : center;
1071         margin : 10px;
1072 }
1073
1074 #fatal_error {
1075         background : white;
1076         left : 0;
1077         top : 0;
1078         height : 100%;
1079         width : 100%;
1080         z-index : 200;
1081         display : none;
1082         position : absolute;
1083 }
1084
1085 #fatal_error_inner {
1086         font-weight : bold;
1087         margin : 10px;
1088         color : red;
1089 }
1090
1091 #fatal_error_msg {
1092         border : 1px solid #c0c0c0;
1093         background-color : #f0f0f0;
1094         color : black;
1095         padding : 10px;
1096         font-weight : normal;
1097 }
1098
1099 div.noDaemonWarning {
1100         position : absolute;
1101         background-color : #ecf4ff;
1102         border : 1px solid #88b0f0;
1103         padding : 10px;
1104         margin : 5px;
1105         z-index : 2;
1106 }
1107
1108 #qafInput {
1109         width : 100%;
1110 }