Skip to content

Commit c0f27ae

Browse files
vhardyvhardy
committed
Adding alternate-spec-style.css to root directory so that specs which want to try it out can do so easily, like they can use/share default.css
1 parent 827ed8a commit c0f27ae

1 file changed

Lines changed: 376 additions & 0 deletions

File tree

‎alternate-spec-style.css‎

Lines changed: 376 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,376 @@
1+
body {
2+
font-family: 'DroidSerifRegular', 'Droid Serif', serif;
3+
font-size: 15px;
4+
color: #2f2f2f;
5+
line-height: 1.7em;
6+
padding-left: 8em;
7+
}
8+
9+
img[alt='W3C'] {
10+
display: none;
11+
}
12+
13+
#mobile-logo {
14+
display: block;
15+
border-radius: 0.2em;
16+
box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2);
17+
}
18+
19+
@media screen and (min-width: 58em){
20+
body {
21+
max-width: 50em;
22+
}
23+
24+
#mobile-logo {
25+
width: 90px;
26+
height: 53px;
27+
position: absolute;
28+
margin-left: -120px;
29+
}
30+
31+
img[alt='W3C'] {
32+
display: none;
33+
}
34+
}
35+
36+
h1, h2, h3, h4, h5, h6 {
37+
color: #4f4f4f;
38+
font-weight: bold;
39+
}
40+
41+
h1 {
42+
font-size: 200%;
43+
}
44+
45+
h2 {
46+
font-size: 160%;
47+
}
48+
49+
h3 {
50+
font-size: 140%;
51+
}
52+
53+
h4, h5 {
54+
font-size: 120%;
55+
}
56+
57+
h2, h3, h4, h5, h6 {
58+
margin-top: 1.2em;
59+
}
60+
61+
h1, h2, h3, h4, h5, h6, table, th, tr, td {
62+
font-family: 'DroidSerifRegular', 'Droid Serif', serif;
63+
}
64+
65+
h1+h2 {
66+
font-weight: normal;
67+
margin-top: 0em;
68+
margin-bottom: 2em;
69+
}
70+
71+
h1 {
72+
margin-bottom: 0em;
73+
line-height: 1em;
74+
}
75+
76+
a, a:visited, a:link, :link {
77+
color: #46A4E9;
78+
}
79+
80+
a[href]:hover {
81+
color: #005A9C;
82+
background-color: white;
83+
}
84+
85+
.secno {
86+
color: #3f3f3f;
87+
}
88+
89+
.toc a {
90+
color: #3f3f3f;
91+
}
92+
93+
.toc a:hover {
94+
color: #46A4E9;
95+
background-color: white;
96+
}
97+
98+
.css, .property {
99+
color: #46A4E9;
100+
}
101+
pre {
102+
margin-left: 0em;
103+
line-height: 1.4em;
104+
}
105+
106+
pre, code {
107+
font-family: 'DroidSansMonoRegular', 'Droid Sans Mono', Inconsolata, monospace;
108+
font-size: 83%;
109+
line-height: 1.4em;
110+
}
111+
112+
code.xml, code.html, code.css {
113+
color: #3f3f3f;
114+
}
115+
116+
code > pre {
117+
font-size: 100%;
118+
}
119+
120+
pre > code {
121+
font-size: 100%;
122+
}
123+
124+
div.example:before {
125+
color: #808080 ;
126+
background: none;
127+
border: none;
128+
text-transform: none;
129+
font-weight: bold;
130+
width: 100%;
131+
display: block;
132+
}
133+
134+
div.example {
135+
background-color: rgba(0, 0, 0, 0.04);
136+
padding: 0.75em;
137+
margin: 1em 0;
138+
border-top: thin solid rgba(0, 0, 0, 0.2);
139+
border-bottom: thin solid rgba(0, 0, 0, 0.2);
140+
border-left: none;
141+
position: relative;
142+
clear: both;
143+
}
144+
145+
div.example {
146+
color: #303030
147+
}
148+
149+
div.issue {
150+
color: red;
151+
margin-top: 1em;
152+
padding: 0.5em;
153+
border-left: 1ex solid red;
154+
padding-left: 1em;
155+
position: relative;
156+
color: gray;
157+
background: none;
158+
}
159+
160+
div.issue:before {
161+
content: "Issue " counter(issue);
162+
background: none;
163+
padding: 0;
164+
margin: 0 0 0.7em 0;
165+
border: none;
166+
font-weight: bold;
167+
color: gray;
168+
display: block;
169+
}
170+
171+
.issue {
172+
counter-increment: issue;
173+
}
174+
175+
table.propdef {
176+
background: none;
177+
border-left: none;
178+
}
179+
180+
table.propdef td, table.propdef-extra td,
181+
table.descdef td, table.propdef th,
182+
table.propdef-extra th, table.descdef th {
183+
padding: 0.5em;
184+
vertical-align: baseline;
185+
border-bottom: thin solid rgba(0, 0, 0, 0.2);
186+
}
187+
188+
table.propdef > tbody > tr:last-child th,
189+
table.propdef-extra > tbody > tr:last-child th,
190+
table.descdef > tbody > tr:last-child th,
191+
table.propdef > tbody > tr:last-child td,
192+
table.propdef-extra > tbody > tr:last-child td,
193+
table.descdef > tbody > tr:last-child td {
194+
border-bottom: thin solid rgba(0, 0, 0, 0.2);
195+
}
196+
197+
table.propdef tr:first-child td, table.propdef tr:first-child th {
198+
border-top: thin solid rgba(0, 0, 0, 0.2);
199+
}
200+
201+
table.propdef tr:nth-child(odd) {
202+
background-color: rgba(0, 0, 0, 0.02);
203+
}
204+
205+
p.note {
206+
border: none;
207+
border-left: 1ex solid rgba(0, 0, 0, 0.1);
208+
background: none;
209+
}
210+
211+
div.note {
212+
margin-top: 1em;
213+
padding: 0.5em;
214+
border: none;
215+
border-left: 1ex solid rgba(0, 0, 0, 0.1);
216+
padding-left: 1em;
217+
padding-bottom: 1em;
218+
position: relative;
219+
background: none;
220+
}
221+
222+
span.note-prefix {
223+
background: none;
224+
padding: 0;
225+
margin: 0 0 0.7em 0;
226+
border: none;
227+
font-weight: bold;
228+
display: block;
229+
}
230+
231+
span.note-prefix::after {
232+
content: counter(note);
233+
}
234+
235+
div.note p {
236+
color: black;
237+
}
238+
239+
div.note p:before {
240+
color: #1C75BC;
241+
}
242+
243+
.note {
244+
counter-increment: note;
245+
}
246+
247+
pre.code {
248+
margin-top: 1em;
249+
padding: 0.5em;
250+
border-left: 1ex solid gray;
251+
padding-left: 1em;
252+
position: relative;
253+
background: #F0F0F0;
254+
margin-left: 0px;
255+
}
256+
257+
pre.idl {
258+
background: #f4f4f4;
259+
padding: 0.5em;
260+
margin: 1em 0;
261+
border: thin solid #999;
262+
position: relative;
263+
clear: both;
264+
}
265+
266+
.swatch-list li {
267+
list-style: none;
268+
}
269+
270+
.swatch-list {
271+
display: inline-block;
272+
}
273+
274+
#region_styling_img_2 {
275+
float: left;
276+
margin-bottom: 1em;
277+
}
278+
279+
.swatch {
280+
width: 1em;
281+
height: 1em;
282+
border: 1px solid black;
283+
display: inline-block;
284+
margin-right: 0.5em;
285+
margin-bottom: -0.25em;
286+
margin-top: 0.5em;
287+
}
288+
289+
#region-style-example p, #region-style-example pre {
290+
clear: both;
291+
}
292+
293+
#region_styling_illustration {
294+
margin: 0px auto;
295+
width: 70ex;
296+
}
297+
298+
.event-desc td, .event-desc th {
299+
border: 1px solid gray;
300+
}
301+
302+
.event-desc th {
303+
text-align: left;
304+
padding: 0.5ex;
305+
}
306+
307+
.resolved, .moved, .stale {
308+
display: none;
309+
}
310+
311+
p {
312+
margin-bottom: 1em;
313+
}
314+
315+
316+
table.values-desc {
317+
border-collapse: collapse;
318+
margin-top: 0.5em;
319+
}
320+
321+
.values-desc td {
322+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
323+
border-top: 1px solid rgba(0, 0, 0, 0.1);
324+
padding: 0.5em;
325+
}
326+
327+
.values-desc td:first-child {
328+
font-weight: bold;
329+
}
330+
331+
.values-desc tr:nth-child(odd) {
332+
background-color: rgba(0, 0, 0, 0.02);
333+
}
334+
335+
.values-desc th {
336+
font-weight: bold;
337+
}
338+
339+
table.values-desc {
340+
border-left: none;
341+
padding-left: 1ex;
342+
}
343+
344+
.figure {
345+
page-break-inside: avoid;
346+
}
347+
348+
#default-fragment-shader:before {
349+
content: "Default fragment shader";
350+
}
351+
352+
#default-vertex-shader:before {
353+
content: "Default vertex shader";
354+
}
355+
356+
.table .caption::before {
357+
counter-increment: table;
358+
content: '';
359+
}
360+
361+
span.highlight {
362+
color: #46A4E9;
363+
}
364+
365+
span.highlight2 {
366+
color: #E00000;
367+
}
368+
369+
span.fade {
370+
color: rgba(0, 0, 0, 0.4);
371+
}
372+
373+
table.values-desc td:first-child {
374+
min-width: 28ex;
375+
}
376+

0 commit comments

Comments
 (0)