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