/* * '$RCSfile$' * 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: HOME // // 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 = "style/skins/kepler/header.jsp"; // Location of the search box that will be displayed above the // results on the results page (optional) var SEARCHBOX_URL = "style/skins/kepler/searchform.jsp"; // Location of the advanced search box var ADVANCED_SEARCHBOX_URL = ""; var LOGINBOX_URL = ""; var MAP_URL = ""; // Location of the header that will be displayed at the top of the page 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"; //(metacat only) advanced search box iframe class var IFRAME_ADVANCED_SEARCHBOX_CLASS = "iframeadvancedsearchboxclass"; // Interactive Map var IFRAME_MAP_CLASS = "iframemapclass"; //(metacat only) login box iframe class 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";