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-width : 1px 0px 1px 0px;
 236                   border-style : solid;
 237                   border-color : #778899;
 238 }
 239
 240 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 241         .oddSelectedUnread td {
 242         background-color : #e0e0ff;
 243         font-weight : bold;
 244 }
 245
 246 .evenSelected, .evenSelected td {
 247         background-color : #e0e0ff;
 248                   border-width : 1px 0px 1px 0px;
 249                   border-style : solid;
 250                   border-color : #778899;
 251 }
 252
 253 .oddSelected, .evenSelected td {
 254         background-color : #e0e0ff;
 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-width : 1px 0px 1px 0px;
 269                   border-style : solid;
 270                   border-color : #88b0f0;
 271 }
 272
 273 .oddGrayed {
 274         color : #909090;
 275 }
 276
 277 .even, .even td {
 278                   border-width : 1px 0px 1px 0px;
 279                   border-style : solid;
 280                   border-color : #c0c0c0;
 281         background-color : #f0f0f0;
 282 }
 283
 284 .evenUnread, .evenUnread td {
 285         background-color : #f0f0f0;
 286         font-weight : bold;
 287                   border-width : 1px 0px 1px 0px;
 288                   border-style : solid;
 289                   border-color : #c0c0c0;
 290 }
 291
 292 .oddUnread, .oddUnread td {
 293         font-weight : bold;
 294 }
 295
 296 td > input, div > input {
 297         border : 1px solid #a0a0a0;
 298 }
 299
 300 /* preferences */
 301
 302 tr.title td {
 303         border-width : 0px 0px 1px 0px;
 304         border-color : #f0f0f0;
 305         border-style : solid;
 306         font-size : small;
 307         color : gray;
 308 }
 309
 310 tr.title td a {
 311         color : gray;
 312 }
 313
 314 tr.title td a:hover {
 315         color : #5050aa;
 316 }
 317
 318 div.prefFeedCatHolder {
 319         border : 1px solid #c0c0c0;
 320 }
 321
 322 table.prefFeedList td.feedEditCat {
 323         font-size : large;
 324         border-color : #c0c0c0;
 325 }
 326
 327 table.prefFeedList td.feedIcon {
 328         text-align : center;
 329 }
 330
 331 table.prefFeedList td.feedSelect {
 332         text-align : center;
 333 }
 334
 335 a.helpLink {
 336         color : #808080;
 337 }
 338
 339 a.helpLink:hover {
 340         color : #5050aa;
 341 }
 342
 343 div.helpResponse {
 344         margin : 10px;
 345         background-image : url("images/vgrad_light_rev2.png");
 346         background-position : top left;
 347         background-repeat : repeat-x;
 348         padding : 10px 20px 10px 20px;
 349         border : 1px solid #f0f0f0;
 350 }
 351
 352 #userDlgShadow {
 353         z-index : 3;
 354         position : absolute;
 355         left : 30%;
 356         top : 30%;
 357         display : none;
 358         background-image : url("images/shadow.png");
 359 }
 360
 361 #userDlg {
 362         padding : 15px;
 363         border : 1px solid #c0c0c0;
 364         font-size : small;
 365         position : relative;
 366         bottom : 2px;
 367         right : 2px;
 368         background-color : white;
 369         background-image : url("images/vgrad_light_rev2.png");
 370         background-position : top left;
 371         background-repeat : repeat-x;
 372 }
 373
 374 #qafInput {
 375         width : 300px;
 376 }
 377
 378 #infoBoxTitle {
 379         border-width : 1px 1px 1px 1px;
 380         border-style : solid;
 381         border-color : #c0c0c0;
 382         background-color : #c0c0c0;
 383         padding : 2px;
 384         color : white;
 385 }
 386
 387
 388 #infoBox {
 389         border : 1px solid #c0c0c0;
 390         padding-bottom : 10px;
 391         font-size : small;
 392         position : relative;
 393         bottom : 2px;
 394         right : 2px;
 395         background : white;
 396 }
 397
 398 #infoBoxShadow {
 399         background-image : url("images/shadow.png");
 400         position : absolute;
 401         width : 30%;
 402         left : 35%;
 403         top : 30%;
 404         z-index : 3;
 405         display : none;
 406 }
 407
 408 div.infoBoxContents {
 409         background-image : url("images/vgrad_light_rev2.png");
 410         background-position : top left;
 411         background-repeat : repeat-x;
 412         padding : 5px;
 413         margin-bottom : 5px;
 414 }
 415
 416 div.helpResponse h1, div.infoBoxContents h1 {
 417         border-width : 0px 0px 1px 0px;
 418         border-style : solid;
 419         border-color : #c0c0c0;
 420         font-size : 16pt;
 421 }
 422
 423 div.helpResponse h2, div.infoBoxContents h2 {
 424         border-width : 0px 0px 0px 0px;
 425         font-size : 12pt;
 426 }
 427
 428 div.prefsTab {
 429         border-width : 1px 1px 0px 1px;
 430         border-color : #c0c0c0;
 431         border-style : solid;
 432         font-size : small;
 433         position : relative;
 434         bottom : 0px;
 435         border-collapse : collapse;
 436         -moz-border-radius : 3px;
 437         min-width : 100px;
 438         text-align : center;
 439         background-image : url("images/vgrad_light_rev2.png");
 440         background-position : top left;
 441         background-repeat : repeat-x;
 442
 443 }
 444
 445 div.prefsTabSelected {
 446         float : left;
 447         border-width : 1px 1px 0px 1px;
 448         border-color : #c0c0c0;
 449         border-style : solid;
 450         margin : 0px 0px 0px 5px;
 451         padding : 3px 5px 3px 5px;
 452         font-size : small;
 453         position : relative;
 454         bottom : 0px;
 455         border-collapse : collapse;
 456         -moz-border-radius : 3px;
 457         font-weight : bold;
 458         min-width : 100px;
 459         text-align : center;
 460         background : white;
 461 }
 462
 463 input.prefsTab {
 464         border-width : 1px 1px 0px 1px;
 465         border-color : #c0c0c0;
 466         padding : 2px 7px 2px 7px;
 467         margin : 0px 1px 0px 0px;
 468         width : 130px;
 469         background-image : url("images/vgrad_light_rev2.png");
 470         background-position : top left;
 471         background-repeat : repeat-x;
 472         -moz-border-radius : 7px 7px 0px 0px;
 473         font-size : small;
 474 }
 475
 476 input.prefsTabSelected {
 477         border-width : 1px 1px 0px 1px;
 478         border-color : #c0c0c0;
 479         padding : 2px 7px 2px 7px;
 480         margin : 0px 1px 0px 0px;
 481         width : 130px;
 482         background : white;
 483         font-weight : bold;
 484         background-position : top left;
 485         background-repeat : repeat-x;
 486         -moz-border-radius : 7px 7px 0px 0px;
 487         font-size : small;
 488         color : black;
 489 }
 490
 491 input.prefsTab:hover {
 492         background : white;
 493 }
 494
 495 div.warning {
 496         background : #fffff0;
 497         border : 1px solid #c0c0c0;
 498         padding : 5px;
 499         margin : 5px;
 500         font-size : small;
 501 }
 502
 503 div.notice {
 504         background : #ffffff;
 505         border : 1px solid #c0c0c0;
 506         padding : 5px;
 507         margin : 5px;
 508         font-size : small;
 509 }
 510
 511 ul.nomarks {
 512         list-style-type : none;
 513         margin : 0px;
 514         padding : 10px;
 515 }
 516
 517 div.bigErrorMsg {
 518         border : 1px solid #c0c0c0;
 519         background : #fff0f0;
 520         padding : 30px;
 521         margin : 20px;
 522 }
 523
 524 div.prefHelp, td.prefHelp {
 525         font-size : x-small;
 526         color : gray;
 527         padding : 5px;
 528 }
 529
 530 table.loginForm {
 531         background-image : url("images/vgrad_light_rev.png");
 532         background-color : white;
 533         background-position : top left;
 534         background-repeat : repeat-x;
 535 }
 536
 537 table.innerLoginForm {
 538         border : 1px solid #f0f0f0;
 539         padding : 50px;
 540         background-color : white;
 541 }
 542
 543 table.innerLoginForm td {
 544         padding : 3px 3px 5px 3px;
 545 }
 546
 547 span.insensitive {
 548         color : gray;
 549 }
 550
 551 .prefGenericAddBox {
 552         margin : 5px;
 553         font-size : small;
 554 }
 555
 556 .prefGenericAddBox td {
 557         font-size : small;
 558 }
 559
 560 body.logoutBody {
 561         background-color : #f0f0f0;
 562         color : black;
 563 }
 564
 565 span.logoutWarning {
 566         color : red;
 567         font-weight : bold;
 568 }
 569
 570 div.logoutContent {
 571         width : 600px;
 572         border : 1px solid #c0c0c0;
 573         background-color : white;
 574         margin-left : auto;
 575         margin-right : auto;
 576         margin-top : 20px;
 577         padding : 10px;
 578 }
 579
 580 .small {
 581         font-size : x-small;
 582 }
 583
 584 table.innerFeedTable td {
 585         margin : 0px;
 586         padding : 0px;
 587 }
 588
 589 td.selectPrompt {
 590         font-size : x-small;
 591         color : gray;
 592 }
 593
 594 table.headlinesSubToolbar td.headlineActions {
 595         font-size : x-small;
 596         color : gray;
 597         padding : 5px 0px 5px 5px;
 598 }
 599
 600 table.headlinesSubToolbar td.headlineActionsRTL {
 601         font-size : x-small;
 602         color : gray;
 603         padding : 5px 5px 5px 0px;
 604 }
 605
 606 table.headlinesSubToolbar td.headlineTitle {
 607         font-size : x-small;
 608         color : gray;
 609         padding : 5px 5px 5px 0px;
 610         text-align : right;
 611 }
 612
 613 table.headlinesSubToolbar td.headlineTitleRTL {
 614         font-size : x-small;
 615         color : gray;
 616         padding : 5px 0px 5px 5px;
 617         text-align : left;
 618 }
 619
 620 span.contentPreview {
 621         font-size : x-small;
 622         color : gray;
 623         font-weight : normal;
 624 }
 625
 626 span.contentPreview:hover {
 627         color : #5050aa;
 628 }
 629
 630 table.headlinesList td.hlMarkedPic {
 631         width : 25px;
 632         text-align : center;
 633 }
 634
 635 table.headlinesList td.hlfeed {
 636         text-align : right;
 637         font-size : small;
 638 }
 639
 640 td.hlSelectRow, td.hlUpdatePic {
 641         width : 25px;
 642         text-align : center;
 643 }
 644
 645 table.headlinesList td.hlUpdated {
 646         font-size : small;
 647         color : gray;
 648         text-align : right;
 649         width : 100px;
 650 }
 651
 652 table.headlinesList tr td {
 653         padding : 2px 0px 2px 0px;
 654 }
 655
 656 div.postHeader td.postDate {
 657         font-size : x-small;
 658         text-align : right;
 659         color : gray;
 660 }
 661
 662 div.postHeader td.postDateRTL {
 663         font-size : x-small;
 664         text-align : left;
 665         color : gray;
 666 }
 667
 668 #feedUpdateErrors {
 669         display : none;
 670 }
 671
 672 #allEntryTags {
 673         font-size : x-small;
 674         border-width : 0px 0px 1px 0px;
 675         border-style : solid;
 676         border-color : #c0c0c0;
 677         padding-bottom : 5px;
 678         display : none;
 679 }
 680
 681 /*td.hlContent {
 682         overflow : hidden;
 683         height : 1em;
 684         display : block;
 685 } */
 686
 687 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 688         height : 1em;
 689 }
 690
 691 div.cdmArticle {
 692         border : 1px solid #f0f0f0;
 693         background-color : #fafafa;
 694         -moz-border-radius : 5px;
 695         margin : 10px 10px 0px 10px;
 696         padding : 10px;
 697 }
 698
 699 div.cdmArticleUnread {
 700         border : 1px solid #d5f1f4;
 701         background-color : #fafeff;
 702         -moz-border-radius : 5px;
 703         margin : 10px 10px 0px 10px;
 704         padding : 10px;
 705 }
 706
 707 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 708         border : 1px solid #d0d0f6;
 709         background-color : #eaeaff;
 710         -moz-border-radius : 5px;
 711         margin : 10px 10px 0px 10px;
 712         padding : 10px;
 713 }
 714
 715 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
 716         font-weight : bold;
 717 }
 718
 719 div.cdmHeader {
 720         padding-bottom : 5px;
 721 }
 722
 723 div.cdmFooter {
 724         font-size : x-small;
 725         color : gray;
 726         padding-top : 5px;
 727 }
 728
 729 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 730         margin : 0px;
 731 }
 732
 733 div.cdmHeader, div.cdmHeader a {
 734         color : gray;
 735         font-size : x-small;
 736 }
 737
 738 div.cdmHeader a:hover {
 739         color : #5050aa;
 740 }
 741
 742 div.cdmContent {
 743 }
 744
 745 a.warning {
 746         color : #f04040;
 747 }
 748
 749 img.closeButton {
 750         border-width : 0px;
 751         float : right;
 752 }
 753
 754 span.groupPrompt {
 755         font-size : x-small;
 756         color : #505050;
 757 }
 758
 759 ul.userFeedList {
 760         height : 300px;
 761         overflow : auto;
 762         list-style-type : none;
 763         border-color : #c0c0c0;
 764 }
 765
 766 /* #browseBigFeedList li.oddSelected {
 767         border : 1px solid #d0d0f6;
 768         background-color : #eaeaff;
 769         -moz-border-radius : 5px;
 770 } */
 771
 772 ul.browseFeedList {
 773         height : 300px;
 774         overflow : auto;
 775         list-style-type : none;
 776         margin : 0px 0px 5px 0px;
 777         padding : 0px;
 778         border-color : #c0c0c0;
 779 }
 780
 781 ul.browseFeedList li {
 782         margin : 0px;
 783         padding : 0px;
 784 }
 785
 786 span.subscribers {
 787         color : #808080;
 788 }
 789
 790 div.subscribers {
 791         color : #808080;
 792         font-size : x-small;
 793         float : right;
 794 }
 795
 796 input.feedBrowseCB {
 797         margin-right : 1em;
 798 }
 799
 800 div.browserDetails {
 801         margin : 5px 5px 5px 5px;
 802         display : none;
 803         padding : 5px;
 804 }
 805
 806 ul.compact {
 807         list-style-type : none;
 808         margin : 0px;
 809         padding : 0px;
 810 }
 811
 812 ul.compact li {
 813         margin : 0px;
 814         padding : 0px;
 815 }
 816
 817 div.browserFeedInfo {
 818         font-size : x-small;
 819         border-color : #c0c0c0;
 820 }
 821
 822 div.browserFeedInfo div.detailsPart {
 823         margin : 5px 0px 5px 5px;
 824 }
 825
 826 div.cdmContent a {
 827         color : #5050aa;
 828 }
 829
 830 div.cdmContent a:hover {
 831         color : black;
 832 }
 833
 834 /* layout */
 835
 836 #header {
 837         position : absolute;
 838         top : 10px;
 839         left : 15px;
 840         right : 5px;
 841         height : 40px;
 842         color : gray;
 843 }
 844
 845 #feeds-holder {
 846         border-color : #c0c0c0;
 847         top : 70px;
 848         left : 0px;
 849         position : absolute;
 850         width : 260px;
 851         bottom : 50px;
 852 }
 853
 854 #toolbar {
 855         left : 261px;
 856         padding : 5px 10px 5px 10px;
 857         top : 70px;
 858         right : 0px;
 859         height : 30px;
 860         background-image : url("images/vgrad_light.png");
 861         background-position : bottom left;
 862         background-repeat : repeat-x;
 863 }
 864
 865 div.headlines_normal {
 866         border-color : #c0c0c0;
 867         left : 260px;
 868         height : 280px;
 869         top : 105px;
 870         right : 0px;
 871 }
 872
 873 div.headlines_cdm {
 874         border-color : #c0c0c0;
 875         left : 260px;
 876         bottom : 50px;
 877         top : 105px;
 878         right : 0px;
 879 }
 880
 881 #content-frame {
 882         border-color : #c0c0c0;
 883         overflow : auto;
 884         top : 390px;
 885         left : 260px;
 886         bottom : 50px;
 887         right : 0px;
 888 }
 889
 890 #prefFooter {
 891         display : none;
 892 }
 893
 894 #footer {
 895         position : absolute;
 896         bottom : 0px;
 897         height : 30px;
 898         text-align : center;
 899         color : gray;
 900         font-size : x-small;
 901         background-image : url("images/vgrad_light_rev2.png");
 902         background-position : top left;
 903         background-repeat : repeat-x;
 904         background-color : white;
 905         border-color : #c0c0c0;
 906         right : 0px;
 907         left : 0px;
 908         padding : 10px;
 909 }
 910
 911 #headlinesContainer {
 912         margin-left : 1px;
 913         background-color : white;
 914 }
 915
 916 /* preferences layout */
 917
 918 #prefHeader {
 919         position : static;
 920         color : gray;
 921         margin : 10px;
 922 }
 923
 924 div.return a {
 925         color : #5050aa;
 926 }
 927
 928 div.return a:hover {
 929         color : black;
 930 }
 931
 932 #prefContent {
 933         position : static;
 934         background-image : url("images/vgrad_light_rev.png");
 935         background-position : top left;
 936         background-repeat : repeat-x;
 937         border-color : #c0c0c0;
 938 }