Project

General

Profile

1
 /*
2
  *     Purpose: LTER style sheet for KNB project web pages 
3
  *              Using this stylesheet rather than placing styles directly in 
4
  *              the KNB web documents allows us to globally change the 
5
  *              formatting styles of the entire site in one easy place.
6
  *   Copyright: 2000 Regents of the University of California and the
7
  *               National Center for Ecological Analysis and Synthesis
8
  *     Authors: Matt Jones
9
  *
10
  *    '$Author: costa $'
11
  *      '$Date: 2006-06-14 08:26:14 -0700 (Wed, 14 Jun 2006) $'
12
  *  '$Revision: 3005 $'
13
  *
14
  * This program is free software; you can redistribute it and/or modify
15
  * it under the terms of the GNU General Public License as published by
16
  * the Free Software Foundation; either version 2 of the License, or
17
  * (at your option) any later version.
18
  *
19
  * This program is distributed in the hope that it will be useful,
20
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
21
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
22
  * GNU General Public License for more details.
23
  *
24
  * You should have received a copy of the GNU General Public License
25
  * along with this program; if not, write to the Free Software
26
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
27
  */
28

    
29
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
30
 * * * * * *  CONFIGURATION SETTINGS - EDIT THESE FOR YOUR ENVIRONMENT * * * * 
31
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
32

    
33
 
34
//  These settings allow you to include and display common content (eg a common 
35
//  header) on all your pages, in much the same way as a frameset allows you to 
36
//  do, but through the use of iframes and a table instead. You can include up 
37
//  to 4 external pages, each one within the header, footer, left or right areas
38
//
39
//  looks like this (if you're using a fixed width font to display these notes):
40
//    ___________________
41
//    |     header      |
42
//    |-----------------|
43
//    | |             | |
44
//    | |             | |
45
//    |L|   content   |R|
46
//    | |             | |
47
//    | |             | |
48
//    |-----------------|
49
//    |     footer      | 
50
//    -------------------
51
//
52
//  Each area may display another page on the local site, or a page on a 
53
//  different server, or may be set to display nothing (in which case an iframe 
54
//  will not be drawn, although the containing table cell will still need to be 
55
//  resized using the css style - see below) 
56
//
57
//  NOTES:
58
//
59
//  1) if you have any links in the included documents, the target attribute for 
60
//     these *MUST* be set to _top, otherwise the new document will be displayed 
61
//     inside the small iframe areas, instead of replacing the entire page!
62
//     - example: <a href="index.html" target="_top">HOME</a>
63
//   
64
//  2) you will need to set the correct iframe size, in order to accomodate 
65
//     each of these areas on the page. The default location for these size 
66
//     settings is in the default.css file - see the "IFRAME_XXXXXX_CLASS" 
67
//     variables (below) for the name of the style to edit
68
//
69
//  3) you will also need to set the correct table cell sizes and/or overall 
70
//     table size for similar reasons. The default location for these size 
71
//     settings is in the default.css file - see the "TEMPLATE_XXXXXX_CLASS" 
72
//     variables (below) for the name of the style to edit
73

    
74

    
75

    
76
////////////////////////////////////////////////////////////////////////////////
77
//  Edit these variables to define the content that will be loaded into the 
78
//  various iframes. Each may be a relative path to another page on the local 
79
//  site, or a full URL to a page on a remote server, or may be set to the empty 
80
//  string if no content is required at that position on the page (and in which  
81
//  case an iframe will not be drawn, although an empty table cell will still  
82
//  exist unless it is resized smaller) . 
83
//  ( e.g. if you do not want a header to be included, set: HEADER_URL="";)
84
////////////////////////////////////////////////////////////////////////////////
85

    
86

    
87
//  Location of the header that will be displayed at the top of the page
88
var HEADER_URL 
89
  = "@style-skins-path@/lter/header.jsp";
90

    
91
// Location of the search box that will be displayed on the simple 
92
// search page (optional)
93
var SEARCHBOX_URL
94
  = "@style-skins-path@/lter/metacatsearch.jsp";
95

    
96
// Location of the advanced search box
97
var ADVANCED_SEARCHBOX_URL 
98
  = "@style-skins-path@/lter/advancedsearch.jsp";
99

    
100
// Location of the advanced browse box
101
var ADVANCED_BROWSEBOX_URL 
102
  = "@style-skins-path@/lter/advancedbrowse.jsp";
103

    
104
// Location of the login box
105
var LOGINBOX_URL
106
  = "@style-skins-path@/lter/metacatlogin.jsp";
107

    
108
//  Location of the column that will be displayed at the left of the page
109
var LEFTCOL_URL
110
  = "@style-skins-path@/lter/leftcol.jsp";
111
  
112
//  Location of the column that will be displayed at the right of the page
113
var RIGHTCOL_URL 
114
  = "@style-skins-path@/lter/rightcol.html";
115
  
116
//  Location of the footer row that will be displayed across the bottom of the page
117
var FOOTER_URL 
118
  = "@style-skins-path@/lter/footer.html";
119
  
120

    
121

    
122

    
123
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
124
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
125
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
126
/* * * * * * * * *  MAY CHANGE THE FOLLOWING, BUT SHOULDN'T NEED TO* * * * * */ 
127
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
128
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
129
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
130

    
131
  
132
////////////////////////////////////////////////////////////////////////////////
133
//  Edit the default.css file to set the correct iframe sizes to accomodate the 
134
//  header, footer, left and right areas.
135
//  The following variables set the names of the styles that will be applied to 
136
//  each of the iframes - they can be anythign you wish, provided you use the 
137
//  same names for your classes in the css file
138
//  NOTE: these styles apply only to each container frame, *NOT* to the document 
139
//  within it!
140
////////////////////////////////////////////////////////////////////////////////
141

    
142
//header iframe class
143
var IFRAME_HEADER_CLASS         = "iframeheaderclass";
144

    
145
//(metacat only) search box iframe class
146
var IFRAME_SEARCHBOX_CLASS      = "iframesearchboxclass";
147

    
148
//(metacat only) advanced search box iframe class
149
var IFRAME_ADVANCED_SEARCHBOX_CLASS = "iframeadvancedsearchboxclass";
150

    
151
//(metacat only) advanced browse box iframe class
152
var IFRAME_ADVANCED_BROWSEBOX_CLASS = "iframeadvancedbrowseboxclass";
153

    
154
//(metacat only) login box iframe class
155
var IFRAME_LOGINBOX_CLASS      = "iframeloginboxclass";
156

    
157
//(metacat only) login box iframe class
158
var IFRAME_DOCUMENT_CLASS      = "iframedocumentclass";
159

    
160
//left column iframe class
161
var IFRAME_LEFTCOL_CLASS        = "iframeleftcolclass";
162

    
163
//right column iframe class
164
var IFRAME_RIGHTCOL_CLASS       = "iframerightcolclass";
165

    
166
//footer iframe class
167
var IFRAME_FOOTER_CLASS         = "iframefooterclass";
168

    
169

    
170
////////////////////////////////////////////////////////////////////////////////
171
//  Edit the default.css file to set the correct table sizes to accomodate the 
172
//  header, footer, left and right iframes.
173
//  The following variables set the names of the styles that will be applied to 
174
//  each of the table cells (or the table itself - see below) - they can be 
175
//  anything you wish, provided you use the same names for your classes in the 
176
//  css file
177
//  NOTE: these styles apply only to each table cell, *NOT* to the document 
178
//  inside the iframe that is nested within it! (the exception is 
179
//  TEMPLATE_CONTENTAREA_CLASS, since the content probably isn't within an 
180
//  iframe - so style elements in this class will apply to the content istelf)
181
////////////////////////////////////////////////////////////////////////////////
182

    
183
//entire table class
184
var TEMPLATE_TABLE_CLASS        = "templatetableclass";
185

    
186
//header table-cell class. Note you should not set css "width" on this, since it 
187
//includes a colspan
188
var TEMPLATE_HEADERROW_CLASS    = "templateheaderrowclass";
189

    
190
//left column table-cell class. Note that restricting css "height" on this may 
191
//affect visibility of the main content, since it's in the same table row 
192
var TEMPLATE_LEFTCOL_CLASS      = "templateleftcolclass";
193

    
194
//main central content table-cell class. Note that css attributes set here may 
195
//apply to the content nested inside this cell
196
var TEMPLATE_CONTENTAREA_CLASS  = "templatecontentareaclass";
197

    
198
//rigth column table-cell class. Note that restricting css "height" on this may 
199
//affect visibility of the main content, since it's in the same table row 
200
var TEMPLATE_RIGHTCOL_CLASS     = "templaterightcolclass";
201

    
202
//footer table-cell class. Note you should not set "width" on this, since it 
203
//includes a colspan
204
var TEMPLATE_FOOTERROW_CLASS    = "templatefooterrowclass";
(15-15/24)