/documentation/talks/vistacenter_5-22-2010/w3c-blue2.css

  1/* w3c-ac.css
  2
  3   Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
  4   W3C liability, trademark, document use and software licensing
  5   rules apply, see:
  6
  7   http://www.w3.org/Consortium/Legal/copyright-documents
  8   http://www.w3.org/Consortium/Legal/copyright-software
  9*/
 10body
 11{
 12  margin: 0 0 0 0;
 13  padding: 0 0 0 0;
 14  width: 100%;
 15  height: 100%;
 16  color: black;
 17  background-color: white;
 18  font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
 19  font-size: 14pt;
 20}
 21
 22.hidden { display: none; visible: hidden }
 23
 24div.toolbar {
 25  position: fixed; z-index: 200;
 26  top: auto; bottom: 0; left: 0; right: 0;
 27  height: 1.2em; text-align: right;
 28  padding-left: 1em;
 29  padding-right: 1em; 
 30  font-size: 60%;
 31  color: red; background: rgb(240,240,240);
 32}
 33
 34div.background {
 35  display: none;
 36}
 37
 38div.handout {
 39  margin-left: 20px;
 40  margin-right: 20px;
 41}
 42
 43div.slide.titlepage {
 44  text-align: center;
 45}
 46
 47div.slide.titlepage.h1 {
 48  padding-top: 40%;
 49}
 50
 51div.slide {
 52  z-index: 20;
 53  margin: 0 0 0 0;
 54  padding-top: 0;
 55  padding-bottom: 0;
 56  padding-left: 20px;
 57  padding-right: 20px;
 58  border-width: 0;
 59  top: 0;
 60  bottom: 0;
 61  left: 0;
 62  right: 0;
 63  line-height: 120%;
 64  background-color: transparent;
 65}
 66
 67/* this rule is hidden from IE6 which doesn't support + selector */
 68div.slide + div[class].slide { page-break-before: always;}
 69
 70div.slide h1 {
 71  padding-left: 1em;
 72  padding-right: 1em;
 73  padding-top: 0.3em;
 74  padding-bottom: 0.3em;
 75  margin-top: 0;
 76  margin-left: 0;
 77  margin-right: 0;
 78  margin-bottom: 0.8em;
 79  display: block; 
 80  font-size: 300%;
 81  line-height: 1.2em;
 82  color: white;
 83  background-color: #005A9C;
 84}
 85
 86pre {
 87 color: rgb(0,128,0); font-size: 80%;
 88 font-weight: bold; line-height: 120%;
 89 padding-top: 0.2em;
 90 padding-bottom: 0.2em;
 91 padding-left: 2em;
 92 padding-right: 1em;
 93 border-style: solid;
 94 border-left-width: 1em;
 95 border-top-width: thin;
 96 border-right-width: thin;
 97 border-bottom-width: thin;
 98 border-color: #95ABD0;
 99 color: #00428C;
100}
101
102li pre { margin-left: 0; }
103
104@media print { pre { font-size: 60% } }
105
106blockquote { font-style: italic }
107
108img { background-color: transparent }
109
110p.copyright { font-size: smaller }
111
112.center { text-align: center }
113.footnote { font-size: smaller; margin-left: 2em; }
114
115a img { border-width: 0; border-style: none }
116
117a:visited { color: navy }
118a:link { color: navy }
119a:hover { color: red; text-decoration: underline }
120a:active { color: red; text-decoration: underline }
121
122a {text-decoration: none}
123.navbar a:link {color: white}
124.navbar a:visited {color: yellow}
125.navbar a:active {color: red}
126.navbar a:hover {color: red}
127
128ul { list-style-type: square; }
129ul ul { list-style-type: disc; }
130ul ul ul { list-style-type: circle; }
131ul ul ul ul { list-style-type: disc; }
132li { margin-left: 0.5em; margin-top: 0.5em; font-size: 200%;}
133li li { font-size: 85%; font-style: italic }
134li li li { font-size: 85%; font-style: normal }
135
136div dt
137{
138  margin-left: 0;
139  margin-top: 1em;
140  margin-bottom: 0.5em;
141  font-weight: bold;
142}
143div dd
144{
145  margin-left: 2em;
146  margin-bottom: 0.5em;
147}
148
149
150p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6 {
151  margin-left: 1em;
152  margin-right: 1em;
153}
154
155p.subhead { font-weight: bold; margin-top: 2em; }
156
157.smaller { font-size: 80%; }
158
159td,th { padding: 0.2em }
160
161ul {
162  margin: 0.5em 1.5em 0.5em 1.5em;
163  padding: 0;
164}
165
166ol {
167  margin: 0.5em 1.5em 0.5em 1.5em;
168  padding: 0;
169}
170
171ul { list-style-type: square; }
172ul ul { list-style-type: disc; }
173ul ul ul { list-style-type: circle; }
174ul ul ul ul { list-style-type: disc; }
175
176ul li { 
177  list-style: none;
178  margin: 0.1em 0em 0.6em 0;
179  padding: 0 0 0 40px;
180  background: transparent url(bullet.png) no-repeat 5px 8px;
181  line-height: 140%;
182}
183
184/* workaround IE's failure to support background on li for print media */
185@media print { ul li { list-style: disc; padding-left: 0; background: none; } }
186
187ol li { 
188  margin: 0.1em 0em 0.6em 1.5em;
189  padding: 0 0 0 0px;
190  line-height: 140%;
191}
192
193li li { 
194  font-size: 85%; 
195  font-style: italic;
196  list-style-type: disc;
197  background: transparent;
198  padding: 0 0 0 0;
199}
200li li li { 
201  font-size: 85%; 
202  font-style: normal;
203  list-style-type: circle;
204  background: transparent;
205  padding: 0 0 0 0;
206}
207li li li li {
208  list-style-type: disc;
209  background: transparent;
210  padding: 0 0 0 0;
211}
212
213img.withBorder {
214  border: 2px solid #c60;
215  padding: 4px;
216}
217
218div.header {
219  position: absolute;
220  z-index: 2;
221  left: 0;
222  right: 0;
223  top: 0;
224  bottom: auto;
225  height: 5.95em;
226  width: 100%;
227  padding: 0 0 0 0;
228  margin: 0 0 0 0;
229  border-width: 0;
230  border-style: solid;
231  background-color: #005A9C;
232  border-bottom-width: thick;
233  border-bottom-color: #95ABD0;
234}
235
236div.footer {
237  position: absolute;
238  z-index: 80;
239  left: 0;
240  right: 0;
241  top: auto;
242  bottom: 0;
243  height: 3.5em;
244  margin: 0;
245  font-size: 80%;
246  font-weight: bold;
247  padding-left: 1em;
248  padding-right: 0;
249  padding-top: 0.3em;
250  padding-bottom: 0;
251  color: #003366;
252  background-color: #95ABD0;
253}
254
255/* this is a hack to hide property from IE6 and below */
256div[class="footer"] {
257  position: fixed;
258}
259
260#w3c-logo {
261     margin: 0;
262     margin-top: 0.3em;
263     margin-right: 0.75em;
264     padding-top: 0;
265     padding-bottom: 0;
266     padding-left: 0;
267     padding-right: 0;
268     height: 2em;
269     width: 4.1em;
270     float: right;
271     z-index: 3;
272     background: #90A7D0;
273}
274
275#w3c-logo-fallback {
276     margin: 0;
277     margin-top: -0.5em;
278     margin-right: 0.75em;
279     padding-top: 0;
280     padding-bottom: 0;
281     padding-left: 0;
282     padding-right: 0;
283     height: 3em;
284     width: 4.1em;
285     float: right;
286     z-index: 3;
287     background: #90A7D0;
288}
289
290div.cover {
291  margin: 0;
292  padding: 0;
293  background-color: #90A7D0;
294  overflow: hidden;
295  width: 100%;
296  height: 100%;
297}
298
299div.cover div.header
300{
301  position: absolute;
302  z-index: 0;
303  left: 0;
304  right: 0;
305  top: 0;
306  bottom: auto;
307  height: auto;
308  margin: 0;
309  width: 100%;
310  padding: 0.5em 0.5em 1em 0.5em;
311  color: #FFFFFF;
312  border-width: 0;
313  border-style: solid;
314  background-color: #005A9C;
315  border-bottom-width: thick;
316  border-bottom-color: #95ABD0;
317}
318
319div.slide.cover h1
320{
321  margin-bottom: 0;
322  background-color: #005A9C;
323}
324
325div.slide.cover img.cover
326{
327  margin-top: 5em;
328  float: right;
329  width: 60%;
330}
331
332div.slide h1 a:link {color: white}
333div.slide h1 a:visited {color: white}
334div.slide h1 a:active {
335  color: red;
336  text-decoration: underline;
337}
338div.slide h1 a:hover {
339  color: yellow;
340  text-decoration: underline;
341}
342
343div.slide h1 a { text-decoration: none }
344
345div.slide.cover h2 {
346  clear: both;
347  color: white;
348  padding-top: 4em;
349}
350
351div.cover div.header p
352{
353  clear: both;
354  margin-top: 0.5em;
355  margin-left: 1.5em;
356  margin-bottom: 0;
357}
358
359
360div.header p.explanation {
361  font-style: italic;
362}
363
364div.slide.cover a {
365  color: white;
366}
367
368div.slide.cover a:hover, div.slide.cover a:active {
369    color: yellow; text-decoration: underline;
370}
371
372/* for Bert as an ardent user of the old W3C slidemaker tool */
373div.comment { display: none; visibility: hidden }
374
375@media print { div.comment { display: block; visibility: visible } }
376
377/*
378 setting class="outline on ol or ul makes it behave as an
379 ouline list where blocklevel content in li elements is
380 hidden by default and can be expanded or collapsed with
381 mouse click. Set class="expand" on li to override default
382*/
383
384ol.outline li:hover { cursor: pointer }
385ol.outline li.nofold:hover { cursor: default }
386
387ul.outline li:hover { cursor: pointer }
388ul.outline li.nofold:hover { cursor: default }
389
390ol.outline { list-style:decimal; }
391ol.outline ol { list-style-type:lower-alpha }
392
393ol.outline li.nofold {
394  padding: 0 0 0 20px;
395  background: transparent url(nofold-dim.bmp) no-repeat 0px 0.5em;
396}
397ol.outline li.unfolded {
398  padding: 0 0 0 20px;
399  background: transparent url(fold-dim.bmp) no-repeat 0px 0.5em;
400}
401ol.outline li.folded {
402  padding: 0 0 0 20px;
403  background: transparent url(unfold-dim.bmp) no-repeat 0px 0.5em;
404}
405ol.outline li.unfolded:hover {
406  padding: 0 0 0 20px;
407  background: transparent url(fold.bmp) no-repeat 0px 0.5em;
408}
409ol.outline li.folded:hover {
410  padding: 0 0 0 20px;
411  background: transparent url(unfold.bmp) no-repeat 0px 0.5em;
412}
413
414/* rectangular blue bullet + unfold/nofold/fold widget */
415
416ul.outline li.nofold {
417  padding: 0 0 0 52px;
418  background: transparent url(bullet-nofold-dim.gif) no-repeat 5px 8px;
419}
420ul.outline li.unfolded {
421  padding: 0 0 0 52px;
422  background: transparent url(bullet-fold-dim.gif) no-repeat 5px 8px;
423}
424ul.outline li.folded {
425  padding: 0 0 0 52px;
426  background: transparent url(bullet-unfold-dim.gif) no-repeat 5px 8px;
427}
428ul.outline li.unfolded:hover {
429  padding: 0 0 0 52px;
430  background: transparent url(bullet-fold.gif) no-repeat 5px 8px;
431}
432ul.outline li.folded:hover {
433  padding: 0 0 0 52px;
434  background: transparent url(bullet-unfold.gif) no-repeat 5px 8px;
435}