Mercurial > hg > xemacs-beta
comparison etc/w3/stylesheet @ 70:131b0175ea99 r20-0b30
Import from CVS: tag r20-0b30
author | cvs |
---|---|
date | Mon, 13 Aug 2007 09:02:59 +0200 |
parents | 8d2a9b52c682 |
children | 6a378aca36af |
comparison
equal
deleted
inserted
replaced
69:804d1389bcd6 | 70:131b0175ea99 |
---|---|
1 /****************************************************************************** | 1 /* File: default.css |
2 ** File: default.css | |
3 ** Purpose: Default Stylesheet for Emacs-W3 | 2 ** Purpose: Default Stylesheet for Emacs-W3 |
4 ** Info: Copyright (c) 1995 - 1996 William M. Perry <wmperry@spry.com> | 3 ** Info: Copyright (c) 1995 William M. Perry <wmperry@spry.com> |
5 ** Copyright (c) 1997 Free Software Foundation, Inc. | |
6 ** Created: William M. Perry <wmperry@spry.com>, Aug-31-1995 | 4 ** Created: William M. Perry <wmperry@spry.com>, Aug-31-1995 |
7 ** Maintainer: William M. Perry <wmperry@spry.com> | 5 ** Maintainer: William M. Perry <wmperry@spry.com> |
8 ** | 6 ** |
9 ** This contains the top level fallback default styles for Emacs-w3 | 7 ** This contains the top level fallback default styles for Emacs-w3 |
10 ** | 8 */ |
11 ****************************************************************************** | |
12 ** | |
13 ** To specify device-dependent styles, you must mark a section with | |
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 | |
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 | |
33 ******************************************************************************/ | |
34 | 9 |
35 /* | 10 /* |
36 ** Headers | 11 ** Headers |
37 */ | 12 */ |
38 | 13 |
39 h1,h2,h3, | 14 h1,h2,h3, |
40 h4,h5,h6 { | 15 h4,h5,h6 { |
41 display: block; | 16 display: block; |
42 font-family : serif; | 17 font-family : utopia charter times itc-zapf-chancery inja; |
43 font-weight : bold; | 18 font-weight : bold; |
44 } | 19 } |
45 | 20 |
46 /* | 21 /* |
47 ** Since Emacs-19 doesn't handle mixed-sized fonts very well just yet, | 22 ** Since Emacs-19 doesn't handle mixed-sized fonts very well just yet, |
48 ** we only use them under XEmacs. Hopefully, this will change soon. | 23 ** we only use them under XEmacs. Hopefully, this will change soon. |
49 */ | 24 */ |
50 @media xemacs { | 25 |
51 h1 { font-size : +12pt } | 26 :xemacs: |
52 h2 { font-size : +6pt } | 27 h1 { font-size : 24pt } |
53 h3 { font-size : +4pt } | 28 h2 { font-size : 18pt } |
54 h5 { font-size : -2pt } | 29 h3 { font-size : 16pt } |
55 h6 { font-size : -4pt } | 30 h4 { font-size : 14pt } |
56 /* | 31 h5 { font-size : 12pt } |
57 ** Emacs-19 also doesn't handle how Emacs-W3 changes this type of font | 32 h6 { font-size : 10pt } |
58 ** very well, so lets only do it under XEmacs for now. Emacs-19 can only | |
59 ** do monospaced fonts anyway, so its redundant. | |
60 */ | |
61 pre,xmp, | |
62 plaintext { font-family: monospace } | |
63 key,code,tt { font-family: monospace } | |
64 } // @media xemacs | |
65 | 33 |
66 /* | 34 /* |
67 ** Best we can do under Emacs-19 is use the default font and try to make | 35 ** Best we can do under Emacs-19 is use the default font and try to make |
68 ** the headers stand out somehow. | 36 ** the headers stand out somehow. |
69 */ | 37 */ |
70 | 38 |
71 @media emacs { | 39 :emacs: |
72 h1,h2,h3, | 40 h1,h2,h3, |
73 h4,h5,h6 { | 41 h4,h5,h6 { font-style: small-caps; text-decoration: underline } |
74 text-decoration: underline; | |
75 color: blue; | |
76 } | |
77 | 42 |
78 strong,em { color: red } | 43 :normal: |
79 dfn { font-style: italic } | |
80 s,strike { color: green } | |
81 | |
82 } // @media emacs | |
83 | |
84 p { display: block } | 44 p { display: block } |
85 pre,xmp { display: block; white-space: pre; } | |
86 blockquote{ display: block; margin-left: 5em; margin-right: 5em; } | |
87 | |
88 /* | |
89 ** How to draw form elements. | |
90 ** This is an extension in Emacs-W3 (and perhaps soon E-Scape) | |
91 ** Since there are so many different types of input fields, you should be | |
92 ** able to control formatting based on that. Enter pseudo-classes. | |
93 ** | |
94 ** This functionality will be removed as soon as the W3C comes up with | |
95 ** the standard way to do this, perhaps in CSS level 2. | |
96 */ | |
97 input:text, | |
98 input:integer, | |
99 input:float, | |
100 input:url, | |
101 input:text { text-decoration: underline; } | |
102 input:submit { color: green; text-decoration: none; } | |
103 input:reset { color: red; text-decoration: none; } | |
104 input:button { color: yellow; text-decoration: none; } | |
105 input:image { text-decoration: none; } | |
106 | 45 |
107 /* | 46 /* |
108 ** List formatting instructions | 47 ** List formatting instructions |
109 */ | 48 */ |
110 | 49 |
111 ul { display: block; } | 50 dl,ul,ol { |
112 ol { display: block; } | 51 display: block; |
113 dl { display: block; } | 52 margin-left: 5em |
114 dir { display: block; } | 53 } |
115 menu { display: block; } | |
116 dt { font-weight: bold; display: list-item } | |
117 dd { display: list-item; margin-left: 5em; } | |
118 li { display: list-item; margin-left: 5em; } | |
119 ul li { list-style: circle; } | |
120 ol li { list-style: decimal; } | |
121 | 54 |
122 /* These are to make nested list items look better */ | 55 li { display: list-item } |
123 ul ul,ol ul,ol ol,ul ol { display: line; } | 56 dt { font-weight: bold; display: block } |
57 dd { insert-before: 3em; display: list-item } | |
58 | |
59 /* | |
60 ** All items that require fixed-width fonts | |
61 */ | |
62 | |
63 pre,xmp, | |
64 plaintext { font-family: monospace; display: block } | |
65 key,code,tt { font-family: monospace } | |
124 | 66 |
125 /* | 67 /* |
126 ** All logical emphasis tags, the way god intended | 68 ** All logical emphasis tags, the way god intended |
127 */ | 69 */ |
128 | 70 |
129 div { display: line; } | 71 strong,em { font-weight: bold } |
130 strong,em { font-weight: bold } | 72 dfn { font-style: italic } |
131 dfn { font-style: italic } | |
132 s,strike { text-decoration: line-through } | 73 s,strike { text-decoration: line-through } |
133 sub { text-position: sub } | 74 sub { text-position: sub } |
134 sup { text-position: sup } | 75 sup { text-position: sup } |
135 secret { text-transform: rot13 } | 76 secret { text-transform: rot13 } |
136 | 77 |
137 /* | 78 /* |
138 ** Physical emphasis - spawn of evil | 79 ** Physical emphasis - spawn of evil |
139 */ | 80 */ |
140 b { font-weight: bold } | 81 b { font-weight: bold } |
141 i { font-style: italic } | 82 i { font-style: italic } |
142 u { text-decoration: underline } | 83 u { text-decoration: underline } |
143 blink { text-decoration: blink } | 84 blink { text-decoration: blink } |
144 center { display: line; text-align: center; } | 85 |
145 /* | 86 /* |
146 ** Various and sundry | 87 ** Various and sundry |
147 */ | 88 */ |
148 br { display: line } | 89 br { display: list-item } |
149 hr { display: line; text-align: center; } | 90 hr { display: list-item } |
91 hr[SRC] { replace: {SRC} } | |
150 | 92 |
151 | 93 |
152 /* | 94 /* |
153 ** Hypertext link coloring | 95 ** Hypertext link coloring |
154 */ | 96 */ |
155 | 97 |
156 a:link { color: #FF0000 } | 98 a { cursor: hand2 } |
157 a:visited { color: #B22222 } | 99 a.link { color: #FF0000 } |
158 a:active { color: #FF0000 } | 100 a.visited { color: #B22222 } |
159 | 101 a.active { color: #FF0000 } |
160 /* | |
161 ** Table formatting | |
162 */ | |
163 table { display: block; } | |
164 th { display: block; font-weight: bold; text-align: center; } | |
165 td { display: block; text-align: left; } | |
166 caption { display: block; text-align: center; } | |
167 | 102 |
168 /* | 103 /* |
169 ** Various other character-level formatting issues | 104 ** Various other character-level formatting issues |
170 */ | 105 */ |
171 | 106 |
172 address { text-align: right; display: line; } | 107 address { align : right } |
173 abstract { font-style: bold & italic ; text-align : indent } | 108 abstract { font-style : bold & italic ; align : indent } |
174 quote { font-style: italic ; text-align : indent } | 109 quote { font-style : italic ; align : indent } |
175 | 110 |
176 /* | 111 /* |
177 ** Now for monochrome defaults | 112 ** Now for monochrome defaults |
113 ** Anything up to the next :xxx: media descriptor is only used if | |
114 ** you are on that type of media. | |
178 */ | 115 */ |
179 @media mono { | 116 :mono: |
180 a:link { color: black; text-decoration: underline } | 117 a.link { color: black; text-decoration: underline } |
181 a:visited { color: black; text-decoration: underline } | 118 a.visited { color: black; text-decoration: underline } |
182 a:active { color: white } | 119 a.active { color: white } |
183 } // @media mono | 120 |
184 /* | 121 /* |
185 ** All the TTY specific formatting | 122 ** All the TTY specific formatting |
186 */ | 123 */ |
187 | 124 |
188 @media tty { | 125 :tty: |
126 | |
189 /* | 127 /* |
190 ** First, handle some stuff for generic TTYs to emulate our old | 128 ** First, handle some stuff for generic TTYs to emulate our old |
191 ** behaviour with w3-delimit-links and a subset of w3-delimit-emphasis | 129 ** behaviour with w3-delimit-links and a subset of w3-delimit-emphasis |
192 */ | 130 */ |
193 | 131 |
195 h4,h5,h6 { | 133 h4,h5,h6 { |
196 insert-before: *; | 134 insert-before: *; |
197 insert-after: * | 135 insert-after: * |
198 } | 136 } |
199 | 137 |
200 a:visited{ | 138 a.visited{ |
201 insert-before: "{{"; | 139 insert.before: "{{"; |
202 insert-after: "}}" | 140 insert.after: "}}" |
203 } | 141 } |
204 | 142 |
205 a:link { | 143 a.link { |
206 insert-before: "[["; | 144 insert.before: "[["; |
207 insert-after: "]]" | 145 insert.after: "]]" |
208 } | 146 } |
209 | 147 |
210 input:text, | 148 /* End Generic TTY */ |
211 input:integer, | |
212 input:float, | |
213 input:url, | |
214 input:text { insert-before: "[{"; insert-after: "}]"; } | |
215 select { insert-before: "[{"; insert-after: "}]"; } | |
216 | 149 |
217 } // @media tty | 150 :ansi-tty: |
218 | 151 |
219 | |
220 @media ansi-tty { | |
221 /* | 152 /* |
222 ** Now comes the cool TTY stuff. You will need to be using XEmacs 19.14 | 153 ** Now comes the cool TTY stuff. You will need to be using XEmacs 19.14 |
223 ** or later (or Emacs 19.30 under DOS) in order to get any benefit from | 154 ** or later (or Emacs 19.30 under DOS) in order to get any benefit from |
224 ** these whatsoever. But if you are using one of these, wow, cool, eh? | 155 ** these whatsoever. But if you are using one of these, wow, cool, eh? |
225 ** | 156 ** |
239 ** black - 0.0 , 0.0 , 0.0 | 170 ** black - 0.0 , 0.0 , 0.0 |
240 */ | 171 */ |
241 | 172 |
242 h1,h2,h3, | 173 h1,h2,h3, |
243 h4,h5,h6 { color : cyan } | 174 h4,h5,h6 { color : cyan } |
244 a:visited { color : magenta } | 175 a.visited { color : magenta } |
245 a:link { color : red } | 176 a.link { color : red } |
246 a:active { color : yellow } | 177 a.active { color : yellow } |
247 } // @media ansi-tty | |
248 | |
249 @media speech { | |
250 h1,h2,h3, | |
251 h4,h5,h6 { voice-family: paul; stress: 2; richness: 9; } | |
252 h1 { pitch: 1; pitch-range: 9; } | |
253 h2 { pitch: 2; pitch-range: 8; } | |
254 h3 { pitch: 3; pitch-range: 7; } | |
255 h4 { pitch: 4; pitch-range: 6; } | |
256 h5 { pitch: 5; pitch-range: 5; } | |
257 h6 { pitch: 6; pitch-range: 4; } | |
258 | |
259 li,dt,dd { pitch: 6; richness: 6; } | |
260 dt { stress: 8; } | |
261 | |
262 pre,xmp,plaintext,key,code,tt { pitch: 1; | |
263 pitch-range: 1; | |
264 stress: 1; | |
265 richness: 8; | |
266 } | |
267 em { pitch: 6; pitch-range: 6; stress: 6; richness: 5; } | |
268 strong { pitch: 6; pitch-range: 6; stress: 9; richness: 9; } | |
269 dfn { pitch: 7; pitch-range: 6; stress: 6; } | |
270 s,strike { richness: 0; } | |
271 i { pitch: 6; pitch-range: 6; stress: 6; richness: 5 } | |
272 b { pitch: 6; pitch-range: 6; stress: 9; richness: 9; } | |
273 u { richness: 0; } | |
274 a:link { voice-family: harry; } | |
275 a:visited { voice-family: betty;} | |
276 a:active { voice-family: betty; pitch-range: 8; pitch: 8 } | |
277 | |
278 } // @media speech |