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";
|