1/* Following are the presentation styles -- edit away! */ 2 3body 4{ 5 background: #FFF url(pics/background-main.png) top left repeat; 6 color: #000; font-size: 1.8em; 7/* font-family: Trebuchet MS, Arial, Helvetica, sans-serif; */ 8 font-family: Arial, Helvetica, sans-serif; 9} 10 11:link, :visited 12{ 13 text-decoration: none; 14 color: #00C; 15} 16 17 18 19h1, h2, h3, h4 20{ 21 font-size: 100%; 22 margin: 0; 23 padding: 0; 24 font-weight: inherit; 25} 26 27h1 abbr 28{ 29 font-variant: small-caps; 30} 31 32ul, pre 33{ 34 margin: 0; 35 line-height: 1em; 36} 37 38html, body 39{ 40 margin: 0; 41 padding: 0; 42} 43 44blockquote, q 45{ 46 font-style: italic; 47} 48 49blockquote 50{ 51 padding: 0 2em 0.5em; 52 margin: 0 1.5em 0.5em; 53 text-align: center; 54 font-size: 1em; 55} 56 57blockquote p 58{ 59 margin: 0; 60} 61 62blockquote i 63{ 64 font-style: normal; 65} 66 67blockquote b 68{ 69 display: block; 70 margin-top: 0.5em; 71 font-weight: normal; 72 font-size: smaller; 73 font-style: normal; 74} 75 76blockquote b i 77{ 78 font-style: italic; 79} 80 81kbd 82{ 83 font-weight: bold; 84 font-size: 1em; 85} 86 87sup 88{ 89 font-size: smaller; 90 line-height: 1px; 91} 92 93 94ul.urls 95{ 96 list-style: none; 97 display: inline; 98 margin: 0; 99} 100 101.urls li 102{ 103 display: inline; 104 margin: 0; 105} 106 107.notes 108{ 109 display: none; 110} 111 112.external 113{ 114 border-bottom: 1px dotted gray; 115} 116 117html>body .external 118{ 119 border-bottom: none; 120} 121 122.external:after 123{ 124 content: " \274F"; 125 font-size: smaller; 126 color: #fff; 127} 128 129.incremental, .incremental *, .incremental *:after 130{ 131 color: #fff; 132 visibility: visible; 133} 134 135img.incremental 136{ 137 visibility: hidden; 138} 139 140 141 142/* ============== */ 143/* === SLIDES === */ 144/* ============== */ 145 146/* .scale 147{ 148 margin-left:-20px; 149} 150*/ 151 152.slide code 153{ 154 padding: 2px 0.25em; 155 font-weight: bold; 156} 157 158.slide code.bad, code del 159{ 160 color: red; 161} 162 163.slide code.old 164{ 165 color: silver; 166} 167 168.slide pre 169{ 170 171 color: #ffca00; 172 display:block; 173 font-weight:bold; 174 font-family: Arial, Sans-Serif !important; 175 font-size:41.5%; 176 line-height:1.5em; 177 background:#2e3436 url(pics/back_console.png) right bottom no-repeat ; 178 border:5px solid #ccc; 179 padding:1em 1em 1em 1em; 180 181 182} 183 184.slide pre code 185{ 186 font-family: Arial, Sans-Serif !important; 187 display:block; 188 margin:0; 189 padding:0; 190} 191 192 193 194.slide ul 195{ 196 margin-left: 3%; 197 margin-right: 5%; 198 list-style: disc; 199} 200 201.slide li 202{ 203 margin-top: 0.75em; 204 margin-right: 0; 205} 206 207.slide ul ul 208{ 209 line-height: 1; 210} 211 212.slide ul ul li 213{ 214 margin: .2em; 215 font-size: 85%; 216 list-style: square; 217} 218 219.slide img.leader 220{ 221 display: block; 222 margin: 0 auto; 223} 224 225 226/* ========================= */ 227/* === HEADER AND FOOTER === */ 228/* ========================= */ 229 230div#logo 231{ 232 position:absolute; 233 top:5%; 234 right:1%; 235 background:url(pics/logo.jpg) no-repeat; 236 height:56px; 237 width:76px; 238} 239 240div#header, div#footer 241{ 242 background: #a80231; 243 color: #FFF; 244} 245 246 247div#header 248{ 249 background:#000 url(pics/background-head.png) bottom left repeat-x; 250 line-height: 1px; 251 height: 9%; 252} 253 254#currentSlide {position:absolute; left: 35%; text-align: right; top: 0.5%; font-size: 0.75em; width: 54%; height:100px; background-color: transparent; color: #999;} 255 256div#footer {background:#000 url(pics/background-foot.png) top left repeat-x; color: #fff; font-size: 0.5em; font-weight: bold; padding: 1em 0; height: 1.5%;} 257#footer h1, #footer h2, #footer h3 {display: block; padding: 0; position:absolute; bottom:0.6em;} 258#footer h1 {left:1em; text-shadow: 0.2em 0.2em #000;} 259#footer h2 {right:1em; text-shadow: 0.2em 0.2em #000; font-style: italic; visibility: hidden;} 260#footer h3 {right:1em; text-shadow: 0.2em 0.2em #000; font-style: italic; visibility: visible;} 261 262 263/* ============== */ 264/* === CLASES === */ 265/* ============== */ 266 267div.long 268{ 269 font-size: 0.75em; 270} 271 272.slide {padding-top: 2em;} 273 274.slide h1 275{ 276 position: absolute; 277 top: 0.35em; 278 left: 0px; 279 z-index: 1; 280 margin: 0; 281 padding: 0.3em 0 0 40px; 282 white-space: nowrap; 283 font-weight: bold; 284 font-size: 1.2em; 285 286 color: #fff; 287 background: transparent; 288} 289 290.slide h3 291{ 292 font-size: 130%; 293} 294 295/* ================ */ 296/* === CONTROLS === */ 297/* ================ */ 298 299#controls :active 300{ 301 color: #fff !important; 302} 303 304#controls :focus 305{ 306 outline: 1px dotted #227; 307} 308 309 310/* ================ */ 311/* === JESUSDA === */ 312/* ================ */ 313 314.first-pic 315{ 316 317 float:right; 318 margin-top:-2em; 319} 320 321/* ================ */ 322 323.align-center 324{ 325 text-align:center; 326} 327/* ================ */ 328 329.float-left , .left-column 330{ 331 float:left !important; 332 width:49% !important; 333} 334 335.float-right , .right-column 336{ 337 float:right !important; 338 width:49% !important; 339} 340/* ================ */ 341.fullscreen 342{ 343 z-index:1000 !important; 344 position:fixed !important; 345 top:0; 346 left:0; 347 width:100% !important; 348 height:100% !important; 349 350 background: #fff url(pics/background-main.png) top left no-repeat; 351 352 text-align:center; 353 margin-left:-1.65em; 354 355} 356 357.fullscreen h1 358{ 359 display:none; 360} 361 362.rotulo 363{ 364 font-size:800%; 365 text-align:center; 366 margin-top:-0.05em; 367 368} 369 370.rotulo2 371{ 372 font-size:200%; 373 text-align:center; 374 font-weight:bolder; 375 margin-top:-0.05em; 376 377} 378 379.align-center img 380{ 381 margin:auto; 382 text-align:center; 383 margin:0; 384} 385 386/* ========================= */ 387/* === TABLAS === */ 388/* ========================= */ 389 390table 391{ 392 background:url(pics/table-background.png) bottom left repeat-x #fff; 393 margin-right:1em; 394 font-size:70%; 395 border:1px solid #d2d7cf !important; 396 border-spacing: 0; 397 text-align:center; 398} 399 400table td 401{ 402 padding:0.25em; 403 font-size:85%; 404 border:1px solid #d2d7cf !important; 405 border-spacing: 0; 406 text-align:center; 407} 408 409th 410{ 411 background:url(pics/table-header.png) bottom left repeat-x #000; 412 color:#fff; 413} 414 415th a 416{ 417 color:#fff !important; 418} 419 420 421 422table caption 423{ 424 margin-bottom:1em; 425 margin-top:1em; 426 margin-left:-7em; 427 428 429} 430 431 432display-none 433{ 434 display:none; 435} 436 437div#controls {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;} 438html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;} 439#controls #sheet {display: none;} 440#controls #controlForm {height: 32px; width: 100%; text-align: center; vertical-align: middle;} 441#controls #navLinks {border-top: 1px solid #999; overflow: hidden; padding: 0; margin: 0; height: 32px; width: 100%; background-color: #808080; text-align: center; vertical-align: middle; white-space: nowrap;} 442#controls #navLinks ul {margin: 0 auto; padding: 0; height: 32px; width: 500px; white-space: nowrap; text-align: center;} 443#controls #navLinks ul li {list-style: none; display: inline; margin: 0; padding: 0; float: left; height: 32px; width: 32px; text-align: center; background-color: transparent;} 444#controls #navLinks ul li.vr {list-style: none; display: inline; margin: 0px 2px; padding: 0; float: left; height: 32px; width: 1px; text-align: center; background-color: #606060;} 445#controls #navLinks ul li a {margin: 0; padding: 0; float: left; height: 32px; width: 32px; background-color: transparent;} 446 447#controls #navLinks ul li#exit {background: url(exit_link.png) no-repeat top left;} 448#controls #navLinks ul li#exit a:hover {background: url(exit_over.png) no-repeat bottom left;} 449 450#controls #navLinks ul li#toggle {background: url(toggle_link.png) no-repeat top left;} 451#controls #navLinks ul li#toggle a:hover {background: url(toggle_over.png) no-repeat bottom left;} 452 453#controls #navLinks ul li#show-notes {background: url(notes_link.png) no-repeat top left;} 454#controls #navLinks ul li#show-notes a:hover {background: url(notes_over.png) no-repeat bottom left;} 455 456#controls #navLinks ul li#zero {background: url(zero_link.png) no-repeat top left;} 457#controls #navLinks ul li#zero a:hover {background: url(zero_over.png) no-repeat bottom left;} 458 459#controls #navLinks ul li#prev {background: url(prev_link.png) no-repeat top left;} 460#controls #navLinks ul li#prev a:hover {background: url(prev_over.png) no-repeat bottom left;} 461 462#controls #navLinks ul li#next {background: url(next_link.png) no-repeat top left;} 463#controls #navLinks ul li#next a:hover {background: url(next_over.png) no-repeat bottom left;} 464 465#controls #navLinks ul li#last {background: url(last_link.png) no-repeat top left;} 466#controls #navLinks ul li#last a:hover {background: url(last_over.png) no-repeat bottom left;} 467 468#controls #navLinks ul li#lst {background: url(list_link.png) no-repeat top left;} 469 470#controls #navLinks ul li#fade a.isoff {background: url(fade_link.png) no-repeat top left;} 471#controls #navLinks ul li#fade a.ison {background: url(fade_on.png) no-repeat top right;} 472#controls #navLinks ul li#fade a:hover {background: url(fade_over.png) no-repeat bottom left;} 473 474#controls #navLinks ul li#audio {background: url(audio_link.png) no-repeat top left;} 475#controls #navLinks ul li#audio a.isoff {background: url(audio_link.png) no-repeat top left;} 476#controls #navLinks ul li#audio a.ison {background: url(audio_on.png) no-repeat top right;} 477#controls #navLinks ul li#audio a:hover {background: url(audio_over.png) no-repeat bottom left;} 478 479#controls #navLinks ul li#vol {background: url(volume_link.png) no-repeat top left;} 480 481#controls #navLinks ul li#auto a.isoff {background: url(auto_link.png) no-repeat top left;} 482#controls #navLinks ul li#auto a.ison {background: url(auto_on.png) no-repeat top right;} 483#controls #navLinks ul li#auto a:hover {background: url(auto_over.png) no-repeat bottom left;} 484 485#controls #navLinks ul li#pause a.isoff {background: url(pause_link.png) no-repeat top left;} 486#controls #navLinks ul li#pause a.ison {background: url(pause_on.png) no-repeat top right;} 487#controls #navLinks ul li#pause a:hover {background: url(pause_over.png) no-repeat bottom left;} 488 489#controls #navLinks ul li#loop a.isoff {background: url(loop_link.png) no-repeat top left;} 490#controls #navLinks ul li#loop a.ison {background: url(loop_on.png) no-repeat top right;} 491#controls #navLinks ul li#loop a:hover {background: url(loop_over.png) no-repeat bottom left;} 492 493#controls #navLinks ul li#del {background: url(delay_link.png) no-repeat top left;} 494 495#jumplist, #volumelist, #delaylist {padding: 0; margin: 0; width: 32px; height: 32px; cursor: n-resize;} 496 497#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;} 498#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;} 499 500#slide0 {padding-top: 3.5em; font-size: 90%;} 501#slide0 h1 {position: static; margin: 1em 0 0; padding: 0; font: bold 2em Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; text-shadow: 0.1em 0.1em 0.1em #666; white-space: normal; color: #222; background-color: transparent;} 502#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;} 503#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;} 504#slide0 h4 {margin-top: 0; font-size: 1em;} 505 506ul.urls {list-style: none; display: inline; margin: 0;} 507.urls li {display: inline; margin: 0;} 508.external {border-bottom: 1px dotted gray;} 509html>body .external {border-bottom: none;} 510.external:after {content: " \274F"; font-size: smaller; color: #999;} 511 512.incremental, .incremental *, .incremental *:after {color: #ccc; visibility: visible;} 513img.incremental, canvas.incremental {visibility: hidden;} 514.slide .current {color: #B02;} 515 516/* diagnostics 517li:after {content: " [" attr(class) "]"; color: #F88;} 518*/ 519 520table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em; } 521table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; } 522table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; } 523table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; } 524table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; } 525table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; } 526table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; } 527table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; } 528 529#soundmanager-debug {position:fixed; top:0px; right:0px; width:30em; height:20em; overflow:auto; border:1px solid red; padding:1em; margin:2em; font-family:"sans serif"; font-size: 12px;color: black; background-color:#f6f6f6; z-index: 100;} 530#soundmanager-debug code {font-size: 11px;} 531