Project

General

Profile

1 2971 jones
 /*
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 3780 daigle
//     - example: <a href="index.jsp" target="_top">HOME</a>
64 2971 jones
//
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 8376 tao
//The server url which will install the skin
88
var SERVER_URL
89 8380 leinfelder
	= window.location.origin || (window.location.protocol + "//" + window.location.host);
90
	//= "https://chico1.dyndns.org";
91 2971 jones
92 8376 tao
//The name of the context
93
var CONTEXT_NAME
94 8380 leinfelder
    = location.pathname.split("/")[1] || "account";
95 8376 tao
96 8380 leinfelder
//The combination of the server url and context name
97 8376 tao
var CONTEXT_URL
98 8380 leinfelder
  = SERVER_URL + "/" + CONTEXT_NAME;
99 8376 tao
100
//The url path of the cgi directory
101
var CGI_URL
102
   = CONTEXT_URL + "/cgi-bin";
103
104 2971 jones
//  Location of the header that will be displayed at the top of the page
105
var HEADER_URL
106 3780 daigle
  = "style/skins/account/header.html";
107 2971 jones
108
// Location of the search box that will be displayed above the
109
//  results on the results page (optional)
110
var SEARCHBOX_URL
111
  = "";
112 3693 barteau
  //= "../esa/searchform.html";
113 2971 jones
114
//  Location of the header that will be displayed at the top of the page
115
var LEFTCOL_URL
116
  = "";
117
118
//  Location of the header that will be displayed at the top of the page
119
var RIGHTCOL_URL
120
  = "";
121
122
//  Location of the header that will be displayed at the top of the page
123
var FOOTER_URL
124
  = "";
125
126
127
128
129
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
130
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
131
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
132
/* * * * * * * * *  MAY CHANGE THE FOLLOWING, BUT SHOULDN'T NEED TO* * * * * */
133
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
134
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
135
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
136
137
138
////////////////////////////////////////////////////////////////////////////////
139
//  Edit the default.css file to set the correct iframe sizes to accomodate the
140
//  header, footer, left and right areas.
141
//  The following variables set the names of the styles that will be applied to
142
//  each of the iframes - they can be anythign you wish, provided you use the
143
//  same names for your classes in the css file
144
//  NOTE: these styles apply only to each container frame, *NOT* to the document
145
//  within it!
146
////////////////////////////////////////////////////////////////////////////////
147
148
//header iframe class
149
var IFRAME_HEADER_CLASS         = "iframeheaderclass";
150
151
//(metacat only) search box iframe class
152
var IFRAME_SEARCHBOX_CLASS      = "iframesearchboxclass";
153
154
//left column iframe class
155
var IFRAME_LEFTCOL_CLASS        = "iframeleftcolclass";
156
157
//right column iframe class
158
var IFRAME_RIGHTCOL_CLASS       = "iframerightcolclass";
159
160
//footer iframe class
161
var IFRAME_FOOTER_CLASS         = "iframefooterclass";
162
163
164
////////////////////////////////////////////////////////////////////////////////
165
//  Edit the default.css file to set the correct table sizes to accomodate the
166
//  header, footer, left and right iframes.
167
//  The following variables set the names of the styles that will be applied to
168
//  each of the table cells (or the table itself - see below) - they can be
169
//  anything you wish, provided you use the same names for your classes in the
170
//  css file
171
//  NOTE: these styles apply only to each table cell, *NOT* to the document
172
//  inside the iframe that is nested within it! (the exception is
173
//  TEMPLATE_CONTENTAREA_CLASS, since the content probably isn't within an
174
//  iframe - so style elements in this class will apply to the content istelf)
175
////////////////////////////////////////////////////////////////////////////////
176
177
//entire table class
178
var TEMPLATE_TABLE_CLASS        = "templatetableclass";
179
180
//header table-cell class. Note you should not set css "width" on this, since it
181
//includes a colspan
182
var TEMPLATE_HEADERROW_CLASS    = "templateheaderrowclass";
183
184
//left column table-cell class. Note that restricting css "height" on this may
185
//affect visibility of the main content, since it's in the same table row
186
var TEMPLATE_LEFTCOL_CLASS      = "templateleftcolclass";
187
188
//main central content table-cell class. Note that css attributes set here may
189
//apply to the content nested inside this cell
190
var TEMPLATE_CONTENTAREA_CLASS  = "templatecontentareaclass";
191
192
//rigth column table-cell class. Note that restricting css "height" on this may
193
//affect visibility of the main content, since it's in the same table row
194
var TEMPLATE_RIGHTCOL_CLASS     = "templaterightcolclass";
195
196
//footer table-cell class. Note you should not set "width" on this, since it
197
//includes a colspan
198
var TEMPLATE_FOOTERROW_CLASS    = "templatefooterrowclass";
199