Revision 1968
Added by Matt Jones about 21 years ago
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
Improvements to the OBFS stylesheet, especially for EML display. Now we
import the eml_xsl.css stylesheet and override several of its templates.