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