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 }
  16
  17 table.main td.header {
  18         padding : 10px 10px 10px 30px;
  19         height : 70px;
  20 }
  21
  22 table.main td.mainToolbar {
  23         border-width : 0px 0px 0px 0px;
  24         border-style : solid;
  25         border-color : #c0c0c0;
  26         padding : 3px 25px 3px 10px;
  27 }
  28
  29 table.main td.prefsToolbar {
  30         padding : 0px 5px 5px 0px;
  31 }
  32
  33 table.main td.feeds {
  34         width : 300px;
  35         height : 100%;
  36         border-width : 1px 0px 0px 0px;
  37         border-style : solid;
  38         border-color : #c0c0c0;
  39         padding : 0px;
  40 }
  41
  42 table.main td.headlinesToolbarBox {
  43         padding : 10px;
  44         border-width : 0px 0px 1px 1px;
  45         border-style : solid;
  46         border-color : #c0c0c0;
  47         background-image : url("images/vgrad_light.png");
  48         background-position : bottom left;
  49         background-repeat : repeat-x;
  50 }
  51
  52 table.main td.footer {
  53         border-width : 1px 0px 0px 0px;
  54         border-style : solid;
  55         border-color : #c0c0c0;
  56         padding : 10px;
  57         text-align : center;
  58         font-size : x-small;
  59         background-image : url("images/vgrad_light_rev2.png");
  60         background-position : top left;
  61         background-repeat : repeat-x;
  62         color : gray;
  63 }
  64
  65 table.main td.footer a {
  66         color : gray;
  67 }
  68
  69 table.main td.footer a:hover {
  70         color : #5050aa;
  71 }
  72
  73 table.main td.headlines {
  74         height : 25%;
  75         border-width : 0px 0px 1px 1px;
  76         border-style : solid;
  77         border-color : #c0c0c0;
  78 }
  79
  80 table.main td.content {
  81         height : 100%;
  82         background-image : url("images/vgrad_light_rev.png");
  83         background-position : top left;
  84         background-repeat : repeat-x;
  85         border-width : 0px 0px 0px 1px;
  86         border-style : solid;
  87         border-color : #c0c0c0;
  88 }
  89
  90 table.main td.prefContent {
  91         height : 100%;
  92         background-image : url("images/vgrad_light_rev.png");
  93         background-position : top left;
  94         background-repeat : repeat-x;
  95         border-width : 1px 0px 0px 0px;
  96         border-style : solid;
  97         border-color : #c0c0c0;
  98         padding : 20px;
  99 }
 100
 101 div.postReply {
 102         background-image : url("images/vgrad_light_rev.png");
 103         background-position : top left;
 104         background-repeat : repeat-x;
 105         height : 100%;
 106         padding : 10px;
 107 }
 108
 109 div.postReply a {
 110         color : #5050aa;
 111 }
 112
 113 div.postReply a:hover {
 114         color : black;
 115 }
 116
 117 div.postReply div.postHeader {
 118         background : white;
 119         border : 1px solid #c0c0c0;
 120         padding : 5px;
 121 }
 122
 123 div.postReply div.postContent {
 124         padding : 10px;
 125 }
 126
 127 div.postReply div.postIcon {
 128         float : right;
 129         border : 0px;
 130         margin : 10px 0px 10px 10px;
 131 }
 132
 133 ul.feedList {
 134         list-style-type : none;
 135         margin : 5px;
 136         padding : 0px 0px 0px 10px;
 137 }
 138
 139 ul.feedList li.feedCat {
 140         margin : 0px;
 141         padding : 3px 0px 3px 0px;
 142 /*      border-width : 0px 0px 1px 0px;
 143         border-color : #f0f0f0;
 144         border-style : solid; */
 145         color : #707070;
 146         font-size : small;
 147 }
 148
 149 ul.feedCatList {
 150         list-style-type : none;
 151         margin : 0px;
 152         padding : 0px 0px 0px 10px;
 153 }
 154
 155 ul.feedCatList li {
 156         margin : 0px;
 157         padding : 0px 0px 0px 0px;
 158 }
 159
 160 ul.feedList li {
 161         margin : 0px;
 162 }
 163
 164 /*
 165 li.oddSelected, li.evenSelected {
 166         background-color : white;
 167 }
 168
 169 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
 170         li.oddSelectedUnread {
 171         background-color : white;
 172         font-weight : bold;
 173 }
 174
 175 li.oddSelected a, li.evenSelected a,
 176         li.oddUnreadSelected a, li.evenUnreadSelected a {
 177         color : #5050aa;
 178 }
 179
 180 ul.feedlist
 181         li.virtSelected,
 182         li.virtUnreadSelected,
 183         li.virtSelectedUnread,
 184         li.feedSelected,
 185         li.labelSelected,
 186         li.feedUnreadSelected,
 187         li.labelUnreadSelected,
 188         li.feedSelectedUnread,
 189         li.labelSelectedUnread {
 190         background-color : white;
 191 }
 192
 193 ul.feedlist
 194         li.feedSelected a,
 195         li.labelSelected a,
 196         li.feedUnreadSelected a,
 197         li.labelUnreadSelected a,
 198         li.virtSelected a,
 199         li.virtUnreadSelected a,
 200         li.virtSelectedUnread a {
 201         color : #5050aa;
 202 } */
 203
 204 ul.feedlist li.feedUnread,
 205 ul.feedlist li.labelUnread,
 206 ul.feedlist li.virtUnread,
 207 ul.feedlist li.tagUnread {
 208         font-weight : bold;
 209 }
 210
 211
 212 ul.feedlist li.feedSelected a,
 213 ul.feedlist li.labelSelected a,
 214 ul.feedlist li.virtSelected a,
 215 ul.feedlist li.tagSelected a {
 216         color : #5050aa;
 217 }
 218
 219 ul.feedlist li.feedUnreadSelected a,
 220 ul.feedlist li.labelUnreadSelected a,
 221 ul.feedlist li.virtUnreadSelected a,
 222 ul.feedlist li.tagUnreadSelected a {
 223         color : #5050aa;
 224 }
 225
 226 ul.feedlist li.feedUnreadSelected ,
 227 ul.feedlist li.labelUnreadSelected,
 228 ul.feedlist li.virtUnreadSelected,
 229 ul.feedlist li.tagUnreadSelected {
 230         font-weight : bold;
 231 }
 232
 233 ul.feedList li.feed {
 234         display : block;
 235 }
 236
 237 ul.feedList img, img.tinyFeedIcon {
 238         margin : 0px 3px 0px 0px;
 239         width : 16px;
 240         height : 16px;
 241         border-width : 0px;
 242 }
 243
 244 h1 {
 245         font-size : 16pt;
 246 }
 247
 248 h2 {
 249         font-size : 14pt;
 250         font-weight : bold;
 251         border-width : 0px 0px 1px 0px;
 252         border-style : solid;
 253         border-color : #e0e0e0;
 254 }
 255
 256 h3 {
 257         font-size : 12pt;
 258         font-weight : bold;
 259         border-width : 0px 0px 1px 0px;
 260         border-style : solid;
 261         border-color : #e0e0e0;
 262 }
 263
 264 hr {
 265         border-width : 0px 0px 1px 0px;
 266         border-style : dashed;
 267         border-color : #e0e0e0;
 268 }
 269
 270 a {
 271         color : black;
 272         text-decoration : none;
 273 }
 274
 275 a:hover {
 276         color : #5050aa;
 277 }
 278
 279 #piggie {
 280         width : 400;
 281         height : 400;
 282         left : 50;
 283         background-color : white;
 284         display : none;
 285         z-index : 3;
 286         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 287         background-position : center center;
 288         background-repeat : no-repeat;
 289         position : absolute;
 290         border : 1px solid pink;
 291         margin-left : auto;
 292         margin-right : auto;
 293         -moz-border-radius : 10px;
 294         opacity : 0.8;
 295 }
 296
 297 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 298 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 299 #iedit_fcat, #iedit_filter_action {
 300         width : 100%;
 301         padding-left : 2px;
 302 }
 303
 304 input.editbox {
 305         width : 200px;
 306         padding-left : 2px;
 307 }
 308
 309 #notify {
 310         font-size : 10pt;
 311         text-align : right;
 312         color : black;
 313         font-weight : bold;
 314         border-style : solid;
 315         border-width : 0px 0px 1px 1px;
 316         border-color : #e0e0e0;
 317         background-color : white;
 318         padding : 3px;
 319         width : 350px;
 320 }
 321
 322 #dispSwitch {
 323         text-align : right;
 324         padding : 5px 5px 5px 0px;
 325         font-size : x-small;
 326 }
 327
 328 #dispSwitch a {
 329         color : gray;
 330 }
 331
 332 #dispSwitch a:hover {
 333         color : #5050aa;
 334 }
 335
 336 div.expPane {
 337         margin : 15px;
 338 }
 339
 340 iframe {
 341         border : 0px solid white;
 342 }
 343
 344 iframe.feedsFrameWithActions {
 345         width : 100%;
 346         height : 90%;
 347         margin : 0px;
 348         padding : 0px;
 349 }
 350
 351 iframe.feedsFrame {
 352         width : 100%;
 353         height : 100%;
 354         margin : 0px;
 355         padding : 0px;
 356 }
 357
 358 iframe.contentFrame, iframe.headlinesFrame {
 359         width : 100%;
 360         padding : 0px;
 361         margin : 0px;
 362         height : 100%;
 363 }
 364
 365 .button {
 366         border : 1px solid #d0d0d0;
 367         background-image : url("images/button.png");
 368         background-position : top;
 369         background-repeat : repeat-x;
 370         background-color : white;
 371         color : black;
 372 }
 373
 374 .button:hover {
 375         background : white;
 376         text-decoration : none;
 377         color : black;
 378 }
 379
 380 a.button {
 381         padding : 2px 5px 2px 5px;
 382         font-size : small;
 383 }
 384
 385 .evenUnreadSelected, .evenSelectedUnread {
 386         background-color : #e0e0ff;
 387         font-weight : bold;
 388 }
 389
 390 .oddUnreadSelected, .oddSelectedUnread  {
 391         background-color : #e0e0ff;
 392         font-weight : bold;
 393 }
 394
 395 .evenSelected, .oddSelected {
 396         background-color : #e0e0ff;
 397 }
 398
 399
 400 /*
 401 .feedUnreadSelected, .feedSelectedUnread,
 402 .virtUnreadSelected, .virtSelectedUnread,
 403 .labelUnreadSelected, .labelSelectedUnread {
 404         background-color : #e0e0ff;
 405         font-weight : bold;
 406 } */
 407
 408 .disabledButton {
 409         border : 1px solid #c0c0c0;
 410         background-color : white;
 411         color : gray;
 412 }
 413
 414 .evenGrayed {
 415         background-color : #f0f0f0;
 416         color : #909090;
 417 }
 418
 419 .oddGrayed {
 420         color : #909090;
 421 }
 422
 423 .even {
 424         background-color : #f0f0f0;
 425 }
 426
 427 .evenUnread {
 428         background-color : #f0f0f0;
 429         font-weight : bold;
 430 }
 431
 432 .oddUnread {
 433         font-weight : bold;
 434 }
 435
 436 .invisible {
 437         display : none;
 438 }
 439
 440 input {
 441         border : 1px solid #a0a0a0;
 442 }
 443
 444 /* preferences */
 445
 446 tr.title td {
 447         border-width : 0px 0px 1px 0px;
 448         border-color : #f0f0f0;
 449         border-style : solid;
 450         font-size : x-small;
 451         color : gray;
 452 }
 453
 454 tr.title td a {
 455         color : gray;
 456 }
 457
 458 tr.title td a:hover {
 459         color : #5050aa;
 460 }
 461
 462 table.prefFeedList td.feedEditCat {
 463         font-size : large;
 464         font-weight : bold;
 465         padding : 5px 0px 5px 0px;
 466 }
 467
 468 table.prefFeedList td.feedIcon {
 469         text-align : center;
 470 }
 471
 472 table.prefFeedList td.feedSelect {
 473         text-align : center;
 474 }
 475
 476 a.helpLink {
 477         color : #808080;
 478 }
 479
 480 a.helpLink:hover {
 481         color : #5050aa;
 482 }
 483
 484 div.helpResponse {
 485         margin : 10px;
 486         background-image : url("images/vgrad_light_rev2.png");
 487         background-position : top left;
 488         background-repeat : repeat-x;
 489         padding : 10px 20px 10px 20px;
 490         border : 1px solid #f0f0f0;
 491 }
 492
 493 #userDlgShadow {
 494         z-index : 3;
 495         position : absolute;
 496         left : 30%;
 497         top : 30%;
 498         display : none;
 499         background-image : url("images/shadow.png");
 500 }
 501
 502 #userDlg {
 503         background : #fffff0;
 504         position : relative;
 505         bottom : 2px;
 506         right : 2px;
 507         padding : 15px;
 508         border : 1px solid #c0c0c0;
 509 }
 510
 511 #qafInput {
 512         width : 300px;
 513 }
 514
 515
 516 #infoBox {
 517         border : 1px solid #c0c0c0;
 518         padding-bottom : 10px;
 519         font-size : small;
 520         position : relative;
 521         bottom : 2px;
 522         right : 2px;
 523         background-color : white;
 524 }
 525
 526 #infoBoxShadow {
 527         background-image : url("images/shadow.png");
 528         position : absolute;
 529         margin-left : 30%;
 530         width : 30%;
 531         z-index : 3;
 532         display : none;
 533 }
 534
 535 div.infoBoxContents {
 536         background-image : url("images/vgrad_light_rev2.png");
 537         background-position : top left;
 538         background-repeat : repeat-x;
 539         padding : 5px;
 540         margin-bottom : 5px;
 541 }
 542
 543 div.infoBoxContents td {
 544         font-size : small;
 545 }
 546
 547
 548 div.helpResponse h1, div.infoBoxContents h1 {
 549         border-width : 0px 0px 1px 0px;
 550         border-style : solid;
 551         border-color : #c0c0c0;
 552         font-size : 16pt;
 553 }
 554
 555 div.helpResponse h2, div.infoBoxContents h2 {
 556         border-width : 0px 0px 0px 0px;
 557         font-size : 12pt;
 558 }
 559
 560 /* pre {
 561         border : 1px solid #c0c0c0;
 562         padding : 5px;
 563         background : #f0f0f0;
 564         margin : 5px 10px 5px 10px;
 565 } */
 566
 567 pre {
 568         margin : 5px;
 569 }
 570
 571 input.extSearch {
 572         width : 200px;
 573 }
 574
 575 table.main td.prefsTabs {
 576         padding-left : 15px;
 577 }
 578
 579 input.prefsTab {
 580         border-width : 1px 1px 0px 1px;
 581         border-color : #c0c0c0;
 582         padding : 2px 7px 2px 7px;
 583         margin : 0px 1px 0px 0px;
 584         width : 150px;
 585         background-image : url("images/vgrad_light_rev2.png");
 586         background-position : top left;
 587         background-repeat : repeat-x;
 588         -moz-border-radius : 7px 7px 0px 0px;
 589 }
 590
 591 input.prefsTabSelected {
 592         border-width : 1px 1px 0px 1px;
 593         border-color : #c0c0c0;
 594         padding : 2px 7px 2px 7px;
 595         margin : 0px 1px 0px 0px;
 596         width : 150px;
 597         background : white;
 598         font-weight : bold;
 599         background-position : top left;
 600         background-repeat : repeat-x;
 601         -moz-border-radius : 7px 7px 0px 0px;
 602 }
 603
 604
 605 input.prefsTab:hover {
 606         background : white;
 607 }
 608
 609 div.warning {
 610         background : #fffff0;
 611         border : 1px solid #c0c0c0;
 612         padding : 5px;
 613         margin : 5px;
 614         font-size : x-small;
 615 }
 616
 617 div.notice {
 618         background : #ffffff;
 619         border : 1px solid #c0c0c0;
 620         padding : 5px;
 621         margin : 5px;
 622         font-size : x-small;
 623 }
 624
 625 ul.nomarks {
 626         list-style-type : none;
 627         margin : 0px;
 628         padding : 10px;
 629 }
 630
 631 div.bigErrorMsg {
 632         border : 1px solid #c0c0c0;
 633         background : #fff0f0;
 634         padding : 30px;
 635         margin : 20px;
 636 }
 637
 638 div.prefHelp, td.prefHelp {
 639         font-size : x-small;
 640         color : gray;
 641         padding : 5px;
 642 }
 643
 644 td.welcomePrompt {
 645         font-size : small;
 646         color : gray;
 647         text-align : right;
 648         padding-right : 10px;
 649
 650 }
 651
 652 td.httpWelcomePrompt {
 653         font-size : small;
 654         color : gray;
 655         text-align : right;
 656 }
 657
 658 table.loginForm {
 659         background-image : url("images/vgrad_light_rev.png");
 660         background-color : white;
 661         background-position : top left;
 662         background-repeat : repeat-x;
 663 }
 664
 665 table.innerLoginForm {
 666         border : 1px solid #f0f0f0;
 667         padding : 50px;
 668         background-color : white;
 669 }
 670
 671 table.innerLoginForm td {
 672         padding : 3px 3px 5px 3px;
 673 }
 674
 675 div.small, p.small {
 676         font-size : x-small;
 677 }
 678
 679 span.insensitive {
 680         color : gray;
 681 }
 682
 683 .prefGenericAddBox {
 684         margin : 5px;
 685         font-size : small;
 686 }
 687
 688 .prefGenericAddBox td {
 689         font-size : small;
 690 }
 691
 692 body.logoutBody {
 693         background-color : #f0f0f0;
 694         color : black;
 695 }
 696
 697 span.logoutWarning {
 698         color : red;
 699         font-weight : bold;
 700 }
 701
 702 div.logoutContent {
 703         width : 600px;
 704         border : 1px solid #c0c0c0;
 705         background-color : white;
 706         margin-left : auto;
 707         margin-right : auto;
 708         margin-top : 20px;
 709         padding : 10px;
 710 }
 711
 712 .small {
 713         font-size : small;
 714 }
 715
 716 table.innerFeedTable td {
 717         margin : 0px;
 718         padding : 0px;
 719 }
 720
 721 td.selectPrompt {
 722         font-size : x-small;
 723         color : gray;
 724 }
 725
 726 table.headlinesSubToolbar td.headlineActions {
 727         font-size : x-small;
 728         color : gray;
 729         padding : 5px 0px 5px 5px;
 730 }
 731
 732 table.headlinesSubToolbar td.headlineTitle {
 733         font-size : x-small;
 734         color : gray;
 735         padding : 5px 5px 5px 0px;
 736         text-align : right;
 737 }
 738
 739 span.contentPreview {
 740         font-size : x-small;
 741         color : gray;
 742         font-weight : normal;
 743 }
 744
 745 span.contentPreview:hover {
 746         color : #5050aa;
 747 }
 748
 749 table.headlinesList td.hlMarkedPic {
 750         width : 25px;
 751         text-align : center;
 752 }
 753
 754 table.headlinesList td.hlfeed {
 755         text-align : right;
 756         font-size : small;
 757 }
 758
 759 td.hlSelectRow, td.hlUpdatePic {
 760         width : 25px;
 761         text-align : center;
 762 }
 763
 764 table.headlinesList td.hlUpdated {
 765         font-size : small;
 766         color : gray;
 767         text-align : right;
 768         width : 100px;
 769 }
 770
 771 table.headlinesList tr td {
 772         padding : 2px 0px 2px 0px;
 773 }
 774
 775 /*
 776 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
 777         display : block;
 778         overflow : hidden;
 779         height : 1em;
 780         background-color : #f0f0f0;
 781 }
 782
 783 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
 784         display : block;
 785         overflow : hidden;
 786         height : 1em;
 787 }
 788
 789 tr.oddSelected td.headlineContent,
 790 tr.evenSelected td.headlineContent,
 791 tr.oddUnreadSelected td.headlineContent,
 792 tr.evenUnreadSelected td.headlineContent {
 793         display : block;
 794         overflow : hidden;
 795         height : 1em;
 796         background-color : #e0e0ff;
 797 } */
 798
 799 div.postHeader td.postDate {
 800         font-size : x-small;
 801         text-align : right;
 802         color : gray;
 803 }
 804
 805 #feedUpdateErrors {
 806         display : none;
 807 }
 808
 809 #allEntryTags {
 810         font-size : x-small;
 811         border-width : 0px 0px 1px 0px;
 812         border-style : solid;
 813         border-color : #c0c0c0;
 814         padding-bottom : 5px;
 815         display : none;
 816 }
 817
 818 td.hlContent {
 819         overflow : hidden;
 820         height : 1em;
 821         display : block;
 822 }
 823
 824 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 825         height : 1em;
 826 }