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