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         color : black;
 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 : #fff7d5;
 331         font-weight : bold;
 332                   border-width : 1px 0px 1px 0px;
 333                   border-style : solid;
 334                   border-color : #e7d796;
 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
 473 #infoBox {
 474         border : 1px solid #c0c0c0;
 475         padding-bottom : 10px;
 476         font-size : small;
 477         position : relative;
 478         bottom : 2px;
 479         right : 2px;
 480         background-color : white;
 481 }
 482
 483 #infoBoxShadow {
 484         background-image : url("images/shadow.png");
 485         position : absolute;
 486         width : 30%;
 487         left : 35%;
 488         top : 30%;
 489         z-index : 3;
 490         display : none;
 491 }
 492
 493 div.infoBoxContents {
 494         background-image : url("images/vgrad_light_rev2.png");
 495         background-position : top left;
 496         background-repeat : repeat-x;
 497         padding : 5px;
 498         margin-bottom : 5px;
 499 }
 500
 501 div.helpResponse h1, div.infoBoxContents h1 {
 502         border-width : 0px 0px 1px 0px;
 503         border-style : solid;
 504         border-color : #c0c0c0;
 505         font-size : 16pt;
 506 }
 507
 508 div.helpResponse h2, div.infoBoxContents h2 {
 509         border-width : 0px 0px 0px 0px;
 510         font-size : 12pt;
 511 }
 512
 513 table.main td.prefsTabs {
 514         padding-left : 5px;
 515 }
 516
 517 input.prefsTab {
 518         border-width : 1px 1px 0px 1px;
 519         border-color : #c0c0c0;
 520         padding : 2px 7px 2px 7px;
 521         margin : 0px 1px 0px 0px;
 522         width : 130px;
 523         background-image : url("images/vgrad_light_rev2.png");
 524         background-position : top left;
 525         background-repeat : repeat-x;
 526         -moz-border-radius : 7px 7px 0px 0px;
 527         font-size : small;
 528 }
 529
 530 input.prefsTabSelected {
 531         border-width : 1px 1px 0px 1px;
 532         border-color : #c0c0c0;
 533         padding : 2px 7px 2px 7px;
 534         margin : 0px 1px 0px 0px;
 535         width : 130px;
 536         background : white;
 537         font-weight : bold;
 538         background-position : top left;
 539         background-repeat : repeat-x;
 540         -moz-border-radius : 7px 7px 0px 0px;
 541         font-size : small;
 542         color : black;
 543 }
 544
 545 input.prefsTab:hover {
 546         background : white;
 547 }
 548
 549 div.warning {
 550         background : #fffff0;
 551         border : 1px solid #c0c0c0;
 552         padding : 5px;
 553         margin : 5px;
 554         font-size : x-small;
 555 }
 556
 557 div.notice {
 558         background : #ffffff;
 559         border : 1px solid #c0c0c0;
 560         padding : 5px;
 561         margin : 5px;
 562         font-size : x-small;
 563 }
 564
 565 ul.nomarks {
 566         list-style-type : none;
 567         margin : 0px;
 568         padding : 10px;
 569 }
 570
 571 div.bigErrorMsg {
 572         border : 1px solid #c0c0c0;
 573         background : #fff0f0;
 574         padding : 30px;
 575         margin : 20px;
 576 }
 577
 578 div.prefHelp, td.prefHelp {
 579         font-size : x-small;
 580         color : gray;
 581         padding : 5px;
 582 }
 583
 584 td.welcomePrompt {
 585         font-size : x-small;
 586         color : gray;
 587         text-align : right;
 588         padding-right : 10px;
 589 }
 590
 591 td.httpWelcomePrompt {
 592         font-size : small;
 593         color : gray;
 594         text-align : right;
 595 }
 596
 597 table.loginForm {
 598         background-image : url("images/vgrad_light_rev.png");
 599         background-color : white;
 600         background-position : top left;
 601         background-repeat : repeat-x;
 602 }
 603
 604 table.innerLoginForm {
 605         border : 1px solid #f0f0f0;
 606         padding : 50px;
 607         background-color : white;
 608 }
 609
 610 table.innerLoginForm td {
 611         padding : 3px 3px 5px 3px;
 612 }
 613
 614 span.insensitive {
 615         color : gray;
 616 }
 617
 618 .prefGenericAddBox {
 619         margin : 5px;
 620         font-size : small;
 621 }
 622
 623 .prefGenericAddBox td {
 624         font-size : small;
 625 }
 626
 627 body.logoutBody {
 628         background-color : #f0f0f0;
 629         color : black;
 630 }
 631
 632 span.logoutWarning {
 633         color : red;
 634         font-weight : bold;
 635 }
 636
 637 div.logoutContent {
 638         width : 600px;
 639         border : 1px solid #c0c0c0;
 640         background-color : white;
 641         margin-left : auto;
 642         margin-right : auto;
 643         margin-top : 20px;
 644         padding : 10px;
 645 }
 646
 647 .small {
 648         font-size : x-small;
 649 }
 650
 651 table.innerFeedTable td {
 652         margin : 0px;
 653         padding : 0px;
 654 }
 655
 656 td.selectPrompt {
 657         font-size : x-small;
 658         color : gray;
 659 }
 660
 661 table.headlinesSubToolbar td.headlineActions {
 662         font-size : x-small;
 663         color : gray;
 664         padding : 5px 0px 5px 5px;
 665 }
 666
 667 table.headlinesSubToolbar td.headlineActionsRTL {
 668         font-size : x-small;
 669         color : gray;
 670         padding : 5px 5px 5px 0px;
 671 }
 672
 673 table.headlinesSubToolbar td.headlineTitle {
 674         font-size : x-small;
 675         color : gray;
 676         padding : 5px 5px 5px 0px;
 677         text-align : right;
 678 }
 679
 680 table.headlinesSubToolbar td.headlineTitleRTL {
 681         font-size : x-small;
 682         color : gray;
 683         padding : 5px 0px 5px 5px;
 684         text-align : left;
 685 }
 686
 687 span.contentPreview {
 688         font-size : x-small;
 689         color : gray;
 690         font-weight : normal;
 691 }
 692
 693 span.contentPreview:hover {
 694         color : #5050aa;
 695 }
 696
 697 table.headlinesList td.hlMarkedPic {
 698         width : 25px;
 699         text-align : center;
 700 }
 701
 702 table.headlinesList td.hlfeed {
 703         text-align : right;
 704         font-size : small;
 705 }
 706
 707 td.hlSelectRow, td.hlUpdatePic {
 708         width : 25px;
 709         text-align : center;
 710 }
 711
 712 table.headlinesList td.hlUpdated {
 713         font-size : small;
 714         color : gray;
 715         text-align : right;
 716         width : 100px;
 717 }
 718
 719 table.headlinesList tr td {
 720         padding : 2px 0px 2px 0px;
 721 }
 722
 723 div.postHeader td.postDate {
 724         font-size : x-small;
 725         text-align : right;
 726         color : gray;
 727 }
 728
 729 div.postHeader td.postDateRTL {
 730         font-size : x-small;
 731         text-align : left;
 732         color : gray;
 733 }
 734
 735 #feedUpdateErrors {
 736         display : none;
 737 }
 738
 739 #allEntryTags {
 740         font-size : x-small;
 741         border-width : 0px 0px 1px 0px;
 742         border-style : solid;
 743         border-color : #c0c0c0;
 744         padding-bottom : 5px;
 745         display : none;
 746 }
 747
 748 /*td.hlContent {
 749         overflow : hidden;
 750         height : 1em;
 751         display : block;
 752 } */
 753
 754 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 755         height : 1em;
 756 }
 757
 758 div.cdmArticle {
 759         border : 1px solid #f0f0f0;
 760         background-color : #fafafa;
 761         -moz-border-radius : 5px;
 762         margin : 10px 10px 0px 10px;
 763         padding : 10px;
 764 }
 765
 766 div.cdmArticleUnread {
 767         border : 1px solid #d5f1f4;
 768         background-color : #fafeff;
 769         -moz-border-radius : 5px;
 770         margin : 10px 10px 0px 10px;
 771         padding : 10px;
 772 }
 773
 774 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 775         border : 1px solid #d0d0f6;
 776         background-color : #eaeaff;
 777         -moz-border-radius : 5px;
 778         margin : 10px 10px 0px 10px;
 779         padding : 10px;
 780 }
 781
 782 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
 783         font-weight : bold;
 784 }
 785
 786 div.cdmHeader {
 787         padding-bottom : 5px;
 788 }
 789
 790 div.cdmFooter {
 791         font-size : x-small;
 792         color : gray;
 793         padding-top : 5px;
 794 }
 795
 796 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 797         margin : 0px;
 798 }
 799
 800 div.cdmHeader, div.cdmHeader a {
 801         color : gray;
 802         font-size : x-small;
 803 }
 804
 805 div.cdmHeader a:hover {
 806         color : #5050aa;
 807 }
 808
 809 div.cdmContent {
 810 }
 811
 812 a.warning {
 813         color : #f04040;
 814 }
 815
 816 img.closeButton {
 817         border-width : 0px;
 818         float : right;
 819 }
 820
 821 span.groupPrompt {
 822         font-size : x-small;
 823         color : #505050;
 824 }
 825
 826 ul.userFeedList {
 827         height : 300px;
 828         overflow : auto;
 829         list-style-type : none;
 830         border-color : #c0c0c0;
 831 }
 832
 833 /* #browseBigFeedList li.oddSelected {
 834         border : 1px solid #d0d0f6;
 835         background-color : #eaeaff;
 836         -moz-border-radius : 5px;
 837 } */
 838
 839 ul.browseFeedList {
 840         height : 300px;
 841         overflow : auto;
 842         list-style-type : none;
 843         margin : 0px 0px 5px 0px;
 844         padding : 0px;
 845         border-color : #c0c0c0;
 846 }
 847
 848 ul.browseFeedList li {
 849         margin : 0px;
 850         padding : 0px;
 851 }
 852
 853 span.subscribers {
 854         color : #808080;
 855 }
 856
 857 div.subscribers {
 858         color : #808080;
 859         font-size : x-small;
 860         float : right;
 861 }
 862
 863 input.feedBrowseCB {
 864         margin-right : 1em;
 865 }
 866
 867 div.browserDetails {
 868         margin : 5px 5px 5px 5px;
 869         display : none;
 870         padding : 5px;
 871 }
 872
 873 ul.compact {
 874         list-style-type : none;
 875         margin : 0px;
 876         padding : 0px;
 877 }
 878
 879 ul.compact li {
 880         margin : 0px;
 881         padding : 0px;
 882 }
 883
 884 div.browserFeedInfo {
 885         font-size : x-small;
 886         border-color : #c0c0c0;
 887         background-color : #f0f0f0;
 888 }
 889
 890 div.browserFeedInfo div.detailsPart {
 891         margin : 5px 0px 5px 5px;
 892 }
 893
 894 div.cdmContent a {
 895         color : #5050aa;
 896 }
 897
 898 div.cdmContent a:hover {
 899         color : black;
 900 }
 901