Project

General

Profile

« Previous | Next » 

Revision 2660

Modifications to LTER skin.

View differences:

lib/style/skins/lter/include_header.jsp
32 32
</head>
33 33

  
34 34
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
35
  <table width="750px" align="left" border="0" cellpadding="0" cellspacing="0">
36
    <tr>
37
      <td style="vertical-align: top; text-align: center;" width="86">
38
        <img alt="LTERLogo86x111.gif" src="./images/LTERLogo86x111.gif" style="width: 86px; height: 111px;">
39
      </td>
40
      <td style="vertical-align: top;">
41
        <img alt="headerQuery.gif" src="./images/headerQuery.gif" style="width: 600px; height: 111px;">
42
      </td>
43
    </tr>
44
    <tr>
45
      <td align="left" valign="middle" class="sectionheader" style="text-align: left">
46
        &#160;&#160;&#160;
47
        <a target="_top" href="./index.jsp" class="toollink">Home</a>
48
      </td>
49
      <td align="left" valign="top" class="sectionheader">
50
        <img src="./images/transparent1x1.gif" width="600" height="25" />
51
      </td>
52
    </tr>
53
  </table>
35
    <table width="750px" align="left" border="0" cellpadding="0" cellspacing="0">
36
      <tr> 
37
        <td colspan="4" valign="top">
38
          <table width="100%" border="0" cellpadding="2" cellspacing="0">
39
            <tr> 
40
              <td width="126" align="right" class="sidenav" >&nbsp;</td>
41
              <td width="68%" align="right" nowrap class="topnav" >
42
                <a href="http://www.lternet.edu">LTER Home</a> | <a href="http://intranet.lternet.edu">Intranet</a>
43
              </td>
44
              <td width="126" class="sidenav" >&nbsp;</td>
45
            </tr>
46
          </table>
47
        </td>
48
      </tr>
49
      <tr> 
50
        <td width="126" bgcolor="#006699" align="center">
51
          <img src="./images/lterleft.jpg" width="126" height="92" border="0" usemap="#Map">
52
        </td>
53
        <td width="68%" bgcolor="#006699" align="center">
54
          <img src="./images/ltermain.jpg" width="550" height="92">
55
        </td>
56
        <td width="126" bgcolor="#006699">
57
          <img src="./images/lterright.jpg" width="126" height="92">
58
        </td>
59
      </tr>
60
    </table>
54 61
</body>
55 62

  
56 63
</html>
lib/style/skins/lter/lter.css
1 1
 /*
2 2
  *   '$RCSfile$'
3
  *     Purpose: Default style sheet for KNB project web pages 
4
  *              Using this stylesheet rather than placing styles directly in 
5
  *              the KNB web documents allows us to globally change the 
6
  *              formatting styles of the entire site in one easy place.
3
  *     Purpose: Style sheet for LTER.
7 4
  *   Copyright: 2000 Regents of the University of California and the
8 5
  *               National Center for Ecological Analysis and Synthesis
9
  *     Authors: Matt Jones
10
  *
11 6
  *    '$Author$'
12 7
  *      '$Date$'
13 8
  *  '$Revision$'
......
166 161
 *  by your page......
167 162
 */
168 163

  
164
/*
169 165
body { 
170 166
  	padding-top: 3px;
171 167
    color: #333333; 
172 168
    background-color: #eeeeee;
173
    /*background-image: url(@style-skins-path@/default/images/bgpattern.gif);*/
169
    background-image: url(@style-skins-path@/default/images/bgpattern.gif);
174 170
    font-weight: normal;
175 171
    font-size: 12px; 
176 172
    font-family: Verdana,Arial,Helvetica,sans-serif; 
177 173
}
174
*/
178 175
    
179 176
a {
180 177
    color: #669933;
......
497 494
.innercoleven {
498 495
  font-size: 10px; 
499 496
  padding-left: 3px;
500
}    
497
}
501 498

  
502
/* LTER Stylesheet begins here */
499
/******************************************************************************/  
500
/******************************************************************************/  
501
/**  LTER STYLE SHEET BEGINS HERE                                            **/
502
/******************************************************************************/  
503
/******************************************************************************/  
503 504

  
504 505
body {
506
    margin-left: 0px;
507
    margin-top: 0px;
508
    margin-right: 0px;
509
    margin-bottom: 0px;
505 510
    font-family: Arial, Helvetica, sans-serif;
506
    font-size: 10pt;
507
    background-color: #CCCC99;
508
    color: #663300;
509
    margin: 5px;
511
    font-size: 12px;
512
    color: #000000;
513
    background: #FFFFFF;
510 514
}
511

  
512
a:link {  
513
    color: #0033CC
515
.body {
516
    padding-left: 0px;
517
    padding-top: 0px;
518
    padding-right: 0px;
519
    padding-bottom: 0px;
520
    font-family: Arial, Helvetica, sans-serif;
521
    font-size: 12px;
522
    color: #333300;
523
    background: #FFFFFF;
514 524
}
515

  
516
a:visited {  
517
    color: #003366
525
.bodytt {
526
    padding-left: 10px;
527
    padding-top: 5px;
528
    padding-right: 10px;
529
    padding-bottom: 5px;
530
    font-family: Arial, Helvetica, sans-serif;
531
    font-size: 12px;
532
    color: #333300;
533
    background: #FFFFFF;
518 534
}
519

  
520
//a:hover {  
521
//    color: #339966;
522
//    text-decoration: underline;
523
//}
524

  
525
a.whitelink:link, a.whitelink:visited {  
526
    color: #ffffff
535
th {
536
    font-family: Arial, Helvetica, sans-serif;
537
    font-size: 12px;
538
    font-weight: bold;
539
    text-align: left;
540
    color: #000000;
541
    background-color: #CCCC66;
527 542
}
528

  
529
h1 {  
543
.sidenav {
530 544
    font-family: Arial, Helvetica, sans-serif;
531
    font-size: 24pt;
545
    font-size: 10px;
532 546
    font-weight: bold;
533
    color: #663300;
534
    padding: 0px;
535
    margin-left: 5px;
536
    margin-bottom: -5px;
547
    color: #FFFF99;
548
    background-color: #9c8177;
537 549
}
538 550

  
539
h2 {  
551
.sidenav a:link {
540 552
    font-family: Arial, Helvetica, sans-serif;
541
    font-size: 16pt;
553
    font-size: 12px;
542 554
    font-weight: bold;
543
    color: #663300;
544
    padding: 0px;
545
    margin-left: 5px;
546
    margin-bottom: -5px;
555
    color: #FFFF99;
547 556
}
548 557

  
549
h3 {  
558
.sidenav a:visited {
550 559
    font-family: Arial, Helvetica, sans-serif;
551
    font-size: 14pt;
560
    font-size: 12px;
552 561
    font-weight: bold;
553
    color: #663300;
554
    padding: 0px;
555
    /*margin-left: 5px;*/
556
    margin-bottom: -5px;
562
    color: #FFFF99;
557 563
}
558 564

  
559
h4 {  
565
.sidenav a:hover {
560 566
    font-family: Arial, Helvetica, sans-serif;
561
    font-size: 12pt;
567
    font-size: 12px;
562 568
    font-weight: bold;
563
    color: #663300;
564
    padding: 0px;
565
    margin-left: 5px;
566
    margin-bottom: -5px;
569
    color: #006699;
567 570
}
568 571

  
569
h5 {  
572
.topnav {
570 573
    font-family: Arial, Helvetica, sans-serif;
571
    font-size: 10pt;
574
    font-size: 12px;
572 575
    font-weight: bold;
573
    color: #663300;
574
    padding: 0px;
575
    margin-left: 5px;
576
    margin-bottom: -5px;
576
    color: #9c8177;
577
    background-color: #FFFFFF;
577 578
}
578

  
579
h6 {  
579
.topnav a:link {
580 580
    font-family: Arial, Helvetica, sans-serif;
581
    font-size: 8pt;
581
    font-size: 12px;
582 582
    font-weight: bold;
583
    color: #663300;
584
    padding: 0px;
585
    margin-left: 5px;
586
    margin-bottom: -5px;
583
    color: #9c8177;
587 584
}
588

  
589
hr.hide {  
590
    width: 147px;
591
    display: none
585
.topnav a:visited {
586
    font-family: Arial, Helvetica, sans-serif;
587
    font-size: 12px;
588
    font-weight: bold;
589
    color: #9c8177;
592 590
}
593

  
594
form {
595
    margin-bottom: 0px;
591
.topnav a:hover {
592
    font-family: Arial, Helvetica, sans-serif;
593
    font-size: 12px;
594
    font-weight: bold;
595
    color: #669966;
596 596
}
597

  
598
p {  
597
.fsnav {
599 598
    font-family: Arial, Helvetica, sans-serif;
600
    font-size: 10pt;
601
    color: #663300;
602
    margin-left: 5px;
599
    font-size: 12px;
600
    font-weight: bold;
601
    color: #333300;
603 602
}
604

  
605
ol {  
603
.fsnav a:link {
606 604
    font-family: Arial, Helvetica, sans-serif;
607
    color: #663300
605
    font-size: 12px;
606
    font-weight: bold;
607
    color: #333300;
608 608
}
609

  
610
img.type1 { 
611
    float: left;
612
    padding: 1px;
609
.fsnav a:visited {
610
    font-family: Arial, Helvetica, sans-serif;
611
    font-size: 12px;
612
    font-weight: bold;
613
    color: #333300;
613 614
}
614

  
615
img.type2 { 
616
    float: right;
617
    border-color: black;
618
    border-style: solid;
615
.fsnav a:hover {
616
    font-family: Arial, Helvetica, sans-serif;
617
    font-size: 12px;
618
    font-weight: bold;
619
    color: #333300;
619 620
}
620

  
621
td {  
621
.midnav {
622 622
    font-family: Arial, Helvetica, sans-serif;
623
    font-size: 10pt;
624
    color: #663300;
625
    vertical-align: top;
623
    font-size: 12px;
624
    font-weight: bold;
625
    color: #FFFFFF;
626
    background-color: #669966;
626 627
}
627

  
628
td.black {  
629
    background: #000000;
628
.botnav {
629
    font-family: Arial, Helvetica, sans-serif;
630
    font-size: 10px;
631
    font-weight: bold;
632
    color: #FFFF99;
633
    background-color: #9c8177;
630 634
}
631

  
632
td.caption p {  
635
.botnav a:link {
633 636
    font-family: Arial, Helvetica, sans-serif;
634
    font-size: 8pt;
635
    margin-left: 5px;
637
    font-size: 10px;
638
    font-weight: bold;
639
    color: #FFFF99;
636 640
}
637

  
638
td.copyright p {  
639
    font-family: Verdana, Arial, Helvetica, sans-serif;
640
    font-size: 8pt;
641
    margin-left: 5px;
641
.botnav a:visited {
642
    font-family: Arial, Helvetica, sans-serif;
643
    font-size: 10px;
644
    font-weight: bold;
645
    color: #FFFF99;
642 646
}
643

  
644
td.default {  
645
    background: #CCCC99;
647
.botnav a:hover {
648
    font-family: Arial, Helvetica, sans-serif;
649
    font-size: 10px;
650
    font-weight: bold;
651
    color: #FFFFFF;
646 652
}
647

  
648
td.default a:hover {  
649
    color: #339966
653
.search {
654
    font-family: Arial, Helvetica, sans-serif;
655
    font-size: 12px;
656
    font-style: normal;
657
    color: #000000;
658
    background-color: #993333;
650 659
}
651

  
652
td.header {  
653
    background: #000000;
660
p.header {
654 661
    font-family: Arial, Helvetica, sans-serif;
655
    font-size: 10pt;
662
    font-size: 16px;
656 663
    font-weight: bold;
657
    color: #669966;
658
    vertical-align: top;
664
    color: #003366;
659 665
}
660

  
661
td.header p {  
666
p.copyright {
662 667
    font-family: Arial, Helvetica, sans-serif;
663
    font-size: 10pt;
664
    font-weight: bold;
665
    color: #669966;
668
    font-size: 9px;
669
    color: #999999;
670
    text-align: center;
666 671
}
667

  
668
td.header a:link {  
669
    color: #ffffff;
672
.reg {
673
    font-family: Arial, Helvetica, sans-serif;
674
    font-size: 10px;
675
    color: #000000;
676
    background-image: url(/images/bgbarl.jpg);
670 677
}
671

  
672
td.header a:visited {  
673
    color: #ffffff;
678
.regn {
679
    font-family: Arial, Helvetica, sans-serif;
680
    font-size: 10px;
681
    color: #000000;
682
    background-image: url(/images/bgbarr.jpg);
674 683
}
675

  
676
td.header a:hover {  
677
    color: #339966;
684
p.head  {
685
    font-family: Arial, Helvetica, sans-serif;
686
    font-size: 16px;
687
    font-weight: bold;
688
    color: #000000;
689
    background-color: #FFFFFF;
678 690
}
679

  
680
td.topic {  
681
    background: #669966;
682
}
683

  
684
td.topic p {  
691
p.regu  {
685 692
    font-family: Arial, Helvetica, sans-serif;
686
    font-size: 10pt;
693
    font-size: 12px;
687 694
    font-weight: bold;
688
    color: #663300;
689
    padding: 0px;
690
    margin-left: 5px;
691
    margin-bottom: 0;
695
    color: #000000;
696
    background-color: #FFFFFF;
692 697
}
693

  
694
td.topic .h6 {  
698
p.link  {
695 699
    font-family: Arial, Helvetica, sans-serif;
696
    font-size: 10pt;
700
    font-size: 12px;
697 701
    font-weight: bold;
698
    color: #663300;
699
    padding: 0px;
700
    margin-left: 5px;
701
    margin-bottom: 0;
702
    color: #3333FF;
703
    background-color: #FFFFFF;
702 704
}
703

  
704
td.pulldown {  
705
    background: #996666;
705
p.newstext  {
706
    font-family: Arial, Helvetica, sans-serif;
707
    font-size: 10px;
708
    font-weight: normal;
706 709
    color: #000000;
710
    background-color: #FFFFFF;
707 711
}
708

  
709
td.pulldown a:link {  
710
    color: #ffffff;
712
p.events {
713
    font-family: Arial, Helvetica, sans-serif;
714
    font-size: 12px;
715
    font-weight: normal;
716
    color: #000000;
717
    background-color: #FFFFFF;
711 718
}
712 719

  
713
td.pulldown a:visited {  
714
    color: #ffffff;
720
.sidebara {
721
    margin-left: 0px;
722
    margin-top: 0px;
723
    margin-right: 0px;
724
    margin-bottom: 0px;
725
    padding-left: 2px;
726
    padding-top: 3px;
727
    padding-right: 0px;
728
    padding-bottom: 3px;
729
    font-family: Arial, Helvetica, sans-serif;
730
    font-size: 10px;
731
    font-weight: bold;
732
    color: #FFFF99;
733
    background-color: #9c8177;
715 734
}
716

  
717
td.pulldown a:hover {  
718
    color: #ffffcc
735
.sidebarb {
736
    margin-left: 0px;
737
    margin-top: 0px;
738
    margin-right: 0px;
739
    margin-bottom: 0px;
740
    padding-left: 4px;
741
    padding-top: 3px;
742
    padding-right: 0px;
743
    padding-bottom: 3px;
744
    font-family: Arial, Helvetica, sans-serif;
745
    font-size: 10px;
746
    font-weight: bold;
747
    color: #FFFF99;
748
    background-color: #9c8177;
719 749
}
720

  
721
td.sidebarbg {  
722
    background: #669966;
750
.sidebarb a:link {
723 751
    font-family: Arial, Helvetica, sans-serif;
724
    font-size: 9pt;
725
    width: 130px
752
    font-size: 10px;
753
    font-weight: bold;
754
    color: #FFFF99;
726 755
}
727

  
728
td.sidebar a:link {  
729
    color: #ffffff
756
.sidebarb a:visited {
757
    font-family: Arial, Helvetica, sans-serif;
758
    font-size: 10px;
759
    font-weight: bold;
760
    color: #FFFFFF;
730 761
}
731

  
732
td.sidebar a:visited {  
733
    color: #ffffff;
762
.sidebarb a:hover {
763
    font-family: Arial, Helvetica, sans-serif;
764
    font-size: 10px;
765
    font-weight: bold;
766
    color: #FFFFFF;
734 767
}
735

  
736
td.sidebar a:hover {  
737
    text-decoration: underline;
738
    color: #ffffcc
768
p.sidebar {
769
    font-family: Arial, Helvetica, sans-serif;
770
    font-size: 10px;
771
    font-weight: bold;
772
    color: #FFFF99;
739 773
}
740

  
741
td.sidebar .h6 {  
774
p.sidebar a:link {
742 775
    font-family: Arial, Helvetica, sans-serif;
743
    font-size: 10pt;
744
    color: #ffffcc;
776
    font-size: 10px;
745 777
    font-weight: bold;
778
    color: #FFFFFF;
746 779
}
747

  
748
th.more {  
749
    background-color: #003333;
750
    font-family: Verdana, Arial, Helvetica, sans-serif;
751
    font-size: 10pt;
752
    color: #ffffcc;
780
p.sidebar a:visited {
781
    font-family: Arial, Helvetica, sans-serif;
782
    font-size: 10px;
753 783
    font-weight: bold;
784
    color: #FFFFFF;
754 785
}
755

  
756
td.more {  
757
    background-color: #CCCCFF;
758
    font-family: Verdana, Arial, Helvetica, sans-serif;
759
    font-size: 9pt;
786
p.sidebar a:hover {
787
    font-family: Arial, Helvetica, sans-serif;
788
    font-size: 10px;
789
    font-weight: bold;
790
    color: #CCFFCC;
760 791
}
761

  
762
td.more p {  
763
    font-family: Verdana, Arial, Helvetica, sans-serif;
764
    font-size: 9pt;
765
    margin-top: 0;
766
    margin-bottom: 5px;
792
p.sidelarge {
793
    font-family: Arial, Helvetica, sans-serif;
794
    font-size: 12px;
795
    font-weight: bold;
796
    color: #FFFF99;
767 797
}
768

  
769
td.more a:link {  
770
    color: #003333;
798
p.sidelarge a:link {
799
    font-family: Arial, Helvetica, sans-serif;
800
    font-size: 12px;
801
    font-weight: bold;
802
    color: #FFFFFF;
771 803
}
772

  
773
td.more a:visited {  
774
    color: #003333;
804
p.sidelarge a:visited {
805
    font-family: Arial, Helvetica, sans-serif;
806
    font-size: 12px;
807
    font-weight: bold;
808
    color: #FFFFFF;
775 809
}
776

  
777
td.more a:hover {  
778
    color: #003333;
779
}
780

  
781
td.yellow {  
782
    background: #FFFFCC;
810
p.sidelarge a:hover {
783 811
    font-family: Arial, Helvetica, sans-serif;
784
    font-size: 9pt;;
785
    border: #000000;
786
    border-top-width: 1px;
787
    border-right-width: 1px;
788
    border-bottom-width: 2px;
789
    border-left-width: 1px;
790
    margin-bottom: 2px;
812
    font-size: 12px;
813
    font-weight: bold;
814
    color: #CCFFCC;
791 815
}
792 816

  
793
td.yellow p {  
794
    font-family: Verdana, Arial, Helvetica, sans-serif;
795
    font-size: 8pt;
796
}
797 817

  
798
td.yellow br {  
799
    font-family: Verdana, Arial, Helvetica, sans-serif;
800
    font-size: 8pt;
801
}
818
.title              { background-color: #ffffff; font-family: Verdana; font-size: 18px; color: #ffffff; font-weight: bold; padding-left: 10px}              
819
.pn-logo, .pn-title, .pn-pagetitle  { font-weight: bold; font-size: 16px; }
802 820

  
803
td.white {  
804
    /*background: #FFFFFF;*/
805
}
821
.pn-title, .pn-pagetitle    { font-weight: bold; font-size: 16px; }
806 822

  
807
ul {  
823
p {
808 824
    font-family: Arial, Helvetica, sans-serif;
809
    color: #663300;
810
    list-style-type: square;
811
    margin-top: 0;
825
    font-size: 12px;
812 826
}
813

  
814
td.asmheader { 
815
    background-color: #006666;
816
    font-family: Verdana, Arial, Helvetica, sans-serif;
817
    font-size: 10px;
818
    font-weight: bold;
819
    color: #FFFFFF;
827
li {
828
    font-family: Arial, Helvetica, sans-serif;
829
    font-size: 12px;
830
    list-style-type: disc;
820 831
}
821

  
822
td.asmborder { 
823
    background-color: #006666;
824
    font-family: Verdana, Arial, Helvetica, sans-serif;
825
}
826

  
827
td.asmbody {  
828
    background-color: #99CCCC;
832
td {
829 833
    font-family: Arial, Helvetica, sans-serif;
830 834
    font-size: 12px;
831
    color: #000000;
832 835
}
833
    
834
td.asmheader a:link { 
835
    color: #FFFFFF;
836
    text-decoration: none;
837
}
838 836

  
839
td.asmheader a:visited { 
840
    color: #FFFFFF;
841
    text-decoration: none;
842
}

Also available in: Unified diff