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