1 |
3510
|
leinfelder
|
/*
|
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.
|
7 |
|
|
* Copyright: 2000 Regents of the University of California and the
|
8 |
|
|
* National Center for Ecological Analysis and Synthesis
|
9 |
|
|
* Authors: Matt Jones
|
10 |
|
|
*
|
11 |
|
|
* '$Author$'
|
12 |
|
|
* '$Date$'
|
13 |
|
|
* '$Revision$'
|
14 |
|
|
*
|
15 |
|
|
* This program is free software; you can redistribute it and/or modify
|
16 |
|
|
* it under the terms of the GNU General Public License as published by
|
17 |
|
|
* the Free Software Foundation; either version 2 of the License, or
|
18 |
|
|
* (at your option) any later version.
|
19 |
|
|
*
|
20 |
|
|
* This program is distributed in the hope that it will be useful,
|
21 |
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
22 |
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
23 |
|
|
* GNU General Public License for more details.
|
24 |
|
|
*
|
25 |
|
|
* You should have received a copy of the GNU General Public License
|
26 |
|
|
* along with this program; if not, write to the Free Software
|
27 |
|
|
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
28 |
|
|
*/
|
29 |
|
|
|
30 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
31 |
|
|
* * * * * * CONFIGURATION SETTINGS - EDIT THESE FOR YOUR ENVIRONMENT * * * *
|
32 |
|
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
33 |
|
|
|
34 |
|
|
|
35 |
|
|
// These settings allow you to include and display common content (eg a common
|
36 |
|
|
// header) on all your pages, in much the same way as a frameset allows you to
|
37 |
|
|
// do, but through the use of iframes and a table instead. You can include up
|
38 |
|
|
// to 4 external pages, each one within the header, footer, left or right areas
|
39 |
|
|
//
|
40 |
|
|
// looks like this (if you're using a fixed width font to display these notes):
|
41 |
|
|
// ___________________
|
42 |
|
|
// | header |
|
43 |
|
|
// |-----------------|
|
44 |
|
|
// | | | |
|
45 |
|
|
// | | | |
|
46 |
|
|
// |L| content |R|
|
47 |
|
|
// | | | |
|
48 |
|
|
// | | | |
|
49 |
|
|
// |-----------------|
|
50 |
|
|
// | footer |
|
51 |
|
|
// -------------------
|
52 |
|
|
//
|
53 |
|
|
// Each area may display another page on the local site, or a page on a
|
54 |
|
|
// different server, or may be set to display nothing (in which case an iframe
|
55 |
|
|
// will not be drawn, although the containing table cell will still need to be
|
56 |
|
|
// resized using the css style - see below)
|
57 |
|
|
//
|
58 |
|
|
// NOTES:
|
59 |
|
|
//
|
60 |
|
|
// 1) if you have any links in the included documents, the target attribute for
|
61 |
|
|
// these *MUST* be set to _top, otherwise the new document will be displayed
|
62 |
|
|
// inside the small iframe areas, instead of replacing the entire page!
|
63 |
|
|
// - example: <a href="index.html" target="_top">HOME</a>
|
64 |
|
|
//
|
65 |
|
|
// 2) you will need to set the correct iframe size, in order to accomodate
|
66 |
|
|
// each of these areas on the page. The default location for these size
|
67 |
|
|
// settings is in the default.css file - see the "IFRAME_XXXXXX_CLASS"
|
68 |
|
|
// variables (below) for the name of the style to edit
|
69 |
|
|
//
|
70 |
|
|
// 3) you will also need to set the correct table cell sizes and/or overall
|
71 |
|
|
// table size for similar reasons. The default location for these size
|
72 |
|
|
// settings is in the default.css file - see the "TEMPLATE_XXXXXX_CLASS"
|
73 |
|
|
// variables (below) for the name of the style to edit
|
74 |
|
|
|
75 |
|
|
|
76 |
|
|
|
77 |
|
|
////////////////////////////////////////////////////////////////////////////////
|
78 |
|
|
// Edit these variables to define the content that will be loaded into the
|
79 |
|
|
// various iframes. Each may be a relative path to another page on the local
|
80 |
|
|
// site, or a full URL to a page on a remote server, or may be set to the empty
|
81 |
|
|
// string if no content is required at that position on the page (and in which
|
82 |
|
|
// case an iframe will not be drawn, although an empty table cell will still
|
83 |
|
|
// exist unless it is resized smaller) .
|
84 |
|
|
// ( e.g. if you do not want a header to be included, set: HEADER_URL="";)
|
85 |
|
|
////////////////////////////////////////////////////////////////////////////////
|
86 |
|
|
|
87 |
|
|
|
88 |
|
|
// Location of the header that will be displayed at the top of the page
|
89 |
|
|
var HEADER_URL
|
90 |
|
|
= "@systemidserver@/@context@@style-skins-relpath@/first/header.html";
|
91 |
|
|
|
92 |
|
|
// Location of the search box that will be displayed above the
|
93 |
|
|
// results on the results page (optional)
|
94 |
|
|
var SEARCHBOX_URL
|
95 |
|
|
= "";
|
96 |
|
|
//= "@systemidserver@/@context@@style-skins-relpath@/esa/searchform.html";
|
97 |
|
|
|
98 |
|
|
// Location of the header that will be displayed at the top of the page
|
99 |
|
|
var LEFTCOL_URL
|
100 |
|
|
= "";
|
101 |
|
|
|
102 |
|
|
// Location of the header that will be displayed at the top of the page
|
103 |
|
|
var RIGHTCOL_URL
|
104 |
|
|
= "";
|
105 |
|
|
|
106 |
|
|
// Location of the header that will be displayed at the top of the page
|
107 |
|
|
var FOOTER_URL
|
108 |
|
|
= "";
|
109 |
|
|
|
110 |
|
|
|
111 |
|
|
|
112 |
|
|
|
113 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
114 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
115 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
116 |
|
|
/* * * * * * * * * MAY CHANGE THE FOLLOWING, BUT SHOULDN'T NEED TO* * * * * */
|
117 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
118 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
119 |
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
120 |
|
|
|
121 |
|
|
|
122 |
|
|
////////////////////////////////////////////////////////////////////////////////
|
123 |
|
|
// Edit the default.css file to set the correct iframe sizes to accomodate the
|
124 |
|
|
// header, footer, left and right areas.
|
125 |
|
|
// The following variables set the names of the styles that will be applied to
|
126 |
|
|
// each of the iframes - they can be anythign you wish, provided you use the
|
127 |
|
|
// same names for your classes in the css file
|
128 |
|
|
// NOTE: these styles apply only to each container frame, *NOT* to the document
|
129 |
|
|
// within it!
|
130 |
|
|
////////////////////////////////////////////////////////////////////////////////
|
131 |
|
|
|
132 |
|
|
//header iframe class
|
133 |
|
|
var IFRAME_HEADER_CLASS = "iframeheaderclass";
|
134 |
|
|
|
135 |
|
|
//(metacat only) search box iframe class
|
136 |
|
|
var IFRAME_SEARCHBOX_CLASS = "iframesearchboxclass";
|
137 |
|
|
|
138 |
|
|
//left column iframe class
|
139 |
|
|
var IFRAME_LEFTCOL_CLASS = "iframeleftcolclass";
|
140 |
|
|
|
141 |
|
|
//right column iframe class
|
142 |
|
|
var IFRAME_RIGHTCOL_CLASS = "iframerightcolclass";
|
143 |
|
|
|
144 |
|
|
//footer iframe class
|
145 |
|
|
var IFRAME_FOOTER_CLASS = "iframefooterclass";
|
146 |
|
|
|
147 |
|
|
|
148 |
|
|
////////////////////////////////////////////////////////////////////////////////
|
149 |
|
|
// Edit the default.css file to set the correct table sizes to accomodate the
|
150 |
|
|
// header, footer, left and right iframes.
|
151 |
|
|
// The following variables set the names of the styles that will be applied to
|
152 |
|
|
// each of the table cells (or the table itself - see below) - they can be
|
153 |
|
|
// anything you wish, provided you use the same names for your classes in the
|
154 |
|
|
// css file
|
155 |
|
|
// NOTE: these styles apply only to each table cell, *NOT* to the document
|
156 |
|
|
// inside the iframe that is nested within it! (the exception is
|
157 |
|
|
// TEMPLATE_CONTENTAREA_CLASS, since the content probably isn't within an
|
158 |
|
|
// iframe - so style elements in this class will apply to the content istelf)
|
159 |
|
|
////////////////////////////////////////////////////////////////////////////////
|
160 |
|
|
|
161 |
|
|
//entire table class
|
162 |
|
|
var TEMPLATE_TABLE_CLASS = "templatetableclass";
|
163 |
|
|
|
164 |
|
|
//header table-cell class. Note you should not set css "width" on this, since it
|
165 |
|
|
//includes a colspan
|
166 |
|
|
var TEMPLATE_HEADERROW_CLASS = "templateheaderrowclass";
|
167 |
|
|
|
168 |
|
|
//left column table-cell class. Note that restricting css "height" on this may
|
169 |
|
|
//affect visibility of the main content, since it's in the same table row
|
170 |
|
|
var TEMPLATE_LEFTCOL_CLASS = "templateleftcolclass";
|
171 |
|
|
|
172 |
|
|
//main central content table-cell class. Note that css attributes set here may
|
173 |
|
|
//apply to the content nested inside this cell
|
174 |
|
|
var TEMPLATE_CONTENTAREA_CLASS = "templatecontentareaclass";
|
175 |
|
|
|
176 |
|
|
//rigth column table-cell class. Note that restricting css "height" on this may
|
177 |
|
|
//affect visibility of the main content, since it's in the same table row
|
178 |
|
|
var TEMPLATE_RIGHTCOL_CLASS = "templaterightcolclass";
|
179 |
|
|
|
180 |
|
|
//footer table-cell class. Note you should not set "width" on this, since it
|
181 |
|
|
//includes a colspan
|
182 |
|
|
var TEMPLATE_FOOTERROW_CLASS = "templatefooterrowclass";
|
183 |
|
|
|