Project

General

Profile

Revision 5599

use newer SBC-ish style for the default skin

View differences:

lib/style/skins/default/default.xml
7 7
    <target publicid="-//W3C//HTML//EN">/style/common/resultset.xsl</target>
8 8
  </doctype>
9 9
  
10
	<!-- NBII/FGDC styles -->
11
  <doctype publicid="metadata">
12
  	<target publicid="-//W3C//HTML//EN">/style/skins/default/default.xsl</target>
13
  </doctype>
14
  
10 15
<!-- eml-2.1.0 modules -->
11 16
  <doctype publicid="eml://ecoinformatics.org/eml-2.1.0">
12 17
    <!-- target publicid="-//W3C//HTML//EN">/style/common/eml-2.1.0/eml.xsl</target -->
13
    <target publicid="-//W3C//HTML//EN">/style/common/eml-2/eml.xsl</target>
18
    <target publicid="-//W3C//HTML//EN">/style/skins/default/default.xsl</target>
14 19
  </doctype>
15 20

  
16 21
<!-- eml-2.0.1 modules -->
17 22
  <doctype publicid="eml://ecoinformatics.org/eml-2.0.1">
18 23
    <!-- target publicid="-//W3C//HTML//EN">/style/common/eml-2.0.1/eml.xsl</target -->
19
    <target publicid="-//W3C//HTML//EN">/style/common/eml-2/eml.xsl</target>
24
    <target publicid="-//W3C//HTML//EN">/style/skins/default/default.xsl</target>
20 25
  </doctype>
21 26

  
22 27
<!-- eml-2.0.0 modules -->
23 28
  <doctype publicid="eml://ecoinformatics.org/eml-2.0.0">
24 29
    <!-- target publicid="-//W3C//HTML//EN">/style/common/eml-2.0.1/eml.xsl</target -->
25
    <target publicid="-//W3C//HTML//EN">/style/common/eml-2/eml.xsl</target>
30
    <target publicid="-//W3C//HTML//EN">/style/skins/default/default.xsl</target>
26 31
  </doctype>
27 32
  
28 33
<!-- eml-2.0.0beta6 modules -->
lib/style/skins/default/include_header.jsp
36 36
    src="<%=STYLE_SKINS_URL%>/default/default.js"></script>
37 37
  </head>
38 38

  
39
<body leftmargin="0" topmargin="0" marginwidth="O" marginheight="0">
39
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
40 40

  
41
<div class="group group_border">
42

  
41 43
<table width="100%"  border="0" cellpadding="0" cellspacing="0">
42 44
  <tr>
43
    <td align="left"  class="title">
44
      <p leftmargin="40px" >&#160;&#160;&#160;&#160;&#160;&#160;Data Catalog Search</p>
45
    </td>
45
    <th align="left">
46
		<h3>Data Catalog Search</h3>
47
    </th>
46 48
  </tr>
47 49
  <tr>
48

  
49
    <td align="left" valign="middle" class="sectionheader" style="text-align: left">
50
    &#160;&#160;&#160;
51
    <a target="_top" href="<%=STYLE_SKINS_URL%>/default/index.jsp"
52
    class="toollink">Home</a></td>
50
    <td>
51
	    <a target="_top" href="<%=STYLE_SKINS_URL%>/default/index.jsp" class="toollink">
52
			Home
53
		</a>
54
	</td>
53 55
  </tr>
54 56
</table>
57

  
58
</div>
59

  
55 60
</body>
56 61
</html>
lib/style/skins/default/default.xsl
1
<?xml version="1.0"?>
2
<!--
3
	*  '$RCSfile$'
4
	*      Authors: Matt Jones, Chad Berkley
5
	*    Copyright: 2000-2007 Regents of the University of California and the
6
	*               National Center for Ecological Analysis and Synthesis
7
	*  For Details: http://www.nceas.ucsb.edu/
8
	*
9
	*   '$Author$'
10
	*     '$Date$'
11
	* '$Revision$'
12
	*
13
	* This program is free software; you can redistribute it and/or modify
14
	* it under the terms of the GNU General Public License as published by
15
	* the Free Software Foundation; either version 2 of the License, or
16
	* (at your option) any later version.
17
	*
18
	* This program is distributed in the hope that it will be useful,
19
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
20
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
21
	* GNU General Public License for more details.
22
	*
23
	* You should have received a copy of the GNU General Public License
24
	* along with this program; if not, write to the Free Software
25
	* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
26
	*
27
	* This is an XSLT (http://www.w3.org/TR/xslt) stylesheet designed to
28
	* convert an XML file showing the resultset of a query
29
	* into an HTML format suitable for rendering with modern web browsers.
30
-->
31
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
32
                xmlns:eml="eml://ecoinformatics.org/eml-2.1.0" 
33
	            version="1.0">
34
    <xsl:import href="../../common/resultset-table.xsl"/>
35
    <xsl:import href="../../shared/eml-2/eml.xsl"/>
36
    <xsl:import href="../../common/fgdc/fgdc-root.xsl"/>
37
		
38
	<xsl:output method="html" />
39
	<xsl:param name="sessid" />
40
	<xsl:param name="qformat">default</xsl:param>
41
	<xsl:param name="enableediting">false</xsl:param>
42
	<xsl:param name="contextURL"/>
43
	<xsl:param name="cgi-prefix"/>
44
	
45
	<xsl:template match="/">
46
	
47
		<html>
48
		
49
			<xsl:call-template name="documenthead"/>
50
			
51
			<body id="Overview">
52
			
53
				<div id="main_wrapper">
54
					
55
				    <xsl:call-template name="bodyheader"/>
56
				    
57
					<div id="content_wrapper">
58
					                        
59
                   		<xsl:if test="*[local-name()='eml']">     	
60
                            <xsl:call-template name="emldocument"/>
61
                        </xsl:if>
62
                        
63
                        <xsl:if test="*[local-name()='resultset']">     	
64
                            <xsl:call-template name="resultstable"/>
65
                        </xsl:if>
66
                        
67
                        <xsl:if test="*[local-name()='metadata']">     	
68
                            <xsl:call-template name="metadata"/>
69
                        </xsl:if>
70
                       						
71
					</div>
72
					
73
					<xsl:call-template name="bodyfooter"/>
74
					
75
				</div>
76
				
77
			</body>
78
			
79
		</html>
80
		
81
	</xsl:template>
82
	
83
	<xsl:template name="documenthead">
84
		<head>
85
			<title>Data Repository
86
			<xsl:if test="*[local-name()='eml']">     	
87
            	<xsl:text>: </xsl:text><xsl:value-of select="/eml:eml/dataset/title"/>
88
            </xsl:if>
89
            </title>
90
                        
91
			<link rel="stylesheet" type="text/css"
92
				href="{$contextURL}/style/skins/{$qformat}/{$qformat}.css" />
93
			<script language="Javascript" type="text/JavaScript"
94
				src="{$contextURL}/style/skins/{$qformat}/{$qformat}.js" />
95
			<script language="Javascript" type="text/JavaScript"
96
				src="{$contextURL}/style/common/branding.js" />
97
			<link rel="stylesheet" type="text/css"
98
				href="{$contextURL}/style/skins/{$qformat}/{$qformat}.css" />
99

  
100
			<script language="JavaScript">
101
				<![CDATA[
102
         		function submitform(action,form_ref) {
103
             		form_ref.action.value=action;
104
             		form_ref.sessionid.value="]]><xsl:value-of select="$sessid" /><![CDATA[";
105
             		form_ref.qformat.value="]]><xsl:value-of select="$qformat" /><![CDATA[";
106
		            form_ref.submit();
107
         		}
108
				]]>
109
			</script>
110
		</head>
111
	</xsl:template>
112
    
113
    <xsl:template name="emldocument">
114
    	<table xsl:use-attribute-sets="cellspacing" width="100%"
115
               class="{$mainContainerTableStyle}">
116
            <xsl:apply-templates select="*[local-name()='eml']"/>
117
        </table>
118
    </xsl:template>
119
    
120
    <xsl:template name="bodyheader">
121
		<!-- header here -->
122
		<script language="JavaScript">
123
			insertTemplateOpening('<xsl:value-of select="$contextURL" />');
124
		</script>
125
	</xsl:template>
126

  
127
	<xsl:template name="bodyfooter">
128
		<!-- footer here -->
129
		<script language="JavaScript">
130
			insertTemplateClosing('<xsl:value-of select="$contextURL" />');
131
		</script>
132
	</xsl:template>
133

  
134
</xsl:stylesheet>
0 135

  
lib/style/skins/default/default.css
1
 
2
*
3
  *   '$RCSfile$'
4
  *     Purpose: Default style sheet for KNB project web pages 
5
  *              Using this stylesheet rather than placing styles directly in 
6
  *              the KNB web documents allows us to globally change the 
7
  *              formatting styles of the entire site in one easy place.
8
  *   Copyright: 2000 Regents of the University of California and the
9
  *               National Center for Ecological Analysis and Synthesis
10
  *     Authors: Matt Jones
11
  *
12
  *    '$Author$'
13
  *      '$Date$'
14
  *  '$Revision$'
15
  *
16
  * This program is free software; you can redistribute it and/or modify
17
  * it under the terms of the GNU General Public License as published by
18
  * the Free Software Foundation; either version 2 of the License, or
19
  * (at your option) any later version.
20
  *
21
  * This program is distributed in the hope that it will be useful,
22
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
23
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
24
  * GNU General Public License for more details.
25
  *
26
  * You should have received a copy of the GNU General Public License
27
  * along with this program; if not, write to the Free Software
28
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
29
  */
1
/*   '$RCSfile: pisco.css,v $'                                              */
2
/*     Purpose: Default style sheet for PISCO project web pages             */
3
/*              Using this stylesheet rather than placing styles directly   */
4
/*              into PISCO web documents allows us to globally change the   */
5
/*              formatting styles of the entire site in one easy place.     */
6
/*              Versioning information for this document can be found at    */
7
/*              cvs.piscoweb.org.                                           */
8
/*   Copyright: 2000 Regents of the University of California and the        */
9
/*              Partnership for Interdisciplinary Studies of Coastal Oceans */
10
/*     Authors: Chris Jones, James Woods                                    */
11
/*                                                                          */
12
/*    '$Author$'                                                   */
13
/*      '$Date$'                                      */
14
/*  '$Revision$'                                                      */
15
/*                                                                          */
30 16

  
31 17

  
32
/**
33
 *  set the correct iframe sizes to accomodate the 
34
 *  header, footer, left and right areas.
35
 *  NOTE: these styles apply only to each 
36
 *  container frame, *NOT* to the document within it!
18
/* Color Scheme:
19
 *    dark blue:                  #003366
20
 *    aqua blue:                  #0066CC
21
 *    aqua green:                 #006666
22
 *    white:                      #FFFFFF
23
 *    dark tan(kelp color):       #666600
24
 *    light tan:                  #CCCC99
25
 */
26

  
27

  
28
/*
29
*  import eml css:
30
*/
31

  
32
body {
33
    width:                   100%;
34
    min-width:			800px;
35
    /* width:expression(document.body.clientWidth < 800? "800px": "auto");  */ /* hack for ie min width */
36

  
37
    margin:                     0px 0px 0px 0px;
38
    background-color:           #ffffff;
39
    padding:                    0px;
40
    border:                     0px;
41
/*  background-image:           url('images/bg.gif');
42
/*  background-position:        top left;     /* No NN4 */
43
/*  background-repeat:          repeat-y;     /* No NN4 */
44

  
45
    font-style:                 normal;
46
    font-weight:                normal;
47
    font-size:                  100%;
48
    font-family:                "Myriad Pro", "Myriad Web Pro", "Myriad Web", "Myriad", Verdana, Arial, Helvetica, sans-serif;
49
    text-decoration:            none;
50
  }
51

  
52
body>div img {
53
    padding:                    0px 0px 0px 0px;
54
    }
55

  
56

  
57
#content_wrapper {
58
	margin:                     0px 10px 10px 10px;
59
}
60

  
61

  
62
#header {
63
  width:                        100%;
64
  min-width:			800px; 
65
  width:expression(document.documentElement.clientWidth < 800? "800px": "auto");   /* hack for ie min width */
66
   /* position:                   absolute;  
67
    top:                        0px;
68
    left:                       10px; 
69
    right:                      10px; */
70
/*  margin:                     0px 10px 0px 10px; /* T R B L */
71
    padding:                    0px;
72
    border:                     0px;
73
    background-color:           #ffffff;
74
/*  background-image:           url('images/data_catalog_header_bg.jpg'); */
75

  
76
    height:                     60px; /* begin hack for ie5win */
77
    width:                      100%;
78
    voice-family:               "\"}\"";
79
    voice-family:               inherit;
80
    height:                     60px;
81
    }
82

  
83
html>body #header {
84
    height:                     60px; 
85
    width:                      auto;
86
    min-width:                  800px; /* end hack for ie5win */
87
    }
88

  
89

  
90
/* div "content" should be sibling to div "header" */ 
91
/* top margin required to clear sibling (logo is 100px tall)*/
92

  
93
#content {
94
    margin:                     105px 0px 0px 0px ; 
95
    background-color:           #ffffff;
96
    border:                     0px;
97
    /* margin:                     0px 0px 0px 0px;
98
 */
99
    }
100

  
101

  
102

  
103
/* these elements positioned to be in header below */
104

  
105
#left_logo {
106
    position:                   absolute;
107
    top:                        5px;
108
    z-index:                    2;  /* stack on top of header menu */
109
    left:                       10px; /* we want the logo on the left */
110
    margin:                     0px 0px 0px 0px; /* T R B L */
111
    padding:                    0px;
112
    border:                     0px;
113
    background-image:           url('images/sbclter-logo.gif');
114
    background-position:        top left;     /* No NN4 */
115
    background-repeat:          no-repeat;         /* No NN4 */
116
    width:                      99px; /* begin hack for 1e5win */
117
    height:                     100px; 
118
    voice-family:               "\"}\"";
119
    voice-family:               inherit;
120
    width:                      99px;
121
    height:                     100px;
122
    }
123

  
124
html>body #left_logo {
125
    width:                      99px;
126
    height:                     100px; /* end hack for ie5win */
127
    }
128

  
129
#right_logo {
130
    position:                   absolute;
131
    top:                        0px;
132
    right:                      10px; /* we want the logo near the right */
133
    margin:                     0px 0px 0px 0px; /* T R B L */
134
    padding:                    0px;
135
    border:                     0px;
136
    background-image:           url('images/sbclter-coastal-header.jpg');
137
    background-position:        top right;     /* No NN4 */
138
    background-repeat:          no-repeat;         /* No NN4 */
139
    height:                     60px; /* begin hack for 1e5win */
140
    width:                      223px;
141
    voice-family:               "\"}\"";
142
    voice-family:               inherit;
143
    height:                     60px;
144
    width:                      223px;
145
    }
146

  
147
html>body #right_logo {
148
    width:                      223px;
149
    height:                     60px; /* end hack for ie5win */
150
    }
151

  
152
/* banner holds the title and subtitle */
153
#banner {
154
    margin:                     0px 0px 0px 110px; /* T R B L */
155
    padding:                    0px;
156
    border:                     0px;
157
    background-color:           #ffffff;
158
/*  background-image:           url('images/data_catalog_header_search.jpg') */
159
    background-position:        top left;     /* No NN4 */
160
    background-repeat:          no-repeat;         /* No NN4 */
161
/*  height:                     60px; /* begin hack for ie5win */
162
    voice-family:               "\"}\"";
163
    voice-family:               inherit;
164
/*  height:                     60px;
165
 */
166
    }
167

  
168
html>body #banner {
169
/*  height:                     60px; /* end hack for ie5win */
170
    }
171

  
172

  
173

  
174
/* Header Sub-Title Classes
175
 * title and subtitle in the left portion of the banner */
176

  
177
div.header-title {
178
    position:           absolute;
179
    top:                5px;
180
    left:               110px;
181
    color:              #003366;
182
/*  padding:            1px 4px 1px 100px;
183
 */
184
    font-size:          26px;
185
    font-family:        serif;
186
    font-style:         normal;
187
    font-weight:        800;
188
}
189

  
190

  
191
div.header-subtitle {
192
    position:           absolute;
193
    top:                40px;
194
    left:               115px;
195
    color:              #006666;
196
/*  padding:            1px 4px 1px 110px; */
197
    font-size:          12px;
198
}
199

  
200
div.header-menu {
201
    position:           absolute;
202
    top:                60px;
203
    width:              100%;
204
    z-index:            1;       /* put menu underneath logos */
205
    border-top:         1px solid #006666;
206
    border-bottom:      1px solid #006666;                    
207
    color:              #666600;                                  
208
    background-color:   #CCCC99;                                  
209
    padding:            2px 2px 2px 110px;                        
210
    font-size:          14px;                                     
211
}                                                                 
212

  
213

  
214

  
215

  
216
/* header doesnt currently accomodate this class  */
217
div.header-submenu {                                              
218
    color:              #003366;                                  
219
    background-color:   #FFFFFF;                                  
220
    padding:            2px 10px 2px 110px;                       
221
    font-size:          14px;                                     
222
}                                                                 
223
                                                                  
224

  
225

  
226

  
227
#left_sidebar {
228
    position:                   absolute;
229
    top:                        0px;
230
    left:                       0px;
231
    margin:                     0px;
232
    padding:                    0px;
233
    border:                     0px;
234
    background-color:           #003366;
235
    width:                      10px; /* begin hack for 1e5win */
236
    voice-family:               "\"}\"";
237
    voice-family:               inherit;
238
    width:                      10px;
239
    }
240

  
241
html>body #left_sidebar {
242
    width:                      10px; /* end hack for ie5win */
243
    }
244

  
245
#right_sidebar {
246
    position:                   absolute;
247
    top:                        0px;
248
    right:                      0px;
249
    margin:                     0px;
250
    padding:                    0px;
251
    border:                     0px;
252
    background-color:           #003366;
253
    width:                      10px; /* begin hack for 1e5win */
254
    voice-family:               "\"}\"";
255
    voice-family:               inherit;
256
    width:                      10px;
257
    }
258

  
259
html>body #right_sidebar {
260
    width:                      10px; /* end hack for ie5win */
261
    }
262

  
263

  
264

  
265

  
266

  
267

  
268

  
269

  
270

  
271

  
272

  
273

  
274
/* these classes to be children of div "content" */
275

  
276

  
277
/* for the skip-to box */
278

  
279
 div.skipto-box {
280
      vertical-align:	  middle;
281
      text-align:         center;
282
      color:              #003366;
283
      background-color:   #CCCC99;
284
      /* turned off float, placed with a table cell */
285
      /*float:              left; */
286
      padding:            6px;
287
      /* set border for NN4 only change in advanced.css */
288
      border:             0.1px solid #006666;
289
      margin:             8px;
290
      /* width: 		  50%; */
291
      width:              300px; 
292
     /* height:             20px; */
293
      font-size:          12px;
294
  }
295

  
296
div.r-box {
297
      vertical-align:     middle;
298
      text-align:         center;
299
      color:              #003366;
300
      background-color:   #CCCC99;
301
      float:              right;
302
      padding:            6px 6px;
303
      /* set border for NN4 only change in advanced.css */
304
      border:             0.1px solid #006666;
305
      margin:             0px;
306
      width:              50%;
307
   /*   height:             auto; */
308
      font-size:          12px;
309
   /*   clear:              both; */
310
  }
311

  
312

  
313
div.content-area {
314
       /* for padding area within parent area */
315
    background-color:   #FFFFFF;
316
    color:              #003366;
317
    text-align:         left;
318
   padding:            30px 40px 15px 40px; 
319
   /*padding:            0px 0px 0px 0px; */
320

  
321
}
322

  
323
div.content-area-dense {
324
       /* for padding area within parent area */
325
    background-color:   #FFFFFF;
326
    color:              #003366;
327
    text-align:         left;
328
  /*  padding:            30px 40px 15px 40px; */
329
   padding:            0px 0px 0px 0px; 
330

  
331
}
332

  
333

  
334

  
335
div.hanging-paragraph {
336
	margin-left:	20px;
337
	text-indent:	-20px;
338

  
339
}
340

  
341
div.smaller-font {
342
    	font-size:		smaller;
343
}
344

  
345
div.bottom-padding {
346
/*	padding:		0px 0px 10px 0px; */
347
	padding-bottom:		10px;
348
}
349

  
350
div.left-padding {
351
	padding-left:		10px;
352
}
353

  
354
#search-box { 
355
  /* background and text style set by table .group */
356
  position:           relative;
357
  margin-left:        50%;
358
  /* top: 110px; */
359
 }
360

  
361

  
362
#search-box_right {
363
    text-align:     right;
364
    }
365

  
366
#loginbox {
367
    border:                     0px;
368
    position:                   absolute;
369
    top:                        55px;
370
    right:                      65px;
371
    }
372

  
373
#footer {
374
    position:                   absolute;
375
    right:                      10px;
376
    bottom:                     0;
377
    left:                       167px;
378
    margin:                     0px 10px 10px 177px;
379
    }
380

  
381
#debug {
382
    position:                   absolute;
383
    right:                      20px;
384
    bottom:                     0;
385
    left:                       167px;
386
    margin:                     0px 10px 10px 177px;
387
    }
388

  
389
p,ul,ol,dl,li,dt {
390
    color:                      #555555;
391
    font-style:                 normal;
392
    font-weight:                normal;
393
    text-decoration:            none;
394
  }
395
  
396
p ol,p ul, p dl, ol ul {
397
    color:                      #555555;
398
    font-style:                 normal;
399
    font-weight:                normal;
400
    text-decoration:            none; 
401
  } 
402

  
403
ul,ol {
404
    padding:                    0px;
405
    /* margin:                     0px 0px 0px 15px; */
406
    }
407

  
408

  
409

  
410
.ol-lower-alpha { 
411
    list-style-type: lower-alpha;
412
    margin-top:       2px;
413

  
414
  }
415

  
416

  
417
.ul-bulleted-list { 
418
    list-style-type:  disc;
419
    margin-top:       2px;
420
    margin-bottom:    10px;
421
    margin-left:      15px;
422
  }
423

  
424
/* add a little space before items in a list ?*/
425
/* ol li { margin-top : 5px; } */
426
/* ul li { margin-top : 5px; } */
427

  
428

  
429

  
430

  
431
div {
432
    color:                      #003366;
433
    font-style:                 normal;
434
    font-weight:                normal;
435
    text-decoration:            none;
436
  }
437

  
438
  
439
/* NN 4.xx needs the font weight reset for b and strong tags */ 
440
strong, b {
441
    font-weight:                800;
442
  }
443

  
444
/* to emphasize words, use it inline with a <span> class*/ 
445
big {
446
    font-size:                  larger;
447
  }
448

  
449
/* to shrink words, use it inline with a <span> class*/
450
small {
451
    font-size:                  smaller;
452
  }
453
  
454
/* for pre-formated text: adds a small padding around it
455
 * font is set to the default style, 
456
 * but could be changed for different effect
457
 */
458
pre {
459
    color:                      #003366;
460
    padding:                    10px;
461
    font-style:                 normal;
462
    font-weight:                normal;
463
    text-decoration:            none;
464
  }
465
  
466
pre.inline {
467
    padding: 0px;
468
    padding-left: 10px;
469
    padding-right: 10px;
470
}  
471

  
472
/* for creating block quotes. 
473
 * set off with a slight indent to the left & right margins
474
 * font is set to default style,
475
 * but could be changed for different effect
476
 */
477
blockquote {
478
    color:                      #003366;
479
    padding:                    0;
480
    font-style:                 normal;
481
    font-weight:                normal;
482
    text-decoration:            none;
483
  }
484

  
485
/* Headings Tags : 
486
 * Headings are used to break up straight text. 
487
 * They are used to present topics, or subsections, chapters, etc.
488
 * There are 6 headings tag which can be styled as we wish.
489
 * All of our headings will be rendered in the same font and color as the
490
 * default settings.
37 491
 */  
492

  
493
/* h1: very large font, set bold */
494
h1 {
495
    color:                      #003366;
496
    background-color:           #ffffff;
497
    padding:                    0;
498
    font-size:                  18pt;
499
    font-style:                 normal;
500
    font-weight:                bold;
501
    text-decoration:            none;
502
  }
503

  
504
/* large font, set bold */
505
h2 {
506
    color:                      #003366;
507
    background-color:           #ffffff;
508
    padding:                    0;
509
    font-size:                  16pt;
510
    font-style:                 normal;
511
    font-weight:                bold;
512
    text-decoration:            none;
513
  }
514

  
515
/* slightly larger font, set bold */
516
h3 {
517
    color:                      #003366;
518
    background-color:           #ffffff;
519
    padding:                    0;
520
    font-size:                  14pt;
521
    font-style:                 normal;
522
    font-weight:                700;
523
    text-decoration:            none;
524
   /*  margin-bottom:                 0px; */
525
  }
526

  
527

  
528
/* an italic header w border */
529
/*
530
h3 {
531
  border-bottom:                #94c1d4 solid 1px;
532
  color:                        #003366;
533
  padding:                      0;
534
  font-size:                    14pt;
535
  margin:                       3px;
536
  text-align:                   left;
537
  font-style:                   italic;
538
  font-weight:                  200;
539
  }
540
*/
541

  
542

  
543

  
544
/* slightly larger, no bold */  
545
/* make margins around h4 all the same, and a little larger than h5 */
546
h4 {
547
    color:                      #003366;
548
    padding:                    0;
549
    font-size:                  12pt;
550
    font-style:                 normal;
551
    font-weight:                400;
552
    text-decoration:            none;
553
    margin-top:			10px;
554
    margin-bottom:                 0px;
555

  
556
  }
557

  
558
/* slightly smaller font */  
559
/* moz-net-fox and ie have different default margins for h5 - make them uniform */
560
h5 {
561
    color:                      #003366;
562
    padding:                    0;
563
    font-size:                  12pt;
564
    font-style:                 normal;
565
    font-weight:                400;
566
    text-decoration:            none;
567
    margin-bottom:                 0px; 
568
    margin-top:                 7px; 
569

  
570

  
571
  }
572

  
573
/* very small font */  
574
h6 {
575
    color:                      #003366;
576
    background-color:           #FFFFFF;
577
    padding:                    0;
578
    font-size:                  10pt;
579
    font-style:                 normal;
580
    font-weight:                normal;
581
    text-decoration:            none;
582
  }  
583

  
584

  
585

  
586
/* Old style hr command - will be depreciated
587
 * Netscape 4.x does not like this
588
 * should use new style below
589
 * used anywhere? remove?
590
 */
591
hr {
592
    border-top:                 #003366 0px solid;
593
    width:                      450px;
594
    height:                     2px;
595
    color:                      #003366;
596
    background-color:           #003366;
597
    /*border-width:               none;
598
    border-color:               #003366; */
599
  }
600

  
601
/* New horizontal rule. Netscape 4.x should render this fine.
602
 * apply this class to a <div> tag for the desired effect.
603
 * the rule is 1px wide, blue with a slight margin on the left and right.
604
 */
605
.rule {
606
    border-top-width:           2px;
607
    border-top-style:           solid;
608
    border-color:               #003366; 
609
    margin:                     4px 4px
610
  }
611
  
612
 /* Default link properties
613
 * currently set the links to the dark tan
614
 * with no additional decorations
615
 * except underline on hover
616
*/
617
a:link {
618
    color:                      #333333;
619
    background:                 transparent;
620
/*    background-color:           #FFFFFF; */
621
    text-decoration:            none;
622
  }
623
a:visited {
624
    color:                      #333333;
625
    background:                  transparent;
626
/*    background-color:           #FFFFFF; */
627
    text-decoration:            none;
628
  } 
629
a:hover {
630
    color:                      #000000;
631
    background:                 transparent;
632
/*    background-color:           #FFFFFF; */
633
    text-decoration:            underline;
634
  } 
635
a:active { 
636
    color:                      #333333;
637
    background:                 transparent;
638
/*    background-color:           #FFFFFF; */
639
    text-decoration:            none;
640
  }
641

  
642
/* Menu Link properties
643
 * the Menu is currently identical to the dafault
644
 * but this may change so it is defined here                      
645
 */                                                               
646
a.menu:link {                                                     
647
    color:                      #003366;                          
648
    background:                 transparent;                      
649
    /*background-color:           #CCCC9A;*/                      
650
    text-decoration:            none;                             
651
  }                                                               
652
a.menu:visited {                                                  
653
    color:                      #003366;                          
654
    background:                 transparent;                      
655
    /*background-color:           #CCCC9A;*/
656
    text-decoration:            none;                             
657
  }                                                               
658
a.menu:hover {                                                    
659
    color:                      #003366;                          
660
    background:                 transparent;                      
661
   /* background-color:           #CCCC9A;*/                      
662
    text-decoration:            underline;                        
663
  }                                                               
664
a.menu:active {                                                   
665
    color:                      #003366;                          
666
    background:                 transparent;                      
667
   /* background-color:           #CCCC9A; */                     
668
    text-decoration:            none;                             
669
  }                                                               
670
                                                                  
671
/* SubMenu Link Properties                                        
672
 * Set the color to dark tan with underline on hover              
673
 */                                                               
674
a.submenu:link {                                                  
675
    color:                      #003366;                          
676
/*  color:                      #003366; */                       
677
    background:                 transparent;                      
678
    /*background-color:           #CCCC9A;*/                      
679
    text-decoration:            none;                             
680
  }                                                               
681
a.submenu:visited {                                               
682
    color:                      #003366;                          
683
/*  color:                      #003366; */                       
684
    background:                 transparent;                      
685
    /*background-color:           #CCCC9A;*/                      
686
    text-decoration:            none;                             
687
  }                                                               
688
a.submenu:hover {                                                 
689
    color:                      #003366;                          
690
/*  color:                      #003366; */                       
691
    background:                 transparent;                      
692
   /* background-color:           #CCCC9A;*/                      
693
    text-decoration:            underline;                        
694
  }                                                               
695
a.submenu:active {                                                
696
    color:                      #003366;                          
697
/*  color:                      #003366; */                       
698
    background:                 transparent;                      
699
   /* background-color:           #CCCC9A; */                     
700
    text-decoration:            none;                             
701
  }                                                               
702
                                                                  
703

  
704
/* image styles */
705
/* no padding or border around images by default */
706
img {
707
    border:                     0px; 
708
    border-style:               none;
709
    border-width:               0px;
710
    padding:                    0px;
711
    text-decoration:            none;
712
  }
713

  
714
/* this class is needed to remove some extra space along the top of images
715
 * this attribute can not be put into default img class because it prevents
716
 * text from wrapping correctly
717
 */
718
img.vtop {  
719
    vertical-align:             top;
720
  }
721

  
722
/* Add a blue border around an image */
723

  
724
img.border {
725
    border:                     medium;
726
    border-style:               solid;
727
    border-color:               #003366;
728
    padding:                    0px;
729
  }
730

  
731
/* Format the headshot images in the who section */
732

  
733
img.headshot {
734
    margin-right:               20px;
735
    margin-bottom:              40px;
736
  }
737

  
738
/* Format the headshot images in the who section 
739
 * that have alot of text aligned to the right */
740
img.headshot_long {
741
    margin-right:               20px;
742
    margin-bottom:              80px;
743
  }
744
  
745
/* Format inline images justified to the left in the text*/
746

  
747
img.inlineleft {
748
    border:                     medium;
749
    border-style:               solid;
750
    border-color:               #003366;
751
    margin-right:               8px;
752
    margin-top:                 8px;
753
    margin-bottom:              8px;
754
  }
755

  
756
/* Format inline images justified to the right in the text*/
757

  
758
img.inlineright {
759
    border:                     medium;
760
    border-style:               solid;
761
    border-color:               #003366;
762
    margin-left:                8px;
763
    margin-top:                 8px;
764
    margin-bottom:              8px;
765
  }
766
  
767
/* Default behavior for linked images 
768
 * no border, no padding, aligned to the top
769
 */
770

  
771
a img {
772
    border:                     0px; 
773
    border-style:               none;
774
    border-width:               0px;
775
    padding:                    0px;
776
    vertical-align:             top;
777
    text-decoration:            none;
778
  }
779

  
780
/* Default for table cells. 
781
 * No border or padding. 
782
 * Keep the relative font size and set color to blue
783
 */
784

  
785
 td {
786
    color:                      #003366;
787
    font-style:                 normal;
788
    font-size:                  95%;
789
    font-weight:                normal;
790
    text-decoration:            none;    
791
    border:                     0px;
792
    padding:                    0px;
793
    vertical-align:             top; 
794
  }
795
  
796
/* Classes for the footer area */
797
  
798
/* Basic footer class to get the correct font size
799
 * default footer style.
800
 * colors are the same, but font size is smaller
801
 */
802
.footer {
803
    color:                      #003366;
804
    background-color:           #FFFFFF;
805
    margin-top:                 20px;
806
    margin-bottom:              20px;
807
    margin-left:                5px;
808
    margin-right:               0px;
809
    font-size:                  75%;      /* No EM in NN4 */
810
    font-style:                 normal;
811
    font-weight:                normal;
812
    text-decoration:            none;
813
    text-align:                 center;
814
  }
815
/* extra class to handle the small table in the footer */ 
816
.tblfooter {
817
    color:                      #003366;
818
    background-color:           #FFFFFF;
819
    font-size:                  75%;      /* No EM in NN4 */
820
    font-style:                 normal;
821
    font-weight:                normal;
822
    text-decoration:            none;
823
  }
824

  
825
/* Classes for positioning: use with div tags for desired effect */
826
.indent1 {
827
    white-space:                nowrap;
828
    padding-left:               10px;
829
}
830

  
831
.indent2 {
832
    padding-left:               15px;
833
}
834

  
835
.indent3 {
836
    padding-left:               50px;
837
}
838

  
839
/* Classes for the <em> tag (emphasis) */
840
.italic {
841
    font-style:                 italic;
842
    font-weight:                normal;
843
  }
844

  
845
.italics {
846
    font-style:                 italic;
847
    font-weight:                normal;
848
  }
849

  
850
.bold {
851
    font-style:                 normal;
852
    font-weight:                bold;
853
  }
854

  
855
.waybold {
856
    font-style:                 italic;
857
    font-weight:                bolder;
858
  }
859

  
860
/* Additions for the data catalog pages */
861

  
862
/* Define a border for groups of elements.  This uses the 
863
   -moz-border-radius (Mozilla, Netscape, Opera only) 
864
   attribute for the time being.  Once
865
   browsers support the CSS3 border-radius attribute, this 
866
   should be switched.*/
867
.group {
868
    padding:                    0;
869
    color:                      #003366;
870
    min-width:                  800px;
871
    voice-family:               "\"}\""; /* begin ie5win hack */
872
    voice-family:               inherit;
873
    -moz-border-radius:         10px; /* end ie5win hack */
874
    }
875
/* Children of the group get some padding */
876
.group * {
877
    padding:                    2px;
878
    }
38 879
 
39
.citation   {
40
    color: black;
41
    background-color: #FFFFFF;
42
    font-size: 1.2em
43
    padding-left: 10px;
880
.group_border {
881
    /* aqua-green border */
882
    border:                     #006666 solid 1px;
883
    }
884

  
885
.subGroup {
886
    padding:                    3px;
887
    color:                      #003366;
888
    voice-family:               "\"}\""; /* begin ie5win hack */
889
    voice-family:               inherit;
890
    -moz-border-radius:         10px; /* end ie5win hack */
891
    }
892
 
893
.subGroup_border {
894
    /* blue-ish border */
895
    border:                     #94c1d4 solid 1px;
896
    }
897

  
898
/* This selector causes the 'section' tables to indent under the overarching div
899
 * tags */
900
div>table.subGroup {
901
    padding-left:               15px;
902
    padding-right:              15px;
903
    }
904

  
905
div.left {
906
    position:                   absolute;
907
    left:                       20px;
908
    clear:                      right;
909
    }
910

  
911
div.right {
912
    position:                   absolute;
913
    right:                      20px;
914
    clear:                      left;
915
    }
916

  
917
table.left {
918
    position:                   absolute;
919
    left:                       20px;
920
    }
921

  
922
table.right {
923
    float:                      right;
924
    margin-right:               10px;
925
    clear:                      left;
926
    }
927

  
928
th {
929
    border-bottom:              #006666 solid 1px;
930
    color:                      #003366;
931
    padding:                    0;
932
    margin:                     0;
933
    text-align:                 left;
934
    font-style:                 normal;
935
    font-weight:                700;
936
}
937

  
938
th.rowheader {
939
    background:                 #f1f8f8;
940
    border-right:               #94c1d4 solid 1px;
941
    }
942

  
943
.rowodd {
944
    border-bottom:              #94c1d4 dotted 1px;
945
    border-top:                 #94c1d4 dotted 1px;
946
    background-color:           #f1f8f8;
947
    padding:                    0;
948
    margin:                     0;
949
} 
950

  
951
.roweven {
952
    padding:                    0;
953
    margin:                     0;
954
} 
955

  
956
.coleven {
957
    border-left:                #94c1d4 dotted 1px;
958
    border-right:               #94c1d4 dotted 1px;
959
    background-color:           #f1f8f8;
960
    padding-left:               2px;
961
    padding-right:              2px;
962
    text-align: left;
963
}
964

  
965
.colodd {
966
    padding-left:               2px;
967
    padding-right:              2px;
968
    text-align:                 left;
969
}
970

  
971
.innercolodd {
972
    border:                     solid #94c1d4 1px;
973
    font-size:                  .75em;
974
    padding-left:               2px;
975
    padding-right:              2px;
976
    text-align:                 left;
977
}
978

  
979
.innercoleven {
980
    border:                     solid #94c1d4 1px;
981
    background-color:           #f1f8f8;
982
    font-size:                  .75em;
983
    padding-left:               2px;
984
    padding-right:              2px;
985
    text-align:                 left;
44 986
}    
45 987

  
988
.onehundred_percent {
989
    width:                      100%;
990
    }
991

  
992
.eighty_percent {
993
    width:                      80%;
994
    }
995

  
996

  
997
.seventyfive_percent {
998
    width:                      75%;
999
    }
1000

  
1001
.seventy_percent {
1002
    width:                      70%;
1003
    }
1004

  
1005
.fifty_percent {
1006
    width:                      50%;
1007
    }
1008

  
1009
.fortyfive_percent {
1010
    width:                      45%;
1011
    }
1012

  
1013
.forty_percent {
1014
    width:                      40%;
1015
    }
1016

  
1017
.twentyfive_percent {
1018
    width:                      25%;
1019
    }
1020

  
1021

  
1022
.twenty_percent {
1023
    width:                      20%;
1024
    }
1025

  
1026

  
1027
.fifteen_percent {
1028
    width:                      15%;
1029
    }
1030

  
1031
input, select, textarea {
1032
    color:                      #003366;
1033
    border:                     1px solid #94c1d4;
1034
    margin:                     5px;
1035
    }
1036
    
1037
input.submit {
1038
    margin-left:                5px;
1039
    border:                     #94c1d4 dotted 1px;
1040
    background-color:           #f1f8f8;
1041
    font-size:                  85%;
1042
    }
1043

  
1044
label {
1045
    text-align:                 right;
1046
    vertical-align:             middle;
1047
    color:                      #94c1d4;
1048
    }
1049

  
1050
.login {
1051
    font-size:                  85%;
1052
    width:                      6em;
1053
    }
1054
input.view.data-button{
1055
 /*  color:		#666600; */
1056
   font-size:		1.25em;
1057
 /*  font-weight:		bold; */
1058
   text-decoration:		underline;
1059
   background:		#ffffff;
1060

  
1061
}
1062

  
1063
/***
1064
iframe classes
1065
****/
46 1066
.iframeheaderclass {
47 1067
    height:   100px; 
48 1068
    width:    100%;
49 1069
    border:   0px;
50
    margih:   0px;
1070
    /*margin-bottom:   10px;*/
1071
    margin: 10px;
51 1072
}
52 1073

  
53 1074
.iframesearchboxclass {
......
109 1130
 *  the iframe within it!
110 1131
 */  
111 1132
.templateheaderrowclass {
112
    height:   80px; 
1133
    height:   100px; 
113 1134
    /*
114 1135
      no width allowed - uses same width as table class
115 1136
    */
......
144 1165
    padding:  0px;
145 1166
    margin:   0px;
146 1167
}
147
.sectioncorner {
148
    background-image: url(images/panelhead_bg.gif);
1168

  
1169
.banner {
1170
	background-image: url("./images/banner_background.jpg");
1171
	background-repeat: repeat-x;
149 1172
}
150

  
151 1173
.sectionheader {
152
    background-image: url(images/panelhead_bg.gif);
153
    text-align: center;
154
    color: #0247A8; 
155
    /*    font-size: 1em; 
156
     *        font-weight: bold; */
157
    font-size: 14px; 
158
    font-weight: bold;
159
     }
160

  
161

  
162
.searchcat {
163
    padding-left: 5px;
164
    color: #0247A8;
165
    font-weight: bold;
166
    font-size: 11px; 
1174
	font-weight: bold;
167 1175
}
168
                    
169
td.searchsubcat {
170
    padding-left: 15px; 
1176
.searchresultsdivider {
1177
	height:	10px;
171 1178
}
172

  
173
a.searchsubcat {
174
    color: #669933; 
175
    font-weight: normal;
176
    font-size: 11px; 
1179
.highlight {
1180
    border-bottom:              #94c1d4 dotted 1px;
1181
    border-top:                 #94c1d4 dotted 1px;
1182
    background-color:           #f1f8f8;
1183
    padding:                    0;
1184
    margin:                     0;
177 1185
}
178
                                        
179
a.searchsubcat:hover {
180
    color: #ff9933;
181
    text-decoration: underline; 
182
}
183

  
184
/**
185
 *  then add any other styles used
186
 *  by your page......
187
 */
188

  
189
body { 
190
  	padding-top: 3px;
191
    color: #333333; 
192
    background-color: #eeeeee;
193
    background-image: url(images/bgpattern.gif);
194
    font-weight: normal;
195
    font-size: 12px; 
196
    font-family: Verdana,Arial,Helvetica,sans-serif; 
197
}
198
    
199
a {
200
    color: #669933;
201
    font-weight: bold;
202
    font-size: 12px; 
203
    text-decoration: none; 
204
		text-align: left;
205
}
206
		
207
a:hover {
208
    color: #ff9933;
209
    text-decoration: underline; 
210
}
211

  
212
.pagetitle {
213
    font-family: Georgia, Times New Roman, Times, serif;
214
    background: #0247A8;
215
    margin-left: 0.25em; 
216
}
217
    
218
.pagesub {
219
    font-family: Verdana,Arial,Helvetica,sans-serif;
220
    font-size: 1em;
221
    font-weight: bold;
222
    color: #339933;
223
    margin-left: 3em;
224
    margin-top: 0.5em;
225
    margin-bottom: 2em; 
226
}
227

  
228
.title {
229
    font-family: Georgia, Times New Roman, Times, serif;
230
    color:      #eeeeee;
231
    background: #0247A8;
232
    font-size: 24px; 
233
    font-weight: bold;
234
}
235

  
236
p.title {
237
  padding-left: 15px;
238
}
239

  
240
.subtitle {
241
    font-family: Verdana,Arial,Helvetica,sans-serif;
242
    font-size: 12px;
243
    font-weight: bold;
244
    color: #666666; 
245
    margin-left: 3em;
246
    margin-top: 0.5em;
247
    margin-bottom: 2em;
248
    font-weight: normal; 
249
}
250
    
251
a.toollink {
252
    color: #225522;
253
		text-align: left;
254
    font-size: 14px; 
255
    text-decoration: none; 
256
}
257
    
258
a.toollink:hover {
259
    color: #ff9933;
260
    text-decoration: underline; 
261
}
262
    
263
a.sitelink {
264
    color: #339933;
265
    text-decoration: none; 
266
    font-size: 12px; 
267
    font-weight: bold; 
268
}
269

  
270
a.sitelink:hover {
271
    color: #ff9933;
272
    text-decoration: underline; 
273
}
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff