Metacat

 /*

  *     Purpose: Default style sheet for KNB project web pages

  *              Using this stylesheet rather than placing styles directly in

  *              the KNB web documents allows us to globally change the

  *              formatting styles of the entire site in one easy place.

  *   Copyright: 2000 Regents of the University of California and the

  *               National Center for Ecological Analysis and Synthesis

  *     Authors: Matt Jones

  *

  *    '$Author$'

  *      '$Date$'

  *  '$Revision$'

  *

  * This program is free software; you can redistribute it and/or modify

  * it under the terms of the GNU General Public License as published by

  * the Free Software Foundation; either version 2 of the License, or

  * (at your option) any later version.

  *

  * This program is distributed in the hope that it will be useful,

  * but WITHOUT ANY WARRANTY; without even the implied warranty of

  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

  * GNU General Public License for more details.

  *

  * You should have received a copy of the GNU General Public License

  * along with this program; if not, write to the Free Software

  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

  */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * * * * * *  CONFIGURATION SETTINGS - EDIT THESE FOR YOUR ENVIRONMENT * * * *

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

//  These settings allow you to include and display common content (eg a common

//  header) on all your pages, in much the same way as a frameset allows you to

//  do, but through the use of iframes and a table instead. You can include up

//  to 4 external pages, each one within the header, footer, left or right areas

//

//  looks like this (if you're using a fixed width font to display these notes):

//    ___________________

//    |     header      |

//    |-----------------|

//    | |             | |

//    | |             | |

//    |L|   content   |R|

//    | |             | |

//    | |             | |

//    |-----------------|

//    |     footer      |

//    -------------------

//

//  Each area may display another page on the local site, or a page on a

//  different server, or may be set to display nothing (in which case an iframe

//  will not be drawn, although the containing table cell will still need to be

//  resized using the css style - see below)

//

//  NOTES:

//

//  1) if you have any links in the included documents, the target attribute for

//     these *MUST* be set to _top, otherwise the new document will be displayed

//     inside the small iframe areas, instead of replacing the entire page!

//     - example: <a href="index.html" target="_top">HOME</a>

//

//  2) you will need to set the correct iframe size, in order to accomodate

//     each of these areas on the page. The default location for these size

//     settings is in the default.css file - see the "IFRAME_XXXXXX_CLASS"

//     variables (below) for the name of the style to edit

//

//  3) you will also need to set the correct table cell sizes and/or overall

//     table size for similar reasons. The default location for these size

//     settings is in the default.css file - see the "TEMPLATE_XXXXXX_CLASS"

//     variables (below) for the name of the style to edit

////////////////////////////////////////////////////////////////////////////////

//  Edit these variables to define the content that will be loaded into the

//  various iframes. Each may be a relative path to another page on the local

//  site, or a full URL to a page on a remote server, or may be set to the empty

//  string if no content is required at that position on the page (and in which

//  case an iframe will not be drawn, although an empty table cell will still

//  exist unless it is resized smaller) .

//  ( e.g. if you do not want a header to be included, set: HEADER_URL="";)

////////////////////////////////////////////////////////////////////////////////

//  Location of the header that will be displayed at the top of the page

var HEADER_URL

// Location of the search box that will be displayed above the

//  results on the results page (optional)

var SEARCHBOX_URL

var ADVANCED_SEARCHBOX_URL

var LEFTCOL_URL

  = "";

//  Location of the header that will be displayed at the top of the page

var RIGHTCOL_URL

  = "";

//  Location of the header that will be displayed at the top of the page

var FOOTER_URL

  = "";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * *  MAY CHANGE THE FOLLOWING, BUT SHOULDN'T NEED TO* * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

////////////////////////////////////////////////////////////////////////////////

//  Edit the default.css file to set the correct iframe sizes to accomodate the

//  header, footer, left and right areas.

//  The following variables set the names of the styles that will be applied to

//  each of the iframes - they can be anythign you wish, provided you use the

//  same names for your classes in the css file

//  NOTE: these styles apply only to each container frame, *NOT* to the document

//  within it!

////////////////////////////////////////////////////////////////////////////////

//header iframe class

var IFRAME_HEADER_CLASS         = "iframeheaderclass";

//(metacat only) search box iframe class

var IFRAME_SEARCHBOX_CLASS      = "iframesearchboxclass";

var IFRAME_ADVANCED_SEARCHBOX_CLASS = "iframeadvancedsearchboxclass";

var IFRAME_MAP_CLASS            = "iframemapclass";

var IFRAME_LOGINBOX_CLASS      = "iframeloginboxclass";

//left column iframe class

var IFRAME_LEFTCOL_CLASS        = "iframeleftcolclass";

//right column iframe class

var IFRAME_RIGHTCOL_CLASS       = "iframerightcolclass";

//footer iframe class

var IFRAME_FOOTER_CLASS         = "iframefooterclass";

////////////////////////////////////////////////////////////////////////////////

//  Edit the default.css file to set the correct table sizes to accomodate the

//  header, footer, left and right iframes.

//  The following variables set the names of the styles that will be applied to

//  each of the table cells (or the table itself - see below) - they can be

//  anything you wish, provided you use the same names for your classes in the

//  css file

//  NOTE: these styles apply only to each table cell, *NOT* to the document

//  inside the iframe that is nested within it! (the exception is

//  TEMPLATE_CONTENTAREA_CLASS, since the content probably isn't within an

//  iframe - so style elements in this class will apply to the content istelf)

////////////////////////////////////////////////////////////////////////////////

//entire table class

var TEMPLATE_TABLE_CLASS        = "templatetableclass";

//header table-cell class. Note you should not set css "width" on this, since it

//includes a colspan

var TEMPLATE_HEADERROW_CLASS    = "templateheaderrowclass";

//left column table-cell class. Note that restricting css "height" on this may

//affect visibility of the main content, since it's in the same table row

var TEMPLATE_LEFTCOL_CLASS      = "templateleftcolclass";

//main central content table-cell class. Note that css attributes set here may

//apply to the content nested inside this cell

var TEMPLATE_CONTENTAREA_CLASS  = "templatecontentareaclass";

//rigth column table-cell class. Note that restricting css "height" on this may

//affect visibility of the main content, since it's in the same table row

var TEMPLATE_RIGHTCOL_CLASS     = "templaterightcolclass";

//footer table-cell class. Note you should not set "width" on this, since it

//includes a colspan

var TEMPLATE_FOOTERROW_CLASS    = "templatefooterrowclass";