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