|
82
|
1 /******************************************************************************
|
|
|
2 ** File: default.css
|
|
0
|
3 ** Purpose: Default Stylesheet for Emacs-W3
|
|
134
|
4 ** Info: Copyright (c) 1995-1996 William M. Perry <wmperry@aventail.com>
|
|
88
|
5 ** Copyright (c) 1997 Free Software Foundation, Inc.
|
|
134
|
6 ** Created: William M. Perry <wmperry@aventail.com>, Aug-31-1995
|
|
|
7 ** Maintainer: William M. Perry <wmperry@aventail.com>
|
|
0
|
8 **
|
|
|
9 ** This contains the top level fallback default styles for Emacs-w3
|
|
82
|
10 **
|
|
136
|
11 *******************************************************************************
|
|
82
|
12 **
|
|
|
13 ** To specify device-dependent styles, you must mark a section with
|
|
88
|
14 ** @media devicetype { ... }
|
|
|
15 ** If you are not using 'devicetype', then anything within the { ... }
|
|
|
16 ** is ignored.
|
|
|
17 **
|
|
|
18 ** These sections are currently defined by
|
|
|
19 ** http://www.w3.org/pub/WWW/Style/Group/WD-PRINT-961220
|
|
|
20 **
|
|
|
21 ** print - output for paged opaque material, and for documents viewed
|
|
|
22 ** on screen in print preview mode
|
|
|
23 ** screen - a continuous presentation of computer screens
|
|
|
24 ** projector - paged presentation for projected presentations
|
|
|
25 ** braille - for braille tactile feedback devices
|
|
|
26 ** speech - aural presentation
|
|
|
27 ** all - the default value, applies to all output devices
|
|
82
|
28 **
|
|
|
29 ** There are a few special Emacs-W3 sections
|
|
|
30 **
|
|
|
31 ** emacs - only include this chunk if you are using Emacs 19
|
|
|
32 ** xemacs - only include this chunk if you are using XEmacs
|
|
118
|
33 ** light - only include this chunk if you are using a light background
|
|
|
34 ** dark - only include this chunk if you are using a dark background
|
|
136
|
35 ** tty - only include this chunk if you are using a TTY
|
|
|
36 ** ansi-tty - " include this chunk if you are using an ANSI-capable TTY
|
|
|
37 *******************************************************************************
|
|
|
38 **
|
|
|
39 ** There are some things this stylesheet cannot really specify, that we
|
|
|
40 ** must rely on the browser to explicitly handle correctly:
|
|
|
41 **
|
|
|
42 ** o table formatting
|
|
|
43 ** o actually creating a hyperlink from an <a> tag and its attributes
|
|
|
44 ** o specifying which tags open lists
|
|
|
45 ** o inlined images
|
|
|
46 ** o frames (perhaps with positioning)
|
|
|
47 ** o applet/script/embed/object
|
|
|
48 ** o horizontal rules
|
|
82
|
49 ******************************************************************************/
|
|
0
|
50
|
|
136
|
51 /* Headers */
|
|
0
|
52
|
|
|
53 h1,h2,h3,
|
|
|
54 h4,h5,h6 {
|
|
|
55 display: block;
|
|
82
|
56 font-family : serif;
|
|
0
|
57 font-weight : bold;
|
|
|
58 }
|
|
|
59
|
|
144
|
60 @media xemacs {
|
|
82
|
61 h1 { font-size : +12pt }
|
|
|
62 h2 { font-size : +6pt }
|
|
|
63 h3 { font-size : +4pt }
|
|
|
64 h5 { font-size : -2pt }
|
|
|
65 h6 { font-size : -4pt }
|
|
144
|
66 }
|
|
136
|
67
|
|
138
|
68 /* This causes problems with Emacs 19 */
|
|
|
69 @media xemacs {
|
|
82
|
70 pre,xmp,
|
|
|
71 plaintext { font-family: monospace }
|
|
|
72 key,code,tt { font-family: monospace }
|
|
138
|
73 }
|
|
0
|
74
|
|
|
75 /*
|
|
|
76 ** Best we can do under Emacs-19 is use the default font and try to make
|
|
|
77 ** the headers stand out somehow.
|
|
|
78 */
|
|
|
79
|
|
82
|
80 @media emacs {
|
|
0
|
81 h1,h2,h3,
|
|
118
|
82 h4,h5,h6 { text-decoration: underline; }
|
|
|
83 h1 { color: rgb(0,255,255); } // cyan
|
|
|
84 h2 { color: rgb(70,130,180); } // steelblue
|
|
|
85 h3 { color: rgb(106,90,205); } // slateblue
|
|
|
86 h4 { color: rgb(135,206,235); } // skyblue
|
|
|
87 h5 { color: rgb(0,0,128); } // navy
|
|
|
88 h6 { color: rgb(173,216,230); } // lightblue
|
|
0
|
89
|
|
82
|
90 strong,em { color: red }
|
|
|
91 dfn { font-style: italic }
|
|
|
92 s,strike { color: green }
|
|
|
93
|
|
|
94 } // @media emacs
|
|
|
95
|
|
70
|
96 p { display: block }
|
|
82
|
97 pre,xmp { display: block; white-space: pre; }
|
|
116
|
98 blockquote{ display: block; margin-left: 5em; margin-right: 5em; }
|
|
20
|
99
|
|
|
100 /*
|
|
98
|
101 ** How to draw form elements.
|
|
|
102 ** This is an extension in Emacs-W3 (and perhaps soon E-Scape)
|
|
|
103 ** Since there are so many different types of input fields, you should be
|
|
|
104 ** able to control formatting based on that. Enter pseudo-classes.
|
|
|
105 **
|
|
|
106 ** This functionality will be removed as soon as the W3C comes up with
|
|
|
107 ** the standard way to do this, perhaps in CSS level 2.
|
|
|
108 */
|
|
|
109 input:text,
|
|
136
|
110 input:int,
|
|
98
|
111 input:float,
|
|
|
112 input:url,
|
|
144
|
113 input:password,
|
|
98
|
114 input:text { text-decoration: underline; }
|
|
|
115 input:submit { color: green; text-decoration: none; }
|
|
|
116 input:reset { color: red; text-decoration: none; }
|
|
|
117 input:button { color: yellow; text-decoration: none; }
|
|
|
118 input:image { text-decoration: none; }
|
|
|
119
|
|
|
120 /*
|
|
0
|
121 ** List formatting instructions
|
|
|
122 */
|
|
|
123
|
|
82
|
124 ul { display: block; }
|
|
|
125 ol { display: block; }
|
|
|
126 dl { display: block; }
|
|
|
127 dir { display: block; }
|
|
|
128 menu { display: block; }
|
|
|
129 dt { font-weight: bold; display: list-item }
|
|
116
|
130 dd { display: list-item; margin-left: 5em; }
|
|
|
131 li { display: list-item; margin-left: 5em; }
|
|
165
|
132 ol li { list-style: decimal; }
|
|
82
|
133 ul li { list-style: circle; }
|
|
0
|
134
|
|
82
|
135 /* These are to make nested list items look better */
|
|
|
136 ul ul,ol ul,ol ol,ul ol { display: line; }
|
|
0
|
137
|
|
|
138 /*
|
|
|
139 ** All logical emphasis tags, the way god intended
|
|
|
140 */
|
|
|
141
|
|
82
|
142 div { display: line; }
|
|
|
143 strong,em { font-weight: bold }
|
|
|
144 dfn { font-style: italic }
|
|
0
|
145 s,strike { text-decoration: line-through }
|
|
82
|
146 sub { text-position: sub }
|
|
|
147 sup { text-position: sup }
|
|
|
148 secret { text-transform: rot13 }
|
|
0
|
149
|
|
|
150 /*
|
|
|
151 ** Physical emphasis - spawn of evil
|
|
|
152 */
|
|
|
153 b { font-weight: bold }
|
|
|
154 i { font-style: italic }
|
|
|
155 u { text-decoration: underline }
|
|
|
156 blink { text-decoration: blink }
|
|
82
|
157 center { display: line; text-align: center; }
|
|
0
|
158 /*
|
|
|
159 ** Various and sundry
|
|
|
160 */
|
|
82
|
161 br { display: line }
|
|
|
162 hr { display: line; text-align: center; }
|
|
0
|
163
|
|
|
164
|
|
|
165 /*
|
|
|
166 ** Hypertext link coloring
|
|
|
167 */
|
|
|
168
|
|
82
|
169 a:link { color: #FF0000 }
|
|
|
170 a:visited { color: #B22222 }
|
|
|
171 a:active { color: #FF0000 }
|
|
|
172
|
|
|
173 /*
|
|
|
174 ** Table formatting
|
|
|
175 */
|
|
|
176 table { display: block; }
|
|
|
177 th { display: block; font-weight: bold; text-align: center; }
|
|
|
178 td { display: block; text-align: left; }
|
|
|
179 caption { display: block; text-align: center; }
|
|
0
|
180
|
|
|
181 /*
|
|
|
182 ** Various other character-level formatting issues
|
|
|
183 */
|
|
|
184
|
|
82
|
185 address { text-align: right; display: line; }
|
|
|
186 abstract { font-style: bold & italic ; text-align : indent }
|
|
|
187 quote { font-style: italic ; text-align : indent }
|
|
0
|
188
|
|
|
189 /*
|
|
|
190 ** Now for monochrome defaults
|
|
|
191 */
|
|
82
|
192 @media mono {
|
|
|
193 a:link { color: black; text-decoration: underline }
|
|
|
194 a:visited { color: black; text-decoration: underline }
|
|
|
195 a:active { color: white }
|
|
|
196 } // @media mono
|
|
0
|
197 /*
|
|
|
198 ** All the TTY specific formatting
|
|
|
199 */
|
|
|
200
|
|
82
|
201 @media tty {
|
|
0
|
202 /*
|
|
|
203 ** First, handle some stuff for generic TTYs to emulate our old
|
|
|
204 ** behaviour with w3-delimit-links and a subset of w3-delimit-emphasis
|
|
|
205 */
|
|
|
206
|
|
|
207 h1,h2,h3,
|
|
|
208 h4,h5,h6 {
|
|
|
209 insert-before: *;
|
|
|
210 insert-after: *
|
|
|
211 }
|
|
|
212
|
|
82
|
213 a:visited{
|
|
|
214 insert-before: "{{";
|
|
|
215 insert-after: "}}"
|
|
0
|
216 }
|
|
26
|
217
|
|
82
|
218 a:link {
|
|
|
219 insert-before: "[[";
|
|
|
220 insert-after: "]]"
|
|
70
|
221 }
|
|
102
|
222
|
|
|
223 input:text,
|
|
136
|
224 input:int,
|
|
102
|
225 input:float,
|
|
|
226 input:url,
|
|
136
|
227 input:file,
|
|
|
228 input:password,
|
|
102
|
229 input:text { insert-before: "[{"; insert-after: "}]"; }
|
|
|
230 select { insert-before: "[{"; insert-after: "}]"; }
|
|
|
231
|
|
82
|
232 } // @media tty
|
|
26
|
233
|
|
0
|
234
|
|
82
|
235 @media ansi-tty {
|
|
0
|
236 /*
|
|
|
237 ** Now comes the cool TTY stuff. You will need to be using XEmacs 19.14
|
|
|
238 ** or later (or Emacs 19.30 under DOS) in order to get any benefit from
|
|
|
239 ** these whatsoever. But if you are using one of these, wow, cool, eh?
|
|
|
240 **
|
|
|
241 ** ANSI specifies these colors, and most (all?) TTYs that support color
|
|
|
242 ** will generally have 2 versions. One normal and one bright or 'standout'
|
|
|
243 ** version.
|
|
|
244 **
|
|
|
245 ** Color R G B
|
|
|
246 ** --------------------------
|
|
|
247 ** white - 1.0 , 1.0 , 1.0
|
|
|
248 ** cyan - 0.0 , 1.0 , 1.0
|
|
|
249 ** magenta - 1.0 , 0.0 , 1.0
|
|
|
250 ** blue - 0.0 , 0.0 , 1.0
|
|
|
251 ** yellow - 1.0 , 1.0 , 0.0
|
|
|
252 ** green - 0.0 , 1.0 , 0.0
|
|
|
253 ** red - 1.0 , 0.0 , 0.0
|
|
|
254 ** black - 0.0 , 0.0 , 0.0
|
|
|
255 */
|
|
|
256
|
|
|
257 h1,h2,h3,
|
|
|
258 h4,h5,h6 { color : cyan }
|
|
82
|
259 a:visited { color : magenta }
|
|
|
260 a:link { color : red }
|
|
|
261 a:active { color : yellow }
|
|
|
262 } // @media ansi-tty
|
|
|
263
|
|
136
|
264 /*
|
|
|
265 ** Secial styles for the Emacspeak subsystem of emacs - an incredibly cool
|
|
|
266 ** speech synthesizer. This was contributed by T.V. Raman (raman@adobe.com)
|
|
|
267 */
|
|
82
|
268 @media speech {
|
|
|
269 h1,h2,h3,
|
|
|
270 h4,h5,h6 { voice-family: paul; stress: 2; richness: 9; }
|
|
|
271 h1 { pitch: 1; pitch-range: 9; }
|
|
|
272 h2 { pitch: 2; pitch-range: 8; }
|
|
|
273 h3 { pitch: 3; pitch-range: 7; }
|
|
|
274 h4 { pitch: 4; pitch-range: 6; }
|
|
|
275 h5 { pitch: 5; pitch-range: 5; }
|
|
|
276 h6 { pitch: 6; pitch-range: 4; }
|
|
|
277
|
|
|
278 li,dt,dd { pitch: 6; richness: 6; }
|
|
|
279 dt { stress: 8; }
|
|
|
280
|
|
134
|
281 pre,xmp,plaintext,key,code,tt { pitch: 5;
|
|
|
282 pitch-range: 0;
|
|
|
283 stress: 0;
|
|
82
|
284 richness: 8;
|
|
|
285 }
|
|
|
286 em { pitch: 6; pitch-range: 6; stress: 6; richness: 5; }
|
|
|
287 strong { pitch: 6; pitch-range: 6; stress: 9; richness: 9; }
|
|
|
288 dfn { pitch: 7; pitch-range: 6; stress: 6; }
|
|
|
289 s,strike { richness: 0; }
|
|
|
290 i { pitch: 6; pitch-range: 6; stress: 6; richness: 5 }
|
|
|
291 b { pitch: 6; pitch-range: 6; stress: 9; richness: 9; }
|
|
|
292 u { richness: 0; }
|
|
|
293 a:link { voice-family: harry; }
|
|
|
294 a:visited { voice-family: betty;}
|
|
|
295 a:active { voice-family: betty; pitch-range: 8; pitch: 8 }
|
|
|
296
|
|
|
297 } // @media speech
|
