Project

General

Profile

Revision 1968

Added by Matt Jones over 17 years ago

Improvements to the OBFS stylesheet, especially for EML display. Now we
import the eml_xsl.css stylesheet and override several of its templates.

View differences:

lib/style/skins/obfs/obfs.css
28 28
  */
29 29

  
30 30

  
31

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

  
36
@import url(@style-common-path@/@eml-css@);
37

  
31 38
/**
32 39
 *  set the correct iframe sizes to accomodate the 
33 40
 *  header, footer, left and right areas.
......
35 42
 *  container frame, *NOT* to the document within it!
36 43
 */  
37 44
.iframeheaderclass {
38
  height:   140px; 
45
  height:   155px; 
39 46
  width:    100%;
40 47
  border:   0px;
41 48
  margin:   0px;
42 49
  margin-left: 10px;
43 50
}
44 51

  
45
.iframesearchboxclass {
46
  height:   30px; 
47
  width:    100%;
48
  border:   0px;
49
  margin:   0px;
50
  margin-left: 10px;
51
}
52
.iframesearchboxclass { /* not used */ }
53
.iframeleftcolclass  { /* not used */ }
54
.iframerightcolclass { /* not used */ }
55
.iframefooterclass   { /* not used */ }
52 56

  
53
.iframeleftcolclass  { /* not used */ 
54
  height:   100%; 
55
  width:    100px;
56
  border:   0px;
57
  margin:   0px;
58
}
59
.iframerightcolclass { /* not used */  
60
  height:   100%; 
61
  width:    100px;
62
  border:   0px;
63
  margin:   0px;
64
}
65
.iframefooterclass   { /* not used */ 
66
  height:   80px; 
67
  width:    100%;
68
  border:   0px;
69
  margin:   0px;
70
}
71

  
72 57
/**
73 58
 *  set the size and alignment etc of the top-level layout table
74 59
 */  
......
98 83
 *  the iframe within it!
99 84
 */  
100 85
.templateheaderrowclass {
101
  height:   140px; 
86
  height:   155px; 
102 87
/*
103 88
  no width allowed - uses same width as table class
104 89
*/
......
110 95

  
111 96
.templateleftcolclass {
112 97
  height:   100%; 
113
  width:    100px;
98
  width:    0px;
114 99
  border:   0px;
115 100
  padding:  0px;
116 101
  margin:   0px;
......
119 104

  
120 105
.templaterightcolclass {
121 106
  height:   100%; 
122
  width:    100px;
107
  width:    0px;
123 108
  border:   0px;
124 109
  padding:  0px;
125 110
  margin:   0px;
......
127 112

  
128 113

  
129 114
.templatefooterrowclass {
130
  height:   80px; 
115
  height:   0px; 
131 116
/*
132 117
  no width allowed - uses same width as table class
133 118
*/
......
136 121
  margin:   0px;
137 122
}
138 123

  
124

  
139 125
/**
140
 *  then add any other styles used by your page......
126
 *  these override styles imported from eml css 
141 127
 */
142 128

  
143

  
144
body { 
145
  	padding-top: 3px;
146
    color: #333333; 
147
    background-image: url(@web-base-url@/images/bgpattern.gif);
148
    font-weight: normal;
149
    font-size: 11px; 
150
    font-family: Verdana,Arial,Helvetica,sans-serif; }
151
    
152
a {
153
    color: #0033FF;
154
    font-weight: bold;
155
    font-size: 12px; 
156
    text-decoration: none; }
157
    
158
a:hover {
159
    color: #ff9933;
160
    text-decoration: underline; }
161
		
162
p.searchbox {
163
    color: #0033FF;
164
    font-weight: bold;
165
    font-size: 12px; 
166
    text-decoration: none; }
167

  
168
.logo {
169
    background: #ffffff;
170
		padding: 5px; }
171
		
172
.pagetitle {
173
    font-family: Georgia, Times New Roman, Times, serif;
174
    background: #0247A8;
175
    margin-left: 0.25em; }
176
    
177
.pagesub {
178
    font-family: Verdana,Arial,Helvetica,sans-serif;
179
    font-size: 1em;
180
    font-weight: bold;
181
    color: #339933;
182
    margin-left: 3em;
183
    margin-top: 0.5em;
184
    margin-bottom: 2em; }
185 129
.title {
186 130
    font-family: Georgia, Times New Roman, Times, serif;
187
    color:      #000000;
131
    color:      black;
132
    background: white;
188 133
    font-size: 24px; 
189
    font-weight: bold;}
190
p.title {
134
    font-weight: bold;
135
}
191 136

  
192
  padding-left: 15px;
137
.highlight  {
138
    color: #006699;
139
    background-color: #FFFFFF; 
140
    font-style: italic;
141
    font-size: 1em; 
142
    padding-left: 10px;
193 143
}
194
.subtitle {
195
    font-family: Verdana,Arial,Helvetica,sans-serif;
196
    font-size: 12px;
144

  
145
.tablehead {
146
    color: #0040A1;
147
    background: #FFFFFF;
148
    text-align: left;
149
    font-size: 14px; 
197 150
    font-weight: bold;
198
    color: #666666; 
199
    margin-left: 3em;
200
    margin-top: 0.5em;
201
    margin-bottom: 2em;
202
    font-weight: normal; }
151
    border-top: solid #ffffff 15px;
152
    border-bottom: solid #dddddd 1px;
153
    padding-left: 10px;
154
    padding-top: 0px;
155
    padding-bottom: 0px;
156
}
157

  
158
th.tablehead {
159

  
160
    text-align: center;
161
    border-bottom: solid #006666 1px;
162
    margin: 0px;
163
    padding: 0px;
164
    height:  21px;
165
}
166

  
167
.tablehead_lcorner {
168
    background-position: right top;
169
    background-repeat: no-repeat;
170
    padding: 0px;
171
    margin:  0px;
172
    width:   10px;
173
    height:  21px;
174
}    
203 175
    
204
a.toollink {
205
    color: #0033FF;
206
	text-align: left;
207
    font-size: 14px; 
176
.tablehead_rcorner {
177
    background-position: left top;
178
    background-repeat: no-repeat;
179
    padding: 0px;
180
    margin:  0px;
181
    width:   10px;
182
    height:  21px;
183
}    
184

  
185
a {
186
    color: #0040A1;
187
    font-weight: bold;
188
    font-size: 12px; 
208 189
    text-decoration: none; }
209 190
    
210
a.toollink:hover {
191
a:hover {
211 192
    color: #ff9933;
212 193
    text-decoration: underline; }
213
    
214
a.sitelink {
215
    color: #339933;
216
    text-decoration: none; 
217
    font-size: 11px; 
218
    font-weight: bold; }
219
a.sitelink:hover {
220
    color: #ff9933;
221
    text-decoration: underline; }
222 194

  
223
.tabledefault {
224
    background: white;
225
    color: #555555;
226
    font-size: 11px; 
227
    left-padding: 5px;
228
    right-padding: 5px; }
229
.tablepanel {
230
    background: #eeeeee;
231
    color: #555555;
232
    font-size: 11px; 
233
    left-padding: 5px;
234
    right-padding: 5px; }
235
.tablehead {
236
    background-image: url(@web-base-url@/images/panelhead_bg.gif);
237
    color: #0040A1; 
238
	  text-align: center;
239
    font-size: 14px; 
240
    font-weight: bold; 
241
    padding: 0px;
242
    }
243
.tableheadcontrast {
244
    background: #dddddd;
245
    vertical-align: baseline;
246
    color: #666666;
247
    font-size: 16px; 
248
    font-weight: bold; }
249
.spacerrow {
250
    top-margin: 10px; }
251
.instright { 
252
    color: #333333; 
253
    text-align: right;
254
    vertical-align: middle;
255
    padding: 1em;
256
    font-size: 1em; 
257
    font-weight: bold; }
258
.instleft { 
259
    color: #333333; 
260
    text-align: left;
261
    vertical-align: middle;
262
    padding: 1em;
263
    font-size: 1em; 
264
    font-weight: bold; }
265
p { 
266
    margin: 5px; }
267
.required { 
268
    color: red; }
269
.emphasis { 
270
    color: red; }
271
p.label { 
272
    color: #333333; 
273
    font-weight: bold; }
274
p.contact { 
275
    color: #333333; 
276
    padding: 1em;
277
    font-size: 0.75em; 
278
    font-weight: normal;
279
    font-style: italic; }
280
p.header {
281
    color: #333333; 
282
    padding: 5px;
283
    font-size: 12px; 
284
    font-weight: bold; }
195
/**
196
 *  these are used only in the metacat pages
197
 */
285 198

  
286 199
p.emphasis {
287 200

  
......
290 203
  font-weight: bold;
291 204
  font-style:  normal;
292 205
}
293
img.logoright {
294
    padding: 0.5em;
295
    border: none;
296
    float: right; }
297
img.logoleft {
298
    padding: 0.25em;
299
    border: none;
300
    float: left; }
301
.roweven {
302
/*
303
    background: #d0e3f7; }
304
*/
305
    background: white; }
306
.rowodd {
307
    background: white; }
308
.highlight  {
309
    background-color: #dddddd; 
310
    font-size: -1; }
311
.plaintext {
312
    color: #555555;
313
    font-weight: normal;
314
    font-size: 11px;
315
    }
316
.boldtext {
317
    color: #333333;
318
    font-weight: bold;
319
    font-size: 11px;
320
    }
321 206

  
322 207
.searchresultsdivider {
323 208
    background-color: #dddddd;   
324 209
}
325 210

  
326

  
327
/******************************************************************************/
328
/******************************************************************************/
329
/******************************************************************************/
330
/**                                                                          **/
331
/**                         FROM PORTAL CSS FILE                             **/
332
/**                                                                          **/
333
/******************************************************************************/
334
/******************************************************************************/
335
/******************************************************************************/
336

  
337
		
338
.maintable {
339
    background: #ffffff;
211
/**
212
 *  these are used only in the registry skins
213
 */
214
p.searchbox {
215
    color: #0040A1;
216
    font-weight: bold;
217
    font-size: 12px; 
218
    text-decoration: none; 
340 219
}
341 220

  
342
.subpanel {
343

  
344
  background:   #ffffff;
345
  border-left:   solid #cccccc 1px;
346
  border-right:  solid #cccccc 1px;
347
  border-bottom: solid #cccccc 1px;
221
br {
222
    margin: 0px;
223
    padding: 0px;
348 224
}
349 225

  
350

  
351
.sectionheader {
352

  
353
    background-image: url(@web-base-url@/images/panelhead_bg.gif);
354
	  text-align: center;
355
    color: #0247A8; 
356
    font-size: 16px; 
357
    font-weight: bold; }
358

  
359
.text_plain { 
360

  
361
	  padding: 5px;
362
    color: #666666;
363
    font-weight: normal;
364
    font-size: 12px; }
365

  
366
.text_plain_smaller { 
367

  
368
	  padding: 5px;
369
    font-weight: normal;
370
    font-size: 11px; }
371

  
372
.text_example { 
373

  
374
	  padding: 5px;
375
    color: #999999;
376
    font-weight: normal;
377
    font-size: 11px; }
378

  
379
.searchcat {
380
  	padding-left: 5px;
381
    color: #0247A8;
382
    font-weight: bold;
383
    font-size: 11px; }
384
		
385
td.searchsubcat {
386
  	padding-left: 15px; }
387

  
388
a.searchsubcat {
389
    color: #669933; 
390
    font-weight: normal;
391
    font-size: 11px; }
392
		
393
a.searchsubcat:hover {
394
    color: #ff9933;
395
    text-decoration: underline; }

Also available in: Unified diff