Project

General

Profile

« Previous | Next » 

Revision 2971

Added by Matt Jones over 18 years ago

New skin files for handling account management.

View differences:

lib/style/skins/account/account.css
1
 /*
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

  
32
/*
33
 *  import eml css:
34
 */
35

  
36
@import url(@style-common-path@/@eml-css@);
37
b {
38
font-weight: bold;
39
}
40

  
41
/**
42
 *  set the correct iframe sizes to accomodate the 
43
 *  header, footer, left and right areas.
44
 *  NOTE: these styles apply only to each 
45
 *  container frame, *NOT* to the document within it!
46
 */  
47
.iframeheaderclass {
48
  height:   155px; 
49
  width:    98%;
50
  border:   0px;
51
  margin:   0px;
52
  margin-left: 10px;
53
}
54

  
55
.iframesearchboxclass { /* not used */ }
56
.iframeleftcolclass  { /* not used */ }
57
.iframerightcolclass { /* not used */ }
58
.iframefooterclass   { /* not used */ }
59

  
60
/**
61
 *  create a left margin for the document
62
 */
63

  
64
body { margin-left: 70px; }
65

  
66
/**
67
 *  set the size and alignment etc of the top-level layout table
68
 */  
69
.templatetableclass {
70
  width:   100%; 
71
  border:   0px;
72
  padding:  0px;
73
  margin:   0px;
74
}
75

  
76

  
77
/**
78
 *  set the style of the main content area and its contents
79
 */ 
80
.templatecontentareaclass {
81
  border:   0px;
82
  padding:  0px;
83
  margin:   0px;
84
}
85

  
86

  
87
/**
88
 *  set the correct <td> sizes to accomodate the 
89
 *  header, footer, left and right iframes.
90
 *  NOTE: these styles apply only to each 
91
 *  container frame, *NOT* to the document in
92
 *  the iframe within it!
93
 */  
94
.templateheaderrowclass {
95
  height:   155px; 
96
/*
97
  no width allowed - uses same width as table class
98
*/
99
  border:   0px;
100
  padding:  0px;
101
  margin:   0px;
102
}
103

  
104

  
105
.templateleftcolclass {
106
  height:   100%; 
107
  width:    0px;
108
  border:   0px;
109
  padding:  0px;
110
  margin:   0px;
111
}
112

  
113

  
114
.templaterightcolclass {
115
  height:   100%; 
116
  width:    0px;
117
  border:   0px;
118
  padding:  0px;
119
  margin:   0px;
120
}
121

  
122

  
123
.templatefooterrowclass {
124
  height:   0px; 
125
/*
126
  no width allowed - uses same width as table class
127
*/
128
  border:   0px;
129
  padding:  0px;
130
  margin:   0px;
131
}
132

  
133

  
134
/**
135
 *  these override styles imported from eml css 
136
 */
137

  
138

  
139
	 
140
.sectionnames{
141
    font-weight: bold;
142
    font-size: 16px;
143
    color: #096B79;
144
}
145

  
146
.linkedHeaderStyle{
147
    
148
    background-color: #A3DADA;
149
    padding-left: 16%;
150
 }
151

  
152
.title {
153
    font-family: Georgia, Times New Roman, Times, serif;
154
    color:      black;
155
    background: white;
156
    font-size: 24px; 
157
    font-weight: bold;
158
}
159

  
160
.secondCol{
161
    background-color: #ffffff; 
162
    font-size: 12px;
163
    padding-left: 5px;
164
}
165

  
166
.highlight  {
167
    color: #096B79;
168
    background-color: #FFFFFF;
169
    font-style: italic;    
170
    font-size: 1em; 
171
    padding-left: 10px;
172
}
173

  
174
.citation  {
175
    color: black;
176
    background-color: #FFFFFF;
177
    font-size: 1.2em; 
178
    padding-left: 10px;
179
}
180

  
181
.tablehead {
182
    color: #096B79;
183
    background: #FFFFFF;
184
    text-align: left;
185
    font-size: 14px; 
186
    font-weight: bold;
187
    border-top: solid #ffffff 15px;
188
    border-bottom: solid #dddddd 1px;
189
    padding-left: 10px;
190
    padding-top: 0px;
191
    padding-bottom: 0px;
192
}
193

  
194
th.tablehead {
195

  
196
    text-align: center;
197
    border-bottom: solid #006666 1px;
198
    margin: 0px;
199
    padding: 0px;
200
    height:  21px;
201
}
202

  
203
.tablehead_lcorner {
204
    background-position: right top;
205
    background-repeat: no-repeat;
206
    padding: 0px;
207
    margin:  0px;
208
    width:   10px;
209
    height:  21px;
210
}    
211
    
212
.tablehead_rcorner {
213
    background-position: left top;
214
    background-repeat: no-repeat;
215
    padding: 0px;
216
    margin:  0px;
217
    width:   10px;
218
    height:  21px;
219
}    
220

  
221
.lsid {
222
    text-decoration: underline; 
223
}
224

  
225
a {
226
    color: #096B79;
227
    font-weight: bold;
228
    font-size: 12px; 
229
    text-decoration: underline; }
230
    
231
a:hover {
232
    color: #ECCE00;
233
    text-decoration: underline; }
234

  
235
/**
236
 *  these are used only in the metacat pages
237
 */
238

  
239
p.emphasis {
240

  
241
  font-size: 18px;
242
  color: #dd7744; 
243
  font-weight: bold;
244
  font-style:  normal;
245
}
246

  
247
.searchresultsdivider {
248
    background-color: #dddddd;   
249
}
250

  
251
/**
252
 *  these are used only in the registry skins
253
 */
254

  
255
 
256
 
257
 
258
p.searchbox {
259
    color: #096B79;
260
    font-weight: bold;
261
    font-size: 12px; 
262
    text-decoration: none; 
263
}
264

  
265
br {
266
    margin: 0px;
267
    padding: 0px;
268
}
269

  
270

  
271
.headertopmargin {
272
margin-top:    10;
273
}
274

  
275
.intro {
276
        width:   760px;
277
        margin-left:    15px;
278
}
279

  
280
textarea {
281
   width: 80%;
282
}
283

  
284
.required {
285
    font-weight: bold;
286
    color: #b00000;
287
}
288

  
289
.label {
290
    font-weight: bold;
291
}
292

  
293

  
294
.emphasis {
295
    font-weight: bold;
296
    font-size: 18px;
297
    color: #000000;
298
}
299

  
300
.colorbold {
301
	font-weight: bold;
302
	color: #096B79;
303
	font-size: 12px;
304
}
305
	
306
.boldlink {
307
	font-weight: bold;
308
	font-size: 12px;
309
}
310

  
311

  
312
.redbold {
313
	font-weight: bold;
314
	color: #b00000;
315
	font-size: 12px;
316
}
317

  
318
.greenbold {
319
	font-weight: bold;
320
	color: #096B79;
321
	font-size: 12px;
322
}
323

  
324
.smalltext {
325
	font-weight: bold;
326
	font-size: 10px;
327
	vertical-align: super;
328
}
329

  
330
.largetext {
331
	font-weight: bold;
332
	font-size: 16px;
333
} 
334

  
335
.italicized {
336
	font-style: italic;
337
	font-size: 12px;
338
}
339

  
340
.regtext {
341
	font-weight: normal;
342
	font-size: 12px;
343
}
344
.sectbody {
345
	background: #DEF1F1;
346
	font-size: 12px;
347
        font-weight: bold;}
348

  
349
.sectheader {
350
	background: #A3DADA;
351
	font-size: 12px;
352
        font-weight: bold;}
353

  
354
.tables {
355
        width:   760px;
356
        margin-left:      20px;
357
        border-top: solid black 1px;
358
        border-left: solid black 1px;
359
        border-right: solid black 1px;      
360
      }
361

  
362
.hide {
363
      display:none;
364
  }
365

  
366
.showLink {
367
      cursor: pointer;
368
      cursor: hand;
369
      display:empty;
370
  }
371

  
372
.bordertop {
373
        border-top: solid black 1px;
374
      }
375
      
376
.borderbottom {
377
        border-bottom: 1px solid black;}
378
	
379
.topbottom {
380
	border-top: 1px solid black;
381
	border-bottom: 1px solid black; 
382
	}
383

  
384
.longwidth {
385
	width: 80%;
386
	}
387

  
388
.shortwidth {
389
	width: 40%;
390
	}
391
	
392
.rightCol {
393
       width:  24%;
394
       text-align: right;
395
    }
396

  
0 397

  
lib/style/skins/account/account.js
1
 /*
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@/account/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

  
184

  
0 185

  
lib/style/skins/account/index.html
1
<!--
2
  *  '$RCSfile$'
3
  *    Copyright: 2004 Regents of the University of California and the
4
  *               National Center for Ecological Analysis and Synthesis
5
  *  For Details: http://www.nceas.ucsb.edu/
6
  *
7
  *   '$Author$'
8
  *     '$Date$'
9
  * '$Revision$'
10
  * 
11
  * This is an HTML document for displaying metadata catalog tools
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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
28
<html>
29
<head>
30
<title>Account Management</title>
31
<link rel="stylesheet" href="@html-path@/style/default.css" type="text/css">
32
  <link rel="stylesheet" type="text/css" 
33
        href="@systemidserver@@style-skins-path@/account/account.css"></link>
34
  <script language="JavaScript" type="text/JavaScript"
35
          src="@systemidserver@@style-skins-path@/account/account.js"></script>
36
  <script language="JavaScript" type="text/JavaScript"
37
          src="@systemidserver@@style-common-path@/branding.js"></script>
38
</head>
39
<body>
40
      <script language="JavaScript">
41
          insertTemplateOpening();
42
          insertSearchBox();
43
      </script>
44
<table width="760" border="0" cellspacing="0" cellpadding="0">
45
  <tr><td colspan="5">
46

  
47
<p>The <b>Account Manager</b> is used to manage your preferences regaring your
48
ecoinformatics.org account.  Currently you can change your password if you
49
know your previous password, and , if you have forgotten your password,
50
you can reset it to a new value that will be emailed to the address on 
51
record for the account.</p>
52

  
53
<p>Account holders enjoy several services provided by ecoinformatics.org, 
54
but most notably they have access to the CVS repositories.</p>
55

  
56
<p>New accounts can be requested by emailing pmc@ecoinformatics.org with your
57
full name (given name and surname), email address, institutional affiliation, and a statement regarding why you want the account (e.g., which projects you are involved with).</p>
58

  
59
<br><br>
60
<tr><td colspan="5">
61
<b>Choose an action:</b>
62

  
63
    <ul>
64
        <li><a href="@cgi-prefix@/ldapweb.cgi?cfg=account&amp;stage=changepass">Change your password</a>
65
        <li><a href="@cgi-prefix@/ldapweb.cgi?cfg=account&amp;stage=resetpass">Reset your password</a>
66
    </ul>
67
</td>
68
</tr>
69
</table>
70

  
71
<script language="JavaScript">          
72
    insertTemplateClosing();
73
</script>
74
</body>
75
</html>
0 76

  
lib/style/skins/account/header.html
1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2
<html>
3
<head>
4
  <title>Account Manager</title>
5
  <link rel="stylesheet" type="text/css" 
6
        href="@systemidserver@@style-skins-path@/account/account.css"></link>
7

  
8
</head>
9

  
10
<body>
11
<table width="760" border="0" cellspacing="0" cellpadding="0">
12
  <tr> 
13
<!--
14
    <td rowspan="3" width="20%" valign="top">
15
      <div align="left"><img src="@systemidserver@@style-skins-path@/account/knb-logo.png"></div>
16
    </td>
17
-->
18
    <td valign="middle" colspan="4" class="title">Ecoinformatics.org Account Manager</td>
19
  </tr>
20
  <tr> 
21
    <td class="spacerrow" valign="top" colspan="4">&nbsp;</td>
22
  </tr>
23
  <tr> 
24
    <td valign="top" width="20%"> 
25
      <p><a href="@systemidserver@@style-skins-path@/account/" target="_top"> Main menu</a></p>
26
    </td>
27
<!--
28
    <td valign="top" width="20%"> 
29
      <p><a href="http://data.nceas.ucsb.edu" target="_top">Repository Home</a></p>
30
    </td>
31
    <td valign="top" width="20%"> 
32
      <p><a href="@cgi-prefix@/register-dataset.cgi?cfg=nceas" target="_top">Register a <br>New Data Set</a></p>
33
    </td>
34
    <td valign="top" width="20%"><p>Nothin</p>
35
    </td>
36
-->
37
  </tr>
38
</table>
39
</body>
0 40

  

Also available in: Unified diff