Skip to content

Commit 74da477

Browse files
fantasaifantasai
committed
add default.css
1 parent c477dfa commit 74da477

1 file changed

Lines changed: 373 additions & 0 deletions

File tree

‎css3-text/default.css‎

Lines changed: 373 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,373 @@
1+
/*
2+
* Style sheet for the CSS3 specification,
3+
* to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC}
4+
* $Id$
5+
*/
6+
7+
@media print {
8+
9+
/* the following doesn't work for now,
10+
instead we rely on a patched version of html2ps which has this built-in */
11+
.dlink { display: none }
12+
13+
/* the following doesn't work for now,
14+
instead we rely on a patched version of html2ps which has this built-in */
15+
div.navbar {
16+
display: none;
17+
}
18+
19+
html { margin: 0 !important }
20+
body { font-family: serif }
21+
th, td { font-family: inherit }
22+
a { color: inherit !important }
23+
div.example:before { font-family: serif !important }
24+
pre.example:before { font-family: serif !important }
25+
a:link, a:visited { text-decoration: none !important }
26+
a:link:after, a:visited:after { /* create a cross-ref "see..." */ }
27+
}
28+
@page {
29+
margin: 1.5cm 1.1cm;
30+
}
31+
32+
/* html body { margin-left: 8.5em } /* Overrides 70px in base.css */
33+
34+
h2, h3, h5, h6 { margin-top: 2em }
35+
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit }
36+
div.figure, pre, table.propdef, div.example { page-break-inside: avoid }
37+
dt { page-break-after: avoid }
38+
39+
span.id {float: right; font-weight: bold}
40+
41+
/* p, p.note + p, p.testlink + p, p.note, p.issue { */
42+
p, p.testlink + p, p.issue {
43+
text-indent: 0;
44+
margin-bottom: 0;
45+
margin-top: 0.8em
46+
}
47+
p + p {
48+
text-indent: 2em;
49+
margin-top: 0
50+
}
51+
dd p {
52+
margin-top: 0
53+
}
54+
55+
h1 + h2 {
56+
margin-top: 0;
57+
}
58+
59+
pre {
60+
text-align: left; /* fixes justification in Mac IE 5 */
61+
text-indent: 0; /* fixes indent in Mac Netscape 6 */
62+
margin-top: 1em;
63+
margin-bottom: 1em;
64+
font-size: 90% /*smaller*/;
65+
}
66+
/*
67+
var {
68+
font-style: normal;
69+
}
70+
*/
71+
img {
72+
border-style: none;
73+
color: white;
74+
}
75+
.toc {
76+
text-indent: 0;
77+
}
78+
79+
80+
@media all { /* NS < 6 doesn't like borders around inline elements... */
81+
82+
body {
83+
line-height: 1.3;
84+
}
85+
86+
a:link, a:visited {
87+
color: inherit;
88+
}
89+
90+
a.logo:link, a.logo:visited {
91+
padding: 0;
92+
border-style: none;
93+
}
94+
95+
/* Hmm, this seems to confuse many browsers... */
96+
dt { margin-left: 0 }
97+
dd { margin-left: 2em }
98+
dl, ul, ol { margin-left: 0; padding-left: 0 }
99+
li { margin-left: 2em; padding-left: 0 }
100+
101+
}
102+
ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ }
103+
ul.indexlist li { margin-left: 0; list-style: none }
104+
ul.indexlist li li { margin-left: 1em }
105+
106+
div.example:before {
107+
content: "Example";
108+
content: "Example " counter(exampleno, upper-roman);
109+
counter-increment: exampleno;
110+
font: bold small sans-serif;
111+
/*float: left;*/
112+
position: absolute;
113+
top: -0.6em;
114+
left: -2.5em;
115+
width: 7.5em;
116+
text-align: center;
117+
line-height: 1em;
118+
color: #FFF8DD;
119+
background: #600;
120+
padding: 0.1em;
121+
border: thin solid #999;
122+
/*margin: -1.3em 0 0.3em -2.5em;*/
123+
}
124+
pre.example:before {
125+
content: "Example";
126+
content: "Example " counter(exampleno, upper-roman);
127+
counter-increment: exampleno;
128+
font: bold small sans-serif;
129+
/*float: left;*/
130+
position: absolute;
131+
top: -0.6em;
132+
left: -2.5em;
133+
width: 7.5em;
134+
text-align: center;
135+
line-height: 1em;
136+
color: #FFF8DD;
137+
background: #600;
138+
padding: 0.1em;
139+
border: thin solid #999;
140+
/*margin: -1.3em 0 0.3em -2.5em;*/
141+
}
142+
div.example, div.illegal-example, div.html, div.illegal-html, div.xml,
143+
div.illegal-xml, pre.example, pre.illegal-example, pre.html,
144+
pre.illegal-html, pre.xml, pre.illegal-xml {
145+
background: #FFF8DD;
146+
padding: 0.5em;
147+
margin: 1em 0;
148+
border: thin solid #999;
149+
position: relative;
150+
}
151+
div.example { color: #600 }
152+
pre.example { color: #600 }
153+
pre.illegal-example { color: red }
154+
div.illegal-example { color: red }
155+
div.illegal-example p { color: black }
156+
157+
div.html { color: #600 }
158+
pre.html { color: #600 }
159+
pre.illegal-html { color: red }
160+
div.illegal-html { color: red }
161+
div.illegal-html p { color: black }
162+
pre.deprecated-html { color: red }
163+
div.deprecated-html { color: red }
164+
div.deprecated-html p { color: black }
165+
166+
div.xml { color: #600 }
167+
pre.xml { color: #600 }
168+
pre.illegal-xml { color: red }
169+
div.illegal-xml { color: red }
170+
div.illegal-xml p { color: black }
171+
172+
code { font-size: 90% }
173+
.css { color: #800 } /* inline CSS code (SPAN/CODE) */
174+
code.css { font-family: inherit; font-size: 100% }
175+
code.html { color: #600 } /* inline HTML */
176+
code.xml { color: #600 } /* inline XML */
177+
.property { } /* name of a CSS property (SPAN) */
178+
.descriptor { } /* name of a CSS descriptor (SPAN) */
179+
p.issue, div.issue, span.issue { color: #c00 } /* editorial remark, open issue */
180+
.type { font-style: italic } /* A <type> value for a property */
181+
182+
dfn { font-weight: bolder; /*font-size: 1em*/ }
183+
184+
/* Class note is a non-normative note. May be inline or a P or DIV */
185+
.note {
186+
/* font-weight: bold; */
187+
color: green
188+
}
189+
p.note, div.note {
190+
/* margin: 1em 2em; */
191+
}
192+
p.note:before, span.note:before { content: "\25B6" " " }
193+
div.note > p:first-child:before { content: "\25B6" " " }
194+
195+
.normref { color: red }
196+
.informref { color: green }
197+
198+
199+
/* ToC not indented, but font style shows hierarchy */
200+
ul.toc {margin: 1em 0; padding: 0; font-weight: bold}
201+
ul.toc ul {margin: 0; padding: 0; font-weight: normal}
202+
ul.toc ul ul {margin: 0 /*0 0 2em*/; font-style: italic}
203+
ul.toc ul ul ul {margin: 0}
204+
ul.toc li {margin: 0.6em 0; padding: 0}
205+
ul.toc li li {margin: 0}
206+
/*
207+
ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline}
208+
ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline}
209+
*/
210+
211+
@media all { /* NS4 doesn't align the floats properly :-( */
212+
213+
/* Section numbers in a column of their own */
214+
ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */
215+
ul.toc span.secno {float: left; width: 4em; margin-left: -5em}
216+
/*ul.toc span.secno {text-align: right}*/
217+
ul.toc li {clear: both}
218+
ul.toc {margin-left: 5em}
219+
/* If we had 'tab', floats would not be needed here:
220+
ul.toc span.secno {tab: 5em right; margin-right: 1em}
221+
ul.toc li {text-indent: 5em hanging}
222+
The second line in case items wrap
223+
*/
224+
}
225+
226+
ul.index {
227+
list-style: disc; /* Mac NS has problem with 'none' */
228+
list-style: none;
229+
}
230+
231+
s, del {text-decoration: line-through; color: red}
232+
u, ins {text-decoration: underline; background: #bfa}
233+
234+
div.figure {
235+
text-align: center;
236+
margin: 2.5em 0;
237+
/*background: white;*/
238+
}
239+
div.figure img {
240+
display: block;
241+
margin: auto
242+
}
243+
p.caption, caption {
244+
text-align: center;
245+
font-style: italic;
246+
font-size: 90%;
247+
margin: 1.5em 2em;
248+
text-indent: 0;
249+
}
250+
p.caption:before {
251+
content: "Figure " counter(figure) ". ";
252+
counter-increment: figure;
253+
font-weight: bold;
254+
}
255+
256+
/* DL list is indented, but figure inside it is not */
257+
dd { margin-left: 2em }
258+
dd div.figure { margin-left: -2em }
259+
260+
sup {
261+
vertical-align: super;
262+
font-size: 80%
263+
}
264+
265+
/* "Equations" (not real MathML, but simple HTML) are put in a
266+
blockquote and may have an equation number. We make sure the
267+
blockquote has enough margin on the right and then put the equation
268+
number there. */
269+
270+
blockquote {
271+
margin: 0.5em 4em 0.5em 2em;
272+
text-indent: 0;
273+
}
274+
.eqno {
275+
text-align: right;
276+
float: right;
277+
width: 3em;
278+
margin: 0 -4em 0 0;
279+
font-weight: bold;
280+
/* background: silver; color: black; padding: 0.1em */
281+
}
282+
283+
table.equiv-table { border-spacing: 0; margin: 0.5em 0 }
284+
table.equiv-table th, table.equiv-table td { padding: 0.3em }
285+
table.equiv-table th { text-align: left }
286+
table.equiv-table th:first-child { text-align: right }
287+
table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 }
288+
table.equiv-table { border-bottom: hidden }
289+
table.equiv-table { empty-cells: show }
290+
table.equiv-table caption { margin: 0.5em 0 0 0 }
291+
292+
/* Almost every section starts with a link to the test suite. We put
293+
that link in the margin and make it look like a button. */
294+
295+
p.testlink {
296+
float: left;
297+
width: 3em;
298+
margin: 0 0 0 -3.6em;
299+
font-weight: bold
300+
}
301+
p.testlink a {
302+
color: black;
303+
background: silver;
304+
border: thin outset silver;
305+
text-decoration: none;
306+
padding: 0.2em 0.6em;
307+
font-size: smaller;
308+
text-shadow: -1px -1px white;
309+
}
310+
p.testlink a:active {
311+
border-style: inset;
312+
}
313+
314+
/* Style for table of properties */
315+
table.proptable {
316+
font-size: small;
317+
border-collapse: collapse;
318+
border-spacing: 0;
319+
text-align: left;
320+
margin: 1em 0;
321+
}
322+
323+
@media print { /* Use the wide margin in print */
324+
table.proptable {margin: 1em 0 1em -8.5em}
325+
}
326+
327+
table.proptable td, table.proptable th {
328+
padding: 0.4em;
329+
border-style: solid none none dotted;
330+
border-width: thin;
331+
border-color: red;
332+
}
333+
table.proptable th:first-child, table.proptable td:first-child {
334+
border-left-style: none;
335+
}
336+
337+
338+
/* Style for table that defines a property or a descriptor */
339+
table.propdef, table.descdef {
340+
border-spacing: 0;
341+
border-collapse: collapse;
342+
width: 100%;
343+
table-layout: fixed;
344+
background: #DEF;
345+
margin-top: 1.2em;
346+
margin-bottom: 1.2em
347+
}
348+
table.propdef td, table.descdef td {
349+
padding: 0 0.3em;
350+
vertical-align: baseline;
351+
}
352+
/*
353+
table.propdef dfn, table.descdef dfn {
354+
font-weight: bold;
355+
font-style: normal
356+
}
357+
*/
358+
table.propdef td:first-child, table.descdef td:first-child {
359+
width: 8.1em
360+
}
361+
table.propdef tr:first-child, table.descdef tr:first-child {
362+
background: #005A9C;
363+
color: white
364+
}
365+
/* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em } */
366+
367+
/* This would replace :first-child for Opera, but it confuses WinIE :-( */
368+
/*
369+
table.propdef td { width: 8em }
370+
table.propdef td + td { width: auto }
371+
table.propdef tr { background: #005A9C; color: white }
372+
table.propdef tr + tr { background: transparent; color: black }
373+
*/

0 commit comments

Comments
 (0)