/documentation/talks/vistacenter_5-22-2010/w3c-blue2.css
CSS | 435 lines | 355 code | 60 blank | 20 comment | 0 complexity | c6798479640788db75e01cd79282fe0b MD5 | raw file
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}