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