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