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