") 30 | f.writeln(line.tline) 31 | elif line.contains("

") 33 | let a = line.replace("

", "

") 34 | f.writeln(a.tline) 35 | elif line.contains(""): 36 | f.writeln("

") 37 | f.writeln(line.tline) 38 | else: 39 | f.writeln(line.tline) 40 | writeFile("$1.html" % file, f) 41 | 42 | for x in os.walkFiles("*.rst"): 43 | main(x.splitFile.name) 44 | -------------------------------------------------------------------------------- /busyteam2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/busyteam2.png -------------------------------------------------------------------------------- /livedemo/codegendecl.nim: -------------------------------------------------------------------------------- 1 | 2 | var 3 | a {.codegenDecl: "$# progmem $#".}: int 4 | 5 | proc myinterrupt() {.codegenDecl: "$# __interrupt $#$# __attribute__(weirdo)", 6 | exportc: "nim_interrupt".} = 7 | echo "realistic interrupt handler" 8 | -------------------------------------------------------------------------------- /livedemo/coverage.nim: -------------------------------------------------------------------------------- 1 | 2 | ## Code coverage macro 3 | 4 | import macros 5 | 6 | proc transform(n, guard, list: NimNode): NimNode {.compileTime.} = 7 | # recurse: 8 | result = copyNimNode(n) 9 | for c in n.children: 10 | result.add c.transform(guard, list) 11 | 12 | if n.kind in {nnkElifBranch, nnkOfBranch, nnkExceptBranch, nnkElifExpr, 13 | nnkElseExpr, nnkElse, nnkForStmt, nnkWhileStmt}: 14 | let lineinfo = result[^1].lineinfo 15 | 16 | template track(guard, i) = 17 | guard[i][1] = true 18 | result[^1] = newStmtList(getAst track(guard, list.len), result[^1]) 19 | 20 | template tup(lineinfo) = 21 | (lineinfo, false) 22 | list.add(getAst tup(lineinfo)) 23 | 24 | proc listCoverage(s: openArray[(string, bool)]) = 25 | for x in s: 26 | if not x[1]: echo "NOT EXECUTED ", x[0] 27 | 28 | macro cov(p: untyped): untyped = 29 | var list = newNimNode(nnkBracket) 30 | let guard = genSym(nskVar, "guard") 31 | result = transform(p, guard, list) 32 | result = newStmtList(newVarStmt(guard, list), result, 33 | newCall(bindSym"listCoverage", guard)) 34 | 35 | 36 | cov: 37 | proc toTest(x, y: int) = 38 | try: 39 | case x 40 | of 8: 41 | if y > 9: echo "8.1" 42 | else: echo "8.2" 43 | of 9: echo "9" 44 | else: echo "else" 45 | echo "no IoError" 46 | except IoError: 47 | echo "IoError" 48 | toTest(8, 10) 49 | toTest(10, 10) 50 | 51 | 52 | when false: 53 | cov: 54 | proc toTest(x: int): int = 55 | if x > 0: result = 88 56 | else: result = 99 57 | 58 | proc toTestE(x: int): int = 59 | (if x > 0: 88 else: 99) 60 | 61 | proc toTestTry(x: int) = 62 | try: 63 | case x 64 | of 8: echo "8" 65 | of 9: echo "9" 66 | else: echo "foo" 67 | echo "Try it" 68 | except IoError: 69 | echo "IoError" 70 | 71 | echo toTest 89 72 | echo toTest(-89) 73 | 74 | echo toTestE 89 75 | toTestTry(8) 76 | # echo toTestE(-89) 77 | -------------------------------------------------------------------------------- /livedemo/coverage2.nim: -------------------------------------------------------------------------------- 1 | 2 | import macros 3 | 4 | type HideEffects = proc (x: int) {.raises: [], noSideEffect, tags: [].} 5 | 6 | proc wrap(n: NimNode; setter, i: NimNode): NimNode {.compileTime.} = 7 | # XXX better insert as last statement, but move before 'break', 'return' etc. 8 | template callSetterProc(setter, i) = 9 | cast[HideEffects](setter)(i) 10 | result = newTree(nnkStmtList, getAst callSetterProc(setter, i), n) 11 | 12 | proc transform(n, setter, data: NimNode): NimNode {.compileTime.} = 13 | # recurse: 14 | result = copyNimNode(n) 15 | for c in n.children: 16 | result.add c.transform(setter, data) 17 | if n.kind in {nnkElifBranch, nnkOfBranch, nnkExceptBranch, nnkElifExpr, 18 | nnkElseExpr, nnkElse, nnkForStmt, nnkWhileStmt}: 19 | let index = newLit(data.len) 20 | data.add(newTree(nnkPar, newLit(result[^1].lineinfo), bindSym"false")) 21 | result[^1] = result[^1].wrap(setter, index) 22 | 23 | proc listCoverage(s: openArray[(string, bool)]) = 24 | for x in s: 25 | if not x[1]: echo "NOT EXECUTED ", x[0] 26 | 27 | macro cov(p: untyped): untyped = 28 | var data = newNimNode(nnkBracket) 29 | let guard = genSym(nskVar, "guard") 30 | let setter = genSym(nskProc, "guardSetter") 31 | template setterProc(name, guard) = 32 | proc name(x: int) = 33 | guard[x][1] = true 34 | 35 | result = transform(p, setter, data) 36 | result = newTree(nnkStmtList, newVarStmt(guard, data), 37 | getAst setterProc(setter, guard), 38 | result, 39 | newCall(bindSym"listCoverage", guard)) 40 | 41 | cov: 42 | proc toTest(x: int): int {.noSideEffect.} = 43 | if x > 0: result = 88 44 | else: result = 99 45 | 46 | proc toTestE(x: int): int = 47 | (if x > 0: 88 else: 99) 48 | 49 | proc toTestTry(x: int) = 50 | try: 51 | case x 52 | of 8: echo "8" 53 | of 9: echo "9" 54 | else: echo "foo" 55 | echo "Try it" 56 | except IoError: 57 | echo "IoError" 58 | 59 | echo toTest 89 60 | echo toTest(-89) 61 | 62 | echo toTestE 89 63 | toTestTry(8) 64 | # echo toTestE(-89) 65 | -------------------------------------------------------------------------------- /livedemo/demo.nim: -------------------------------------------------------------------------------- 1 | 2 | var 3 | a {.codegenDecl: "$# progmem $#".}: int 4 | 5 | proc unused() = 6 | discard 7 | 8 | 9 | proc myinterrupt() {.codegenDecl: "$3 __interrupt $1 $2", exportc.} = 10 | echo "realistic interrupt handler" 11 | -------------------------------------------------------------------------------- /livedemo/file.c2nim: -------------------------------------------------------------------------------- 1 | 2 | #cpp 3 | #header 4 | 5 | #nep1 6 | -------------------------------------------------------------------------------- /livedemo/file.h: -------------------------------------------------------------------------------- 1 | 2 | 3 | #nep1 4 | 5 | #define foo 1 6 | #define bar 12 7 | 8 | 9 | #def WXDLLIMPEXP_CORE 10 | 11 | 12 | #discardablePrefix Set 13 | 14 | template 15 | 16 | class WXDLLIMPEXP_CORE Foo { 17 | public: 18 | T value; 19 | T GetValue() { return value; } 20 | T& SetValue(int x) { field = x; return &field; } 21 | Foo(T x) {} 22 | 23 | ~Foo() {} 24 | 25 | bool operator ==(Foo& const other) const; 26 | bool operator !=(Foo& other); 27 | }; 28 | 29 | -------------------------------------------------------------------------------- /livedemo/file.nim: -------------------------------------------------------------------------------- 1 | const 2 | foo* = 1 3 | bar* = 12 4 | 5 | type 6 | Foo* {.importcpp: "Foo", header: "file.h".}[T] = object 7 | value* {.importc: "value".}: T 8 | 9 | 10 | proc getValue*[T](this: var Foo[T]): T {.importcpp: "GetValue", header: "file.h".} 11 | proc setValue*[T](this: var Foo[T]; x: cint): var T {.importcpp: "SetValue", 12 | header: "file.h", discardable.} 13 | proc constructFoo*[T](x: T): Foo[T] {.constructor, importcpp: "Foo(@)", 14 | header: "file.h".} 15 | proc destroyFoo*[T](this: var Foo[T]) {.importcpp: "#.~Foo()", header: "file.h".} 16 | proc `==`*[T](this: Foo[T]; other: Foo[T]): bool {.noSideEffect, importcpp: "(# == #)", 17 | header: "file.h".} 18 | -------------------------------------------------------------------------------- /livedemo/options.c2nim: -------------------------------------------------------------------------------- 1 | 2 | #cpp 3 | #header 4 | #nep1 5 | 6 | #discardableprefix Set 7 | 8 | 9 | -------------------------------------------------------------------------------- /logo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/logo2.png -------------------------------------------------------------------------------- /nimdoc.cfg: -------------------------------------------------------------------------------- 1 | # This is the config file for the documentation generator. 2 | # (c) 2015 Andreas Rumpf 3 | # Feel free to edit the templates as you need. 4 | 5 | split.item.toc = "20" 6 | # too long entries in the table of contents wrap around 7 | # after this number of characters 8 | 9 | 10 | doc.listing_start = """

"""
 11 | doc.listing_end = """

""" 12 | doc.listing_button = """""" 13 | 14 | doc.section = """ 15 |

16 |

$sectionTitle

17 |

18 | $content 19 |

20 | """ 21 | 22 | doc.section.toc = """ 23 |

24 | $sectionTitle 25 |

26 | $content 27 | 28 |

29 | """ 30 | 31 | doc.item = """ 32 |

$header

33 |

34 | $desc 35 |

36 | """ 37 | 38 | doc.item.toc = """ 39 |

$name

40 | """ 41 | 42 | doc.toc = """ 43 | """ 48 | 49 | doc.body_toc = """ 50 |

51 | $tableofcontents 52 |

53 |

54 | $moduledesc 55 | $content 56 |

57 | """ 58 | 59 | doc.body_no_toc = """ 60 | $moduledesc 61 | $content 62 | """ 63 | 64 | doc.file = """ 65 | 66 | 67 | $title 68 | 70 | 72 | 74 | 308 | 309 | 311 | 312 | 313 | 314 |

315 |

317 |

318 | 319 |

$title

320 | $content 321 | 322 | 323 | """ 324 | -------------------------------------------------------------------------------- /overview.rst: -------------------------------------------------------------------------------- 1 | ============================================================ 2 | An Overview 3 | ============================================================ 4 | 5 | 6 | .. raw:: html 7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 | Slides 16 |
17 | git clone https://github.com/Araq/oscon2015 18 |
19 |
20 |
21 | Download 22 |
23 | http://nim-lang.org/download.html 24 | 25 | 26 | What is Nim? 27 | ============ 28 | 29 | - new **systems** programming language 30 | - compiles to C 31 | - garbage collection + manual memory management 32 | - thread local garbage collection 33 | - design goals: efficient, expressive, elegant 34 | 35 | .. 36 | * Nim compiles to C; C++ and Objective-C are also supported 37 | * there is an experimental JavaScript backend 38 | * it provides a soft realtime GC: you can tell it how long it is allowed to run 39 | * the Nim compiler and **all** of the standard library (including the GC) 40 | are written in Nim 41 | * whole program dead code elimination: stdlib carefully crafted to make use 42 | of it; for instance parsers do not use (runtime) regular expressions -> 43 | re engine not part of the executable 44 | * our infrastructure (IDE, build tools, package manager) is 45 | also completely written in Nim 46 | * infix/indentation based syntax 47 | 48 | 49 | Goals 50 | ===== 51 | 52 | .. 53 | I wanted a programming language that is 54 | 55 | * as fast as C 56 | * as expressive as Python 57 | * as extensible as Lisp 58 | 59 | .. 60 | and of course learning from the mistakes of the past: So take the type system 61 | from Ada, not from C++. At this moment in time, Nim achieves all of my 62 | original goals. 63 | 64 | However, it turns out that after writing a compiler from scratch you learn 65 | one thing or the other, 66 | achieving these goals and 67 | lreaning more about PL design, I have come across features of other 68 | programming languages which have inspired to continue innovating and as such 69 | 70 | .. 71 | Talk about what the plans for Nim were 72 | 73 | 74 | 75 | 76 | Uses of Nim 77 | =========== 78 | 79 | - web development 80 | - games 81 | - compilers 82 | - operating system development 83 | - scientific computing 84 | - scripting 85 | - command line applications 86 | - UI applications 87 | - And lots more! 88 | 89 | 90 | 91 | Hello World 92 | =========== 93 | 94 | .. code-block:: nim 95 | echo "hello world!" 96 | 97 | 98 | Hello World 99 | =========== 100 | 101 | .. code-block:: nim 102 | echo "hello world!" 103 | 104 | :: 105 | nim c -r hello.nim 106 | 107 | 108 | 109 | More Code! 110 | ========== 111 | 112 | .. code-block:: nim 113 | :number-lines: 114 | 115 | proc decimalToRoman*(number: range[1..3_999]): string = 116 | ## Converts a number to a Roman numeral. 117 | const romanComposites = { 118 | "M": 1000, "CM": 900, 119 | "D": 500, "CD": 400, "C": 100, 120 | "XC": 90, "L": 50, "XL": 40, "X": 10, "IX": 9, 121 | "V": 5, "IV": 4, "I": 1} 122 | result = "" 123 | var decVal = number.int 124 | for key, val in items(romanComposites): 125 | while decVal >= val: 126 | decVal -= val 127 | result.add(key) 128 | 129 | echo decimalToRoman(1009) # MIX 130 | 131 | 132 | - ``{"M": 1000, "CM": 900}`` sugar for ``[("M", 1000), ("CM", 900)]`` 133 | - ``result`` implicitly available 134 | 135 | 136 | Function application 137 | ==================== 138 | 139 | Function application is ``f()``, ``f(a)``, ``f(a, b)``. 140 | 141 | 142 | Function application 143 | ==================== 144 | 145 | Function application is ``f()``, ``f(a)``, ``f(a, b)``. 146 | 147 | And here is the sugar: 148 | 149 | =========== ================== =============================== 150 | Sugar Meaning Example 151 | =========== ================== =============================== 152 | ``f a`` ``f(a)`` ``spawn log("some message")`` 153 | ``a.f()`` ``f(a)`` ``db.fetchRow()`` 154 | ``a.f`` ``f(a)`` ``mystring.len`` 155 | ``f a, b`` ``f(a, b)`` ``echo "hello ", "world"`` 156 | ``a.f(b)`` ``f(a, b)`` ``myarray.map(f)`` 157 | ``a.f b`` ``f(a, b)`` ``db.fetchRow 1`` 158 | ``f"\n"`` ``f(r"\n")`` ``re"\b[a-z*]\b"`` 159 | =========== ================== =============================== 160 | 161 | 162 | Function application 163 | ==================== 164 | 165 | Function application is ``f()``, ``f(a)``, ``f(a, b)``. 166 | 167 | And here is the sugar: 168 | 169 | =========== ================== =============================== 170 | Sugar Meaning Example 171 | =========== ================== =============================== 172 | ``f a`` ``f(a)`` ``spawn log("some message")`` 173 | ``a.f()`` ``f(a)`` ``db.fetchRow()`` 174 | ``a.f`` ``f(a)`` ``mystring.len`` 175 | ``f a, b`` ``f(a, b)`` ``echo "hello ", "world"`` 176 | ``a.f(b)`` ``f(a, b)`` ``myarray.map(f)`` 177 | ``a.f b`` ``f(a, b)`` ``db.fetchRow 1`` 178 | ``f"\n"`` ``f(r"\n")`` ``re"\b[a-z*]\b"`` 179 | =========== ================== =============================== 180 | 181 | 182 | **BUT**: ``f`` does not mean ``f()``; ``myarray.map(f)`` passes ``f`` to ``map`` 183 | 184 | 185 | Operators 186 | ========= 187 | 188 | * operators are simply sugar for functions 189 | * operator in backticks is treated like an identifier 190 | 191 | :: 192 | `@`(x, y) 193 | x.`@`(y) 194 | `@`(x) 195 | x.`@`() 196 | x.`@` 197 | 198 | 199 | Operators 200 | ========= 201 | 202 | * Of course, most of the time binary operators are simply invoked as ``x @ y`` 203 | and unary operators as ``@x``. 204 | * No explicit distinction between binary and unary operators: 205 | 206 | .. code-block:: Nim 207 | :number-lines: 208 | 209 | proc `++`(x: var int; y: int = 1; z: int = 0) = 210 | x = x + y + z 211 | 212 | var g = 70 213 | ++g 214 | g ++ 7 215 | g.`++`(10, 20) 216 | echo g # writes 108 217 | 218 | * parameters are readonly unless declared as ``var`` 219 | * ``var`` means "pass by reference" (implemented with a hidden pointer) 220 | 221 | 222 | Control flow 223 | ============ 224 | 225 | 226 | - The usual control flow statements are available: 227 | * if 228 | * case 229 | * when 230 | * while 231 | * for 232 | * try 233 | * defer 234 | * return 235 | * yield 236 | 237 | 238 | Statements vs expressions 239 | ========================= 240 | 241 | Statements require indentation: 242 | 243 | .. code-block:: nim 244 | # no indentation needed for single assignment statement: 245 | if x: x = false 246 | 247 | # indentation needed for nested if statement: 248 | if x: 249 | if y: 250 | y = false 251 | else: 252 | y = true 253 | 254 | # indentation needed, because two statements follow the condition: 255 | if x: 256 | x = false 257 | y = false 258 | 259 | 260 | Statements vs expressions 261 | ========================= 262 | 263 | Expressions do not: 264 | 265 | .. code-block:: nim 266 | 267 | if thisIsaLongCondition() and 268 | thisIsAnotherLongCondition(1, 269 | 2, 3, 4): 270 | x = true 271 | 272 | - Rule of thumb: optional indentation after operators, ``(`` and ``,`` 273 | - ``if``, ``case`` etc also available as expressions 274 | 275 | 276 | 277 | Type system 278 | =========== 279 | 280 | - strict and statically typed 281 | - type system weakened for the meta-programming 282 | - value based datatypes (like in C++) 283 | - subtyping via single inheritance (``object of RootObj``) 284 | - subtyping via ``range``: ``type Natural = range[0..high(int)]`` 285 | - generics (``HashSet[string]``) 286 | - "concepts": constraints for generic types 287 | - no interfaces, use (tuple of) closures instead 288 | - no Hindley-Milner type inference, Nim embraces overloading 289 | - limited amount of flow typing 290 | 291 | 292 | Flow typing 293 | =========== 294 | 295 | .. code-block:: nim 296 | proc f(p: ref int not nil) 297 | 298 | var x: ref int 299 | if x != nil: 300 | f(x) 301 | 302 | 303 | Effect system 304 | ============= 305 | 306 | - model effects as tuples ``(T, E)`` rather than ``E[T]`` 307 | - every effect is inferred 308 | 309 | 310 | Effect system 311 | ============= 312 | 313 | - tracks side effects 314 | - tracks exceptions 315 | - tracks "tags": ReadIOEffect, WriteIoEffect, TimeEffect, 316 | ReadDirEffect, **ExecIOEffect** 317 | - tracks locking levels; deadlock prevention at compile-time 318 | - tracks "GC safety" 319 | 320 | 321 | 322 | Effect system 323 | ============= 324 | 325 | .. code-block:: nim 326 | :number-lines: 327 | 328 | proc foo() {.noSideEffect.} = 329 | echo "is IO a side effect?" 330 | 331 | 332 | Builtin types 333 | ============= 334 | 335 | enums & sets 336 | 337 | .. code-block:: nim 338 | :number-lines: 339 | 340 | type 341 | SandboxFlag* = enum ## what the interpreter should allow 342 | allowCast, ## allow unsafe language feature: 'cast' 343 | allowFFI, ## allow the FFI 344 | allowInfiniteLoops ## allow endless loops 345 | SandboxFlags* = set[SandboxFlag] 346 | 347 | proc runNimCode(code: string; flags: SandboxFlags = {allowCast, allowFFI}) = 348 | ... 349 | 350 | 351 | Builtin types 352 | ============= 353 | 354 | .. code-block:: C 355 | :number-lines: 356 | 357 | #define allowCast (1 << 0) 358 | #define allowFFI (1 << 1) 359 | #define allowInfiniteLoops (1 << 1) 360 | 361 | void runNimCode(char* code, unsigned int flags = allowCast|allowFFI); 362 | 363 | runNimCode("4+5", 700); 364 | 365 | 366 | Routines 367 | ======== 368 | 369 | - ``proc`` 370 | - ``iterator`` 371 | - ``template`` 372 | - ``macro`` 373 | - ``method`` 374 | - ``converter`` 375 | - (``func``) 376 | 377 | 378 | Templates 379 | ========= 380 | 381 | .. code-block::nim 382 | :number-lines: 383 | 384 | template `??`(a, b: untyped): untyped = 385 | let x = a 386 | (if x.isNil: b else: x) 387 | 388 | var x: string 389 | echo x ?? "woohoo" 390 | 391 | 392 | Templates 393 | ========= 394 | 395 | .. code-block:: nim 396 | :number-lines: 397 | 398 | template html(name, body) = 399 | proc name(): string = 400 | result = "" 401 | body 402 | result.add("") 403 | 404 | html mainPage: 405 | echo "colon syntax to pass statements to template" 406 | 407 | 408 | Templates 409 | ========= 410 | 411 | Templates already suffice to implement simple DSLs: 412 | 413 | .. code-block:: nim 414 | :number-lines: 415 | 416 | html mainPage: 417 | head: 418 | title "The Nim programming language" 419 | body: 420 | ul: 421 | li "efficient" 422 | li "expressive" 423 | li "elegant" 424 | 425 | echo mainPage() 426 | 427 | 428 | Produces:: 429 | 430 | 431 | The Nim programming language 432 | 433 |

efficient
expressive
elegant

438 | 439 | 440 | 441 | 442 | Templates 443 | ========= 444 | 445 | .. code-block:: nim 446 | template html(name, body) = 447 | proc name(): string = 448 | result = "" 449 | body 450 | result.add("") 451 | 452 | template head(body) = 453 | result.add("") 454 | body 455 | result.add("") 456 | 457 | ... 458 | 459 | template title(x) = 460 | result.add("$1" % x) 461 | 462 | template li(x) = 463 | result.add("

") 483 | result.add("") 484 | result.add("") 485 | 486 | 487 | 488 | 489 | Macros 490 | ====== 491 | 492 | * imperative AST to AST transformations 493 | * Turing complete 494 | * ``macros`` module provides an API for dealing with Nim ASTs 495 | 496 | 497 | Macros 498 | ====== 499 | 500 | .. code-block::nim 501 | :number-lines: 502 | 503 | proc write(f: File; a: int) = 504 | echo a 505 | 506 | proc write(f: File; a: bool) = 507 | echo a 508 | 509 | proc write(f: File; a: float) = 510 | echo a 511 | 512 | proc writeNewline(f: File) = 513 | echo "\n" 514 | 515 | macro writeln(f: File; args: varargs[typed]) = 516 | result = newStmtList() 517 | for a in args: 518 | result.add newCall(bindSym"write", f, a) 519 | result.add newCall(bindSym"writeNewline", f) 520 | 521 | Macros 522 | ====== 523 | 524 | .. code-block::nim 525 | :number-lines: 526 | 527 | proc f(a, b, c: int): int = a+b+c 528 | 529 | echo curry(f, 10)(3, 4) 530 | 531 | 532 | Macros 533 | ====== 534 | 535 | .. code-block::nim 536 | :number-lines: 537 | 538 | macro curry(f: typed; args: varargs[untyped]): untyped = 539 | let ty = getType(f) 540 | assert($ty[0] == "proc", "first param is not a function") 541 | let n_remaining = ty.len - 2 - args.len 542 | assert n_remaining > 0, "cannot curry all the parameters" 543 | #echo treerepr ty 544 | 545 | var callExpr = newCall(f) 546 | args.copyChildrenTo callExpr 547 | 548 | var params: seq[NimNode] = @[] 549 | # return type 550 | params.add ty[1].type_to_nim 551 | 552 | for i in 0 .. 2 | 4 | 5 | 6 | 8 | HTML Slidy - template for basic presentations 9 | 10 | 12 | 13 | 14 | 16 | 17 | 18 |

19 |

Sample heading

20 | 21 |

This is a template file you can copy and edit on your own server.

22 | 23 |

point 1
point 2
. . .

28 |

29 | 30 | 31 | -------------------------------------------------------------------------------- /slidy2/graphics/bullet-fold-dim.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-fold-dim.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet-fold-dim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-fold-dim.png -------------------------------------------------------------------------------- /slidy2/graphics/bullet-fold.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-fold.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet-fold.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-fold.png -------------------------------------------------------------------------------- /slidy2/graphics/bullet-nofold-dim.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-nofold-dim.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet-nofold-dim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-nofold-dim.png -------------------------------------------------------------------------------- /slidy2/graphics/bullet-nofold.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-nofold.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet-nofold.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-nofold.png -------------------------------------------------------------------------------- /slidy2/graphics/bullet-unfold-dim.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-unfold-dim.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet-unfold-dim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-unfold-dim.png -------------------------------------------------------------------------------- /slidy2/graphics/bullet-unfold.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-unfold.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet-unfold.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet-unfold.png -------------------------------------------------------------------------------- /slidy2/graphics/bullet.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet.gif -------------------------------------------------------------------------------- /slidy2/graphics/bullet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/bullet.png -------------------------------------------------------------------------------- /slidy2/graphics/example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/example.png -------------------------------------------------------------------------------- /slidy2/graphics/example.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 224 | -------------------------------------------------------------------------------- /slidy2/graphics/face1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/face1.gif -------------------------------------------------------------------------------- /slidy2/graphics/face2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/face2.gif -------------------------------------------------------------------------------- /slidy2/graphics/face3.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/face3.gif -------------------------------------------------------------------------------- /slidy2/graphics/face4.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/face4.gif -------------------------------------------------------------------------------- /slidy2/graphics/fold-bright.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/fold-bright.gif -------------------------------------------------------------------------------- /slidy2/graphics/fold-dim.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/fold-dim.bmp -------------------------------------------------------------------------------- /slidy2/graphics/fold-dim.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/fold-dim.gif -------------------------------------------------------------------------------- /slidy2/graphics/fold.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/fold.bmp -------------------------------------------------------------------------------- /slidy2/graphics/fold.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/fold.gif -------------------------------------------------------------------------------- /slidy2/graphics/icon-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/icon-blue.png -------------------------------------------------------------------------------- /slidy2/graphics/keys2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/keys2.jpg -------------------------------------------------------------------------------- /slidy2/graphics/nofold-dim.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/nofold-dim.bmp -------------------------------------------------------------------------------- /slidy2/graphics/nofold-dim.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/nofold-dim.gif -------------------------------------------------------------------------------- /slidy2/graphics/nofold.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/nofold.bmp -------------------------------------------------------------------------------- /slidy2/graphics/unfold-bright.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/unfold-bright.gif -------------------------------------------------------------------------------- /slidy2/graphics/unfold-dim.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/unfold-dim.bmp -------------------------------------------------------------------------------- /slidy2/graphics/unfold-dim.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/unfold-dim.gif -------------------------------------------------------------------------------- /slidy2/graphics/unfold.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/unfold.bmp -------------------------------------------------------------------------------- /slidy2/graphics/unfold.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/unfold.gif -------------------------------------------------------------------------------- /slidy2/graphics/w3c-logo-blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/w3c-logo-blue.gif -------------------------------------------------------------------------------- /slidy2/graphics/w3c-logo-blue.svg: -------------------------------------------------------------------------------- 1 | 14 | 15 | -------------------------------------------------------------------------------- /slidy2/graphics/w3c-logo-slanted.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/w3c-logo-slanted.jpg -------------------------------------------------------------------------------- /slidy2/graphics/w3c-logo-white.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/graphics/w3c-logo-white.gif -------------------------------------------------------------------------------- /slidy2/graphics/w3c-logo-white.svg: -------------------------------------------------------------------------------- 1 | 14 | 15 | -------------------------------------------------------------------------------- /slidy2/help/.htaccess: -------------------------------------------------------------------------------- 1 | Options +MultiViews 2 | LanguagePriority en 3 | AddLanguage pt-br .pt-br 4 | 5 | 6 | 7 | ForceType 'text/html; charset=utf-8' 8 | 9 | 10 | 11 | 12 | 13 | ForceType 'application/xhtml+xml; charset=utf-8' 14 | 15 | 16 | 17 | 18 | 19 | ForceType 'text/css; charset=utf-8' 20 | 21 | 22 | 23 | 24 | 25 | ForceType 'text/javascript; charset=utf-8' 26 | 27 | 28 | mkdir 29 | -------------------------------------------------------------------------------- /slidy2/help/help.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Araq/oscon2015/d706ea708bb3f7663bb178c98bf6989332885e6e/slidy2/help/help.html -------------------------------------------------------------------------------- /slidy2/help/help.html.ca: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | Ajuda del presentador de diapositives 13 | 21 | 22 | 23 |

Ajuda del presentador de diapositives

24 | 25 |

Per avançar a la pròxima diapositiva només cal fer clic amb el ratolí en qualsevol lloc de la pàgina o bé prémer la barra d’espaidora. 26 | Es pot anar endavant i endarrere per les diapositives amb les tecles "cursor esquerra" i "cursor dreta", "RePàg" i "AvPàg". El tamany de font de les lletres s’ajusta automàticament a l’amplada de la pantalla, però també es pot ajustar manualment fent servir la “S” per fer-la mes petita (Smaller) i la “B” per fer-la mes gran (“Bigger”),també es poden fer servir les tecles "<" i ">". 27 | La tecla “F” fa aparèixer/desaparèixer el menú de la línia de estat a la part de sota. 28 | Amb la tecla “K” s’habilita/deshabilita l’ús del ratolí per avançar a la pròxima diapositiva. La tecla “C” mostra la taula de continguts, amb qualsevol altra tecla la podem amagar. 29 | La tecla “F11” serveix per entrar/sortir en el mode pantalla completa del navegador, la tecla “H” dona accés a aquesta pàgina. 30 | Cal notar que no totes les tecles estan suportades en tots els navegadors donat que els navegadors poden reservar algunes tecles per el control de navegació i aquestes varien d’un navegador a un altre.

31 |

Es recomana als usuaris de Firefox que instal•lin la extensió d’autoamagar per amagar les barres d’eines en entrar al mode pantalla completa.

32 |

Si vol saber com funciona Slidy, feu servir “Veure el codi font” per veure el codi XHTML o vegi aquesta explicació més llarga., que també explica característiques addicionals. Cada diapositiva està marcada com element div amb classe “slide”. Es fa servir posicionament CSS i amplades per percentatge a les imatges per assegurar-se de que les vostres diapositives riques en imatges s’ajustin perfectament a la grandària de la finestra. El contingut que s’ha de revelar incrementalment es pot marcar amb la classe “incremental”. La fulla d’estils adjunta i els scripts es van desenvolupar com una alternativa basada en Web a les eines de presentació propietàries i s’han provat en una gran varietat de navegadors actuals. S’està desenvolupant un sistema d’edició integrada. Si us plau envieu els vostres comentaris a : Dave 34 | Raggett <dsr@w3.org>. 35 | Si trobeu Slidy útil podeu considerar ajudar al W3C.

36 |

Sou benvingut a fer servir el presentador de diapositives, les fulles d’estil , scripts i el fitxer d’ajuda sota les condicions d’ ùs de document del W3C I les normes 37 | llicència de software.

38 | 39 | 40 | 41 |

42 | 43 |

51 | 52 | 53 | -------------------------------------------------------------------------------- /slidy2/help/help.html.de: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | Slide Show Help 9 | 16 | 24 | 25 | 26 |

Hilfe für die HTML-Slidy-Präsentation

27 | 28 |

Diese Präsentation wird wie Power Point kontrolliert: Klicken 29 | Sie mit der Maus irgendwo ins Bild, um zur nächsten Seite zu 30 | schalten, oder drücken Sie die Leertaste. Sie können ebenfalls 31 | mit den Cursor-Tasten (links/rechts) oder den Tasten für Seite 32 | auf und ab vorwärts und rückwärts durch die Präsentation 33 | navigieren. Die Schriftgrösse wird automatisch so angepasst, dass 34 | Sie zur Fensterbreite des Browsers passt, sie kann aber auch 35 | manuell mit den Tasten "s" (kleiner) und "b" (grösser) 36 | kontrolliert werden (oder mit der Taste "<" bzw. ">"). Die 37 | Statuszeile am unteren Rand des Fensters wird mit "f" ein- und 38 | ausgeschaltet. Die Taste "k" schaltet die Funktion des Mausklicks 39 | zum Kontrollieren der Präsentation ein und aus. Sie können mit 40 | "c" ein Inhaltsverzeichnis ein- und mit einer beliebigen anderen 41 | Taste wieder ausblenden. Mit "F11" können Sie (je nach Browser) 42 | den Vollbildmodus aktivieren. Die Taste "h" zeigt diesen Hilfetext 43 | an. Es ist zu bemerken, dass nicht alle diese Tasten in jedem 44 | Browser funktionieren, da sie zum Teil mit anderen Funktionen 45 | belegt sind.

46 | 47 |

Firefox-Benutzer können die autohide-Erweiterung 49 | installieren, um die Werkzeugleiste im Vollbildmodus auszublenden.

50 | 51 |

Wenn Sie wissen möchten, wie Slidy funktioniert, schauen Sie sich 52 | den XHTML-Quellcode der Seite an oder lesen diese etwas längere Erklärung 54 | (in Englisch), die auch weitere Funktionen erläutert. Jede einzelne 55 | Folie ist als ein div-Element mit class="slide" 56 | markiert. CSS-Positionierung und prozentuale Breitenangaben für Bilder 57 | können benutzt werden, um sicherzustellen, dass die Folien bei 58 | verschiedenen Fenstergrössen optimal dargestellt werden. Der Inhalt 59 | auf Folien kann schrittweise angezeigt werden, indem den Elementen 60 | class="incremental" zugewiesen wird. Das eingebundene 61 | Style Sheet und die Skripten wurden als web-basierte Alternative zu 62 | proprietären Programmen entwickelt. Sie wurden auf verschiedensten 63 | aktuellen Browsern getestet. Ein eingebauter Editor für die Folien 64 | ist in Entwicklung. Bitte senden Sie Kommentare an Dave Raggett <dsr@w3.org>. Wenn Sie Slidy 67 | nützlich finden, möchten Sie vielleicht ein W3C Supporter werden.

69 | 70 |

Die Style Sheets, die Skripten der Präsentation und die 71 | zugehörigen Texte sind frei zur Benutzung unter den Bedingungen 72 | der W3C-Lizenzen document 73 | use und software 74 | licensing.

75 | 76 | 78 | 79 |

80 | 81 | 82 |

95 | 96 | 97 | -------------------------------------------------------------------------------- /slidy2/help/help.html.en: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | Slide Show Help 8 | 15 | 23 | 24 | 25 |

Slide Show Help

26 | 27 |

This slide show can be driven in the same way as Power Point. 28 | To advance to the next slide click pretty much anywhere on the 29 | page with the mouse, or press the space bar. You can move forwards 30 | or backwards through the slides with the Cursor left, Cursor 31 | right, Pg Up and Pg Dn keys. The font size is automatically 32 | adjusted to match the browser's window width, but you can also 33 | adjust it manually using the "S" key for smaller and the "B" key 34 | for bigger. You can also use the "<" and ">" keys. Use the 35 | "F" key to switch off/on the bottom status line. The "K" key 36 | toggles the use of mouse click to advance to the next slide. You 37 | can use "C" to show the table of contents and any other key to 38 | hide it. Press the "H" key to view this page. Use the "F11" key to 39 | toggle the browser's full screen mode. Note that not all keys are 40 | supported in all browsers, as browsers may reserve some keys for 41 | browser control and this varies from one browser to the next.

42 | 43 |

Firefox users may want the autohide 45 | extension to hide the toolbars when entering full screen with F11.

46 | 47 |

If you would like to see how Slidy works, use View Source to view 48 | the XHTML markup, or see this longer explanation, 50 | which also explains additional features. Each slide is marked up as 51 | a div element with class="slide". CSS positioning and percentage 52 | widths on images can be used to ensure your image rich slides scale 53 | to match the window size. Content to be revealed incrementally can 54 | be marked up with class="incremental". The linked style sheet and 55 | scripts were developed as a Web-based alternative to proprietary 56 | presentation tools and have been tested on a variety of recent 57 | browsers. Integrated editing support is under development. Please 58 | send your comments to Dave 59 | Raggett <dsr@w3.org>. 60 | If you find Slidy useful, you may want to consider becoming a 61 | W3C Supporter.

62 | 63 |

You are welcome to make use of the slide show style sheets, 64 | scripts and help file under W3C's document use 65 | and software 66 | licensing rules.

67 | 68 | 69 | 70 |

71 | 72 |

80 | 81 | 82 | -------------------------------------------------------------------------------- /slidy2/help/help.html.es: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | Ayuda de Slidy 9 | 16 | 24 | 25 | 26 |

Ayuda de "Slidy"

27 | 28 |

Esta presentación puede manejarse igual que una presentación hecha con Power Point. 29 | Para avanzar a la siguiente página o diapositiva haga clic con el ratón en cualquier parte de la página, o pulse la barra espaciadora. Puede moverse adelante y atrás entre las diapositivas con las teclas de flecha izquierda, derecha, retroceso de página (Re Pag) o avance de página (Av Pag). El tamaño de fuente se ajusta automáticamente para encajar en el ancho de la ventana del navegador, pero puede ajustarlo manualmente utilizando la tecla "S" para reducirlo y la tecla "B" para aumentarlo. También puede usar las teclas "<" y ">". Use la tecla "F" para presentar u ocultar la línea de estado en la parte inferior. La tecla "K" habilita o deshabilita el uso del ratón para avanzar a la siguiente diapositiva. Puede usar la tecla "C" para mostrar la tabla de contenidos o índice, y cualquier otra tecla para esconderla. Use la tecla de función "F11" para conmutar la vista a toda pantalla del navegador. Tenga en cuenta que no todas las teclas están igualmente soportadas en todos los navegadores, ya que los navegadores pueden tener reservado el uso de algunas teclas para controles del navegador, y esto puede variar de un navegador a otro.

30 | 31 |

Los usuarios de Firefox pueden desear instalar la extensión "autohide" 32 | para ocultar las barras de herramientas cuando utilizan la función F11 para el modo a toda pantalla.

33 | 34 |

Si desea saber cómo funciona Slidy, utilice la Vista de Código para ver el marcado XHML, o vea esta explicación extensa, 35 | que expone otras características adicionales. Cada diapositiva está marcada con un elemento div con la clase class="slide". Puede usarse posicionamiento y anchos en porcentajes para las imágenes, mediante CSS, para garantizar que la imagen alcance el tamaño de la diapositiva de acuerdo con el tamaño de la ventana. El contenido que se desee presentar paulatinamente puede marcarse con la clase class="incremental". La hoja de estilos y el script enlazado fueron desarrollados como una alternativa, basada en la Web, a las herramientas propietarias de presentación, y han sido probados en una variedad de navegadores recientes. Se está desarrollando un editor integrado. Envie sus comentarios, por favor, a Dave Raggett <dsr@w3.org>.

36 | 37 |

Usted puede utilizar las hojas de estilo, scripts, y el fichero de ayuda; siempre que siga las normas de uso de documentos y licencia de software del W3C.

38 | 39 | 40 | 41 |

42 | 43 |

51 | 52 | 53 | -------------------------------------------------------------------------------- /slidy2/help/help.html.fr: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | Aide de Slide Show 20 | 28 | 29 | 30 | 31 | 32 |

Aide de Slide Show

33 | 34 | 35 | 36 |

Cet exposé Slide Show peut être utilisé de la même manière que Powerpoint. 37 | 38 | Pour avancer au prochain transparent, cliquez n'importe où sur la page avec la 39 | souris ou appuyez sur la barre d'espace. Vous pouvez naviguer entre 40 | les transparents avec les flèches gauche/droite ainsi que les touches Pg Up et 41 | Pg Dn. 42 | 43 | La taille de la police s'adapte automatiquement à la largeur de la fenêtre 44 | du navigateur, mais vous pouvez aussi l'ajuster manuellement en utilisant les 45 | touches "S" (small) pour la diminuer et "B" (big) pour l'augmenter. Vous 46 | pouvez aussi utiliser les touches "<" et ">". 47 | 48 | Utilisez la touche "F" pour afficher ou non le statut en pied-de-page. 49 | 50 | La touche "K" active l'utilisation du clic de souris pour avancer au prochain transparent. 51 | Vous pouvez utiliser "T" pour afficher la table des matières et n'importe quelle autre touche 52 | pour la cacher. 53 | 54 | Les utilisateurs de Windows peuvent utiliser la touche "F11" pour activer le mode plein écran 55 | du navigateur. Appuyez sur la touche "H" pour obtenir cette page. À noter que certaines touches 56 | peuvent ne pas fonctionner avec certains navigateurs car elles sont réservées pour son contrôle. 57 | De plus, cela peut varier d'un navigateur à l'autre.

58 | 59 |

Les utilisateurs de Firefox peuvent installer l'extension autohide 61 | pour cacher les barres d'outils lorsque le mode plein écran est activé 62 | avec la touche F11.

63 | 64 |

Si vous voulez voir comment Slidy fonctionne, affichez le code source de la page 65 | pour voir le balisage XHTML, ou lisez cette explication plus complète (en anglais), 67 | qui explique aussi des fonctionnalités additionnelles. 68 | 69 | Chaque transparent est balisé par un élément div avec l'attribut class="slide". 70 | Il est aussi possible d'utiliser le positionnement CSS ainsi que la largeur en pourcentage 71 | pour s'assurer que vos images soient à l'échelle du transparent et correspondent ainsi à la taille 72 | de la fenêtre. Le contenu devant s'afficher progressivement doit être marqué par l'attribut 73 | class="incremental". 74 | 75 | La feuille de style reliée ainsi que les scripts ont été développés comme alternative Web 76 | aux outils de présentation propriétaires et ont été testés sur un large panel de navigateurs récents. 77 | Le support intégré pour l'édition est en cours de développement. Envoyez vos commentaires 78 | (en anglais) à Dave 79 | Raggett <dsr@w3.org>. 80 | Si vous trouvez Slidy utile, vous pouvez également devenir 81 | Supporter du W3C.

82 | 83 | 84 | 85 |

Veuillez utilisez les feuilles de style, scripts et fichiers d'aide 86 | 87 | en suivant le copyright 88 | 89 | et la licence du W3C.

90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 |

98 | 99 | 100 | 101 |

Copyright © 2005 102 | 103 | W3C^® (MIT, 104 | 105 | ERCIM, 106 | 107 | Keio), All Rights Reserved. W3C 108 | 109 | liability, 110 | 111 | trademark, 112 | 113 | document use and software 114 | 115 | licensing rules apply.

116 | 117 | 118 | 119 | -------------------------------------------------------------------------------- /slidy2/help/help.html.hu: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Segítség a bemutatóhoz 7 | 8 | 15 | 16 | 24 | 25 | 26 | 27 |

Segítség a bemutatóhoz

28 | 29 |

Ezt a bemutatót a Power Point-hoz hasonlóan lehet vezérelni. 30 | A következő oldalra való lépéshez kattintson bárhova az aktuális 31 | oldalon belül, vagy nyomja le a szóköz billentyűt. Az oldalak között 32 | a bal és jobb nyíl, illetve a Page Up és Page Down billentyűkkel mozoghat. 33 | A szöveg mérete automatikusan kerül beállításra úgy, hogy igazodjon 34 | a böngésző ablakának szélességéhez, viszont az "S" billentyűvel 35 | csökkentheti, a "B"-vel növelheti azt. Ugyanerre használhatja a "<" 36 | és a ">" billentyűket is. 37 | Az "F" billentyűvel be- és 38 | kikapcsolhatja az alsó állapotsor megjelenítését. A "K" billentyűvel 39 | letilthatja, illetve engedélyezheti, hogy egérkattintással a következő 40 | oldalra lehessen lépni. A "C" billentyűvel megjelenítheti, bármely másikkal 41 | pedig eltűntetheti a tartalomjegyzéket. Az "F11" billenytűvel válthat át 42 | a böngésző teljes képernyős üzemmódjára, vagy jöhet onnan vissza. 43 | Megjegyezzük, hogy nem minden billentyű támogatott minden böngészőben, 44 | mivel a böngészők lefoglalhatnak néhány (böngészőnként eltérő) billentyűt 45 | a saját vezérlésükre. 46 |

47 | 48 |

A Firefox felhasználóknak hasznos lehet az 49 | autohide 50 | bővítmény, amivel elrejthetők az eszköztárak teljes képernyős üzemmódban. 51 |

52 | 53 |

Ha szeretné látni, hogyan működik a Slidy, nézze meg az oldal 54 | forrásában az XHTML jelölésmódot, vagy nézze meg ezt a 55 | hosszabb magyarázatot, 56 | ami további funkciókat is bemutat. Minden oldalt egy olyan div elem jelöl, 57 | amiben be van állítva, hogy class="slide". A képek CSS-sel történő 58 | pozicionálása és szélességüknek százalékban való megadása biztosítja, 59 | hogy a sok képet tartalmazó oldalak az ablak méretének megfelelően 60 | skálázódjanak. Az oldalon belül egymás után megjelenítendő tartalom a 61 | class="incremental" megadásával jelölhető. A becsatolt stíluslapok és 62 | scriptek a védjegyzett/szabadalmaztatott/más módon védett 63 | bemutató-megjelenítő eszközök web-alapú alternatívájaként lettek 64 | fejlesztve, és sok, manapság használatos böngészővel tesztelve. 65 | Az integrált szerkesztési lehetőség jelenleg fejlesztés alatt áll. 66 | Észrevételeit a következő helyre küldje: 67 | Dave Raggett 68 | <dsr@w3.org>. 69 |

70 | 71 |

72 | Ön jogosult az e bemutatóhoz tartozó stíluslapok, scriptek és 73 | segítség fájl használatára, amennyiben betartja a W3C 74 | 75 | dokumentum használati és 76 | 77 | szoftver licencelési szabályait. 78 | 79 |

80 | 81 | 82 | 83 |

84 | 85 |

97 | 98 | 99 | -------------------------------------------------------------------------------- /slidy2/help/help.html.nl: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | Slidy Help 9 | 16 | 24 | 25 | 26 |

Slidy Help

27 | 28 | 29 | 30 |

Deze sheetpresentatie kan op dezelfde manier worden aangestuurd als 31 | Powerpoint. Klik op een willekeurige plaats op de pagina met de muis, of 32 | druk op de spatiebalk om naar de volgende sheet te gaan. Je kan voor- of 33 | achterwaarts door de sheets bewegen mbv de links/rechts cursor- en de Page 34 | Up en Page Down toetsen. De lettergrootte wordt automatisch aangepast aan 35 | de breedte van het venster, maar je kunt 'm ook handmatig aanpassen met 36 | "S" en "<" voor kleiner en "B" en ">" voor groter. Gebruik de 37 | "F" om de status aan de onderkant aan/uit te schakelen. De "K" zorgt 38 | ervoor dat een muisklik je niet meer, of wel weer naar de volgende sheet 39 | brengt. Je kan de "C" gebruiken om het inhoudsoverzicht op te roepen, en 40 | een willekeurige andere toets om 'm weer te verbergen. Gebruik "F11" om de 41 | "volledig scherm" modus aan /uit te schakelen. Merk op dat niet alle 42 | toetsen in iedere browser worden ondersteund, omdat sommige browsers 43 | toetsen gebruiken voor besturing van de browser zelf. Dit varieert zelfs 44 | tussen versies van dezelfde browser.

45 | 46 |

Firefox gebruikers willen wellicht de "autohide" extension gebruiken om 47 | werkbalken te verbergen wanneer "volledig scherm" wordt aangeroepen met 48 | "F11".

49 | 50 |

Als u wilt zien hoe Slidy werkt, gebruik Bron Bekijken om de XHTML opmaak 51 | te bekijken, of bekijk deze langere uitleg, die ook extra functionaliteit 52 | uitlegt. Elke sheet is in de opmaak genoteerd als een div element met 53 | class="slide". CSS positionering and procentuele breedtes op afbeeldingen 54 | kunnen worden gebruikt om te verzekeren dat uw afbeeldingrijke sheets 55 | schalen naar de vensterbreedte. Inhoud kan stapsgewijs zichtbaar worden 56 | gemaakt met behulp van class="incremental". Het gelinkte stijlblad en de 57 | gelinkte scripts zijn ontwikkeld als een Web-gebaseerd alternatief voor 58 | gesloten presentatie programma's en zijn getest op een variëteit van 59 | recente browsers. Geintegreerde ondersteuning voor (inhoud)aanpassing 60 | wordt ontwikkeld. Zend uw opmerkingen aub naar Dave Raggett <dsr@w3.org> 61 | Als u Slidy bruikbaar vindt, wilt u wellicht overwegen W3C donateur te 62 | worden.

63 | 64 |

U bent welkom om gebruik te maken van de stijlbladen, scripts en dit 65 | helpbestand onder de regels van W3C's document use (document gebruik) en 66 | software licensing (software licenties)

67 | 68 | 69 | 70 | 71 |

72 | 73 |

81 | 82 | 83 | -------------------------------------------------------------------------------- /slidy2/help/help.html.pl: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | Slidy - pomoc 9 | 16 | 24 | 25 | 26 |

Slidy - pomoc

27 | 28 |

Prezentacją steruje się tak samo, jak w Powerpoincie. 29 | Aby przejść do następnego slajdu, kliknij w dowolnym miejscu prezentacji myszą 30 | lub naciśnij spację. Możesz też poruszać się w przód / tył używając klawiszy 31 | kursora (lewo / prawo) lub klawiszy Pg Up / Pg Dn. Rozmiar czcionki jest 32 | dobierany automatycznie tak, żeby mieścił się w obszarze przeglądarki, 33 | ale możesz także dostosować go ręcznie naciskając klawisze "S", aby pomniejszyć 34 | tekst i "B", aby go powiększyć. Możesz do tego celu także użyć klawiszy "<" 35 | i ">". Użyj klawisza "F" aby 36 | ukryć / pokazać dolny pasek statusu. Klawisz "K" włącza / wyłącza tryb przechodzenia 37 | do następnego slajdu po kliknięciu myszką. Możesz użyć klawisza "C", żeby pokazać 38 | spis treści i dowolnego innego, żeby go ukryć. Klawisz 39 | "F11" włącza tryb pełnoekranowy przeglądarki. Pamiętaj, że nie wszystkie klawisze 40 | są obsługiwane we wszystkich przeglądarkach, gdyż niektóre z nich rezerwują 41 | konkretne klawisze do własnych celów, wszystko to zależy od używanej przeglądarki.

42 | 43 |

Jeśli używasz Firefoxa, zwróć uwagę na rozszerzenie autohide, dzięki któremu 45 | możesz ukryć paski narzędziowe w trybie pełnoekranowym (F11).

46 | 47 |

Jeśli chcesz dowiedzieć się, w jaki sposób działa Slidy, obejrzyj źródło strony prezentacji, żeby 48 | zobaczyć użyty XHTML lub zapoznaj się z prezentacją działania, która omawia 50 | wszystkie dodatkowe funkcje. Każdy slajd jest reprezentowany przez element div o klasie "slide". 51 | Pozycjonowanie CSS i użycie procentowych szerokości obrazków zapewni, że 52 | Twoje slajdy będą poprawnie wyświetlane w każdej skali. 53 | Zawartości slajdu, które mają być stopniowo odsłaniane oznacz klasą "incremental". 54 | Powiązany arkusz stylów CSS i skrypt zostały stworzone jako sieciowa 55 | alternatywa dla komercyjnych narzędzi prezentacyjnych. Całość została 56 | przetestowana na różnorodnych współczesnych przeglądarkach. 57 | Na etapie tworzenia jest aplikacja do zintegrowanego tworzenia i edycji prezentacji. 58 | Wszystkie komentarze prosimy kierować do Dave'a 59 | Raggetta <dsr@w3.org>.

60 | 61 |

Zachęcamy do używania arkuszy stylów, skryptów i pliku pomocy na warunkach licencyjnych dotyczących dokumentów 62 | i oprogramowania W3C

63 | 64 | 65 | 66 |

67 | 68 |

76 | 77 | -------------------------------------------------------------------------------- /slidy2/help/help.html.pt-br: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | Slide Show Help 13 | 21 | 22 | 23 |

Ajuda do Slide Show

24 | 25 |

Este slide show pode ser tocado do jeito do Power Point. 26 | Para avançar ao próximo eslaide, clique em qualquer ponto 27 | da página com o botão direito do mouse. Ou então use a 28 | barra de espaços. Também se pode movimentar para frente ou 29 | para trás com as teclas do cursor -- setinhas para a 30 | direita, para a esquerda, para cima e para baixo. E ainda 31 | com as teclas Page Up e Page Down. O tamanho da fonte é 32 | automaticamente ajustado à largura da janela do navegador, 33 | mas esse ajuste pode ser manual, usando as teclas "S" 34 | (de "smaller") para diminuir o tamanho, e "B" (de "bigger") 35 | para aumentar. Igualmente se pode usar as teclas "<" e 36 | ">". Use 37 | a tecla "F" para alternar entre desativada e ativada a 38 | linha de status no rodapé. A tecla "K" alterna o uso do 39 | clique do mouse para avançar ao próximo eslaide. A tecla 40 | "C" mostra a tabela de conteúdos, que será novamente 41 | ocultada apertando-se qualquer tecla. Use a tecla "F11" 42 | para alternar o modo de tela cheia do navegador. Aperte 43 | "H" (de "Help") para abrir esta página de Ajuda. Note que 44 | alguns navegadores reservam algumas dessas teclas para 45 | outras funções. Assim, experimente no seu navegador para 46 | ver se esse é o seu caso.

47 | 48 |

Usuários do Firefox podem querer a extensão autoocultar 50 | para esconder as barras de ferramentas quando entrarem em tela cheia 51 | com a tecla F11.

52 | 53 |

Se quiser ver como funciona o Slidy, use o View Source para 54 | visualizar a marcação XHTML, ou leia esta explanação mais longa, 56 | que também contém funcionalidades adicionais. Cada eslaide é 57 | marcado como um div element com 58 | classe="slide". Posicionamentos e larguras em porcentual de CSS 59 | podem ser usados para assegurar que os eslaides com rica 60 | ilustração tenham escalabilidade de acordo com o tamanho da janela. 61 | Já o conteúdo a ser revelado incrementalmente pode receber a 62 | marcação com a classe="incremental". 63 | A folha de estilos vinculados e os scripts foram desenvolvidos 64 | como uma alternativa baseada em web às ferramentas proprietárias 65 | de apresentação, e testados em diversos navegadores recentes. 66 | Suporte à edição integrada ainda está em desenvolvimento. Mande 67 | seus comentários para Dave 68 | Raggett <dsr@w3.org>. 69 | Achando que o Slidy é útil, V. talvez possa considerar a 70 | possibilidade de se tornar um 71 | Apoiador do W3C.

72 | 73 |

81 | 82 | 83 | 84 |

85 | 86 |

94 | 95 | 96 | -------------------------------------------------------------------------------- /slidy2/help/help.html.pt_br: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | Slide Show Help 13 | 21 | 22 | 23 |

Ajuda do Slide Show

24 | 25 |

47 | 48 |

Usuários do Firefox podem querer a extensão autoocultar 50 | para esconder as barras de ferramentas quando entrarem em tela cheia 51 | com a tecla F11.

52 | 53 |

72 | 73 |

81 | 82 | 83 | 84 |

85 | 86 |

94 | 95 | 96 | -------------------------------------------------------------------------------- /slidy2/help/help.html.sv: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hjälpsida för presentationer 15 | 23 | 24 |

Hjälpsida för presentationer

25 | 26 |

Denna presentation kan användas på liknande sätt som Power Point. 27 | För att bläddra till nästa sida går det att trycka på mellanslagstangenten eller klicka med musens 28 | västra knapp så gott som var som helst på sidan. Bläddra framåt och 29 | bakåt med höger- respektive vänsterpiltangenterna eller tangenterna »Pg Dn» respektive 30 | »Pg Up». Textens storlek anpassas automatiskt efter webbläsarens 31 | fönsterbredd, men den går även att justera manuellt med 32 | tangenterna »S» och »B» för att förminska respektive förstora texten. Alternativt kan 33 | tangenterna »<» respektive »>» användas. Tangenten 34 | »F» används för att visa / dölja statusraden längst ner i fönstret. Tangenten »K» 35 | kopplar på / av möjligheten att klicka med musen för att bläddra till nästa sida. Tangenten 36 | »C» används för att visa innehållsförteckningen och en tryckning på vilken annan tangent som 37 | helst döljer den. En tryckning på tangenten »H» visar denna hjälpsida. Tangenten »F11» 38 | växlar mellan fullskärmsvisning och visning i webbläsarens fönster. Observera att vissa webbläsare kan 39 | ha reserverat några av dessa tangenttryckningar för andra funktioner; detta varierar mellan olika webbläsare.

40 | 41 |

Firefoxanvändare kan vid behov installera autohide 42 | för att verktygsfälten skall döljas vid övergång till fullskärmsvisning med F11.

43 | 44 |

För att se hur Slidy fungerar, titta på XHTML-koden genom att välja »Visa 45 | källa» (eller liknande) i webbläsarens meny eller läs följande längre 46 | beskrivning, där även ytterligare finesser beskrivs. Varje sida är markerad som 47 | div-element med attributet class="slide". CSS-positionering och procentuell bredd 48 | kan användas för att placera bilderna i rätt skala i förhållande till 49 | webbläsarens fönsterstorlek. Det som skall visas inkrementiellt 50 | markeras med class="incremental". Länkar hänvisar till några skript och stilmallar 51 | som har testats med en mängd nutida webbläsare och bildar ett webbaserat alternativ till proprietära 52 | presentationsprogram. Stöd för integrerad editering håller på att utvecklas. Skicka gärna 53 | kommentarer till Dave 54 | Raggett <dsr@w3.org>. 55 | Om du finner Slidy användbar kan du överväga att bli 56 | W3C Supporter.

57 | 58 |

Välkommen att använda presentationens stilmallar, skript och hjälpfiler enligt reglerna 59 | för W3C:s document use 60 | och software 61 | licensing!

62 | 63 | 64 | 65 |

66 | 67 |

75 | 76 | -------------------------------------------------------------------------------- /slidy2/help/help.pt-br.html: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | Slide Show Help 13 | 21 | 22 | 23 |

Ajuda do Slide Show

24 | 25 |

47 | 48 |

Usuários do Firefox podem querer a extensão autoocultar 50 | para esconder as barras de ferramentas quando entrarem em tela cheia 51 | com a tecla F11.

52 | 53 |

72 | 73 |

81 | 82 | 83 | 84 |

85 | 86 |

94 | 95 | 96 | -------------------------------------------------------------------------------- /slidy2/scripts/.htaccess: -------------------------------------------------------------------------------- 1 | Options +MultiViews 2 | LanguagePriority en 3 | AddLanguage pt-br .pt-br 4 | 5 | 6 | 7 | ForceType 'text/html; charset=utf-8' 8 | 9 | 10 | 11 | 12 | 13 | ForceType 'application/xhtml+xml; charset=utf-8' 14 | 15 | 16 | 17 | 18 | 19 | ForceType 'text/css; charset=utf-8' 20 | 21 | 22 | 23 | 24 | 25 | ForceType 'text/javascript; charset=utf-8' 26 | 27 | 28 | mkdir 29 | -------------------------------------------------------------------------------- /slidy2/scripts/img.srcset.js: -------------------------------------------------------------------------------- 1 | /* imgsrcset - Img srcset polyfill for resolution responsive images. Authors & copyright (c) 2012: WebLinc, David Knight. */ 2 | 3 | // Imgsrcset 4 | (function(win) { 5 | 'use strict'; 6 | 7 | var _viewport = win.document.documentElement, 8 | _srcsetID = 0, 9 | _srcsets = [], 10 | _eventPrefix = '', 11 | _addEvent = win.addEventListener || (_eventPrefix = 'on') && win.attachEvent, 12 | _removeEvent = win.removeEventListener || win.detachEvent, 13 | _srcExpr = /[^\s]+/g, 14 | _digitExpr = /[0-9\.]+/g, 15 | _timer = 0, 16 | 17 | /* 18 | _matches 19 | */ 20 | _matches = function(srcset) { 21 | var srcList = (srcset.indexOf(',') !== -1 && srcset.split(',')) || [srcset], 22 | srcIndex = srcList.length - 1, 23 | srcLength = srcIndex, 24 | 25 | list = null, 26 | listIndex = 0, 27 | 28 | src = '', 29 | media = ''; 30 | 31 | if (srcIndex < 0) { 32 | return; 33 | } 34 | 35 | do { 36 | var list = srcList[srcLength - srcIndex].match(_srcExpr) || [], 37 | listIndex = list.length; 38 | 39 | while (listIndex--) { 40 | var item = list[listIndex], 41 | feature = 0, 42 | digits = 0; 43 | 44 | if (listIndex > 0) { 45 | feature = (item.indexOf('w') !== -1 && (win.innerWidth || _viewport.clientWidth)) || 46 | (item.indexOf('h') !== -1 && (win.innerHeight || _viewport.clientHeight)) || 47 | (item.indexOf('x') !== -1 && (win.devicePixelRatio || 1)); 48 | 49 | digits = Number(item.match(_digitExpr)); 50 | 51 | if (feature && digits && digits > feature) { 52 | break; 53 | } 54 | } else { 55 | src = item; 56 | media = srcList[srcIndex]; 57 | } 58 | } 59 | } while (srcIndex--); 60 | 61 | return (src && media && {src: src, media: media}) || false; 62 | }, 63 | 64 | /* 65 | watch 66 | */ 67 | _watch = function(evt) { 68 | clearTimeout(_timer); 69 | 70 | _timer = setTimeout(function() { 71 | var srcset = null, 72 | srcsetIndex = _srcsetID - 1, 73 | srcsetLength = srcsetIndex, 74 | match = false; 75 | 76 | do { 77 | srcset = _srcsets[srcsetLength - srcsetIndex]; 78 | 79 | // If img element does not have a parent, remove array index to prevent caching 80 | if (!srcset.element.parentNode) { 81 | _srcsetID--; 82 | srcset.splice(srcsetIndex, 1); 83 | continue; 84 | } 85 | 86 | match = _matches(srcset.media); 87 | 88 | if (match && (srcset.matches !== match.media)) { 89 | srcset.matches = match.media; 90 | 91 | srcset.element.src = match.src; 92 | } else if (!match) { 93 | srcset.matches = false; 94 | srcset.src && (srcset.element.src = srcset.src); 95 | } 96 | } while(srcsetIndex--); 97 | }, 10); 98 | }, 99 | 100 | /* 101 | init 102 | */ 103 | _init = function() { 104 | _removeEvent(_eventPrefix + 'load', _init); 105 | 106 | win.Imgsrcset.parse(); 107 | _watch(); 108 | 109 | // Processes '_srcsets' array and determines which source to use 110 | // '_watch' will clear out any images from the array that do not have parents, which should eliminate element caching 111 | _addEvent(_eventPrefix + 'resize', _watch); 112 | _addEvent(_eventPrefix + 'orientationchange', _watch); 113 | }; 114 | 115 | /* 116 | imgsrcset 117 | */ 118 | win.Imgsrcset = { 119 | /* 120 | parse 121 | 122 | Called on '_init' and can also be called if new images are added/removed 123 | */ 124 | parse: function() { 125 | _srcsets = []; 126 | 127 | var imgs = win.document.getElementsByTagName('img') || [], 128 | imgIndex = imgs.length - 1, 129 | imgLength = imgIndex, 130 | img = null, 131 | srcset = ''; 132 | 133 | do { 134 | img = imgs[imgLength - imgIndex]; 135 | srcset = img.getAttribute('srcset') || ''; 136 | 137 | if (!srcset) { 138 | continue; 139 | } 140 | 141 | _srcsetID = _srcsets.push({ 142 | element : img, 143 | media : srcset, 144 | matches : false, 145 | src : img.getAttribute('src') || '' 146 | }); 147 | } while(imgIndex--); 148 | } 149 | }; 150 | 151 | // Set up listeners 152 | _addEvent(_eventPrefix + 'load', _init); 153 | })(window); 154 | -------------------------------------------------------------------------------- /slidy2/styles/.htaccess: -------------------------------------------------------------------------------- 1 | Options +MultiViews 2 | LanguagePriority en 3 | AddLanguage pt-br .pt-br 4 | 5 | 6 | 7 | ForceType 'text/html; charset=utf-8' 8 | 9 | 10 | 11 | 12 | 13 | ForceType 'application/xhtml+xml; charset=utf-8' 14 | 15 | 16 | 17 | 18 | 19 | ForceType 'text/css; charset=utf-8' 20 | 21 | 22 | 23 | 24 | 25 | ForceType 'text/javascript; charset=utf-8' 26 | 27 | 28 | mkdir 29 | -------------------------------------------------------------------------------- /slidy2/styles/print.css: -------------------------------------------------------------------------------- 1 | /* print.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 | */ 10 | body { 11 | color: black; 12 | font-family: sans-serif; 13 | font-size: 12pt; 14 | } 15 | 16 | div.slide { page-break-before: always; page-break-inside: avoid; } 17 | div.background { display: none; 18 | visibility: hidden; page-break-after: avoid; } 19 | div.handout { display: block; visibility: visible; } 20 | 21 | div dt 22 | { 23 | margin-left: 0; 24 | margin-top: 1em; 25 | margin-bottom: 0.5em; 26 | font-weight: bold; 27 | } 28 | div dd 29 | { 30 | margin-left: 2em; 31 | } 32 | 33 | blockquote { font-style: italic } 34 | 35 | pre { color: rgb(0,128,0); font-size: 80%; 36 | font-weight: bold; line-height: 120%; } 37 | 38 | p.copyright { font-size: smaller } 39 | 40 | a:visited { color: navy } 41 | a:link { color: blue } 42 | a:hover { color: red } 43 | a:active { color: red } 44 | 45 | a {text-decoration : none} 46 | .navbar a:link {color: white} 47 | .navbar a:visited {color: yellow} 48 | .navbar a:active {color: red} 49 | .navbar a:hover {color: red} 50 | 51 | ul { list-style-type: square; } 52 | ul ul { list-style-type: disc; } 53 | ul ul ul { list-style-type: circle; } 54 | ul ul ul ul { list-style-type: disc; } 55 | li { margin-left: 0.5em; } 56 | li li { font-size: 80%; font-style: italic } 57 | li li li { font-size: 80%; font-style: normal } 58 | 59 | -------------------------------------------------------------------------------- /slidy2/styles/slidy.css: -------------------------------------------------------------------------------- 1 | /* slidy.css 2 | 3 | Copyright (c) 2005-2010 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 | */ 10 | body 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 | div.toolbar { 23 | position: fixed; z-index: 200; 24 | top: auto; bottom: 0; left: 0; right: 0; 25 | height: 1.2em; text-align: right; 26 | padding-left: 1em; 27 | padding-right: 1em; 28 | font-size: 60%; 29 | color: red; 30 | background-color: rgb(240,240,240); 31 | border-top: solid 1px rgb(180,180,180); 32 | } 33 | 34 | div.toolbar span.copyright { 35 | color: black; 36 | margin-left: 0.5em; 37 | } 38 | 39 | div.initial_prompt { 40 | position: absolute; 41 | z-index: 1000; 42 | bottom: 1.2em; 43 | width: 100%; 44 | background-color: rgb(200,200,200); 45 | opacity: 0.35; 46 | background-color: rgb(200,200,200, 0.35); 47 | cursor: pointer; 48 | } 49 | 50 | div.initial_prompt p.help { 51 | text-align: center; 52 | } 53 | 54 | div.initial_prompt p.close { 55 | text-align: right; 56 | font-style: italic; 57 | } 58 | 59 | div.slidy_toc { 60 | position: absolute; 61 | z-index: 300; 62 | width: 60%; 63 | max-width: 30em; 64 | height: 30em; 65 | overflow: auto; 66 | top: auto; 67 | right: auto; 68 | left: 4em; 69 | bottom: 4em; 70 | padding: 1em; 71 | background: rgb(240,240,240); 72 | border-style: solid; 73 | border-width: 2px; 74 | font-size: 60%; 75 | } 76 | 77 | div.slidy_toc .toc_heading { 78 | text-align: center; 79 | width: 100%; 80 | margin: 0; 81 | margin-bottom: 1em; 82 | border-bottom-style: solid; 83 | border-bottom-color: rgb(180,180,180); 84 | border-bottom-width: 1px; 85 | } 86 | 87 | div.slide { 88 | z-index: 20; 89 | margin: 0 0 0 0; 90 | padding-top: 0; 91 | padding-bottom: 0; 92 | padding-left: 20px; 93 | padding-right: 20px; 94 | border-width: 0; 95 | clear: both; 96 | top: 0; 97 | bottom: 0; 98 | left: 0; 99 | right: 0; 100 | line-height: 120%; 101 | background-color: transparent; 102 | } 103 | 104 | div.background { 105 | display: none; 106 | } 107 | 108 | div.handout { 109 | margin-left: 20px; 110 | margin-right: 20px; 111 | } 112 | 113 | div.slide.titlepage { 114 | text-align: center; 115 | } 116 | 117 | div.slide.titlepage h1 { 118 | padding-top: 10%; 119 | margin-right: 0; 120 | } 121 | 122 | div.slide h1 { 123 | padding-left: 0; 124 | padding-right: 20pt; 125 | padding-top: 4pt; 126 | padding-bottom: 4pt; 127 | margin-top: 0; 128 | margin-left: 0; 129 | margin-right: 60pt; 130 | margin-bottom: 0.5em; 131 | display: block; 132 | font-size: 160%; 133 | line-height: 1.2em; 134 | background: transparent; 135 | } 136 | 137 | @media screen and (max-device-width: 1024px) 138 | { 139 | div.slide { font-size: 100%; } 140 | } 141 | 142 | @media screen and (max-device-width: 800px) 143 | { 144 | div.slide { font-size: 200%; } 145 | div.slidy_toc { 146 | top: 1em; 147 | left: 1em; 148 | right: auto; 149 | width: 80%; 150 | font-size: 180%; 151 | } 152 | } 153 | 154 | div.toc-heading { 155 | width: 100%; 156 | border-bottom: solid 1px rgb(180,180,180); 157 | margin-bottom: 1em; 158 | text-align: center; 159 | } 160 | 161 | img { 162 | image-rendering: optimize-quality; 163 | } 164 | 165 | pre { 166 | font-size: 80%; 167 | font-weight: bold; 168 | line-height: 120%; 169 | padding-top: 0.2em; 170 | padding-bottom: 0.2em; 171 | padding-left: 1em; 172 | padding-right: 1em; 173 | border-style: solid; 174 | border-left-width: 1em; 175 | border-top-width: thin; 176 | border-right-width: thin; 177 | border-bottom-width: thin; 178 | border-color: #95ABD0; 179 | color: #00428C; 180 | background-color: #E4E5E7; 181 | } 182 | 183 | li pre { margin-left: 0; } 184 | 185 | blockquote { font-style: italic } 186 | 187 | img { background-color: transparent } 188 | 189 | p.copyright { font-size: smaller } 190 | 191 | .center { text-align: center } 192 | .footnote { font-size: smaller; margin-left: 2em; } 193 | 194 | a img { border-width: 0; border-style: none } 195 | 196 | a:visited { color: navy } 197 | a:link { color: navy } 198 | a:hover { color: red; text-decoration: underline } 199 | a:active { color: red; text-decoration: underline } 200 | 201 | a {text-decoration: none} 202 | .toolbar a:link {color: blue} 203 | .toolbar a:visited {color: blue} 204 | .toolbar a:active {color: red} 205 | .toolbar a:hover {color: red} 206 | 207 | ul { list-style-type: square; } 208 | ul ul { list-style-type: disc; } 209 | ul ul ul { list-style-type: circle; } 210 | ul ul ul ul { list-style-type: disc; } 211 | li { margin-left: 0.5em; margin-top: 0.5em; } 212 | li li { font-size: 85%; font-style: italic } 213 | li li li { font-size: 85%; font-style: normal } 214 | 215 | div dt 216 | { 217 | margin-left: 0; 218 | margin-top: 1em; 219 | margin-bottom: 0.5em; 220 | font-weight: bold; 221 | } 222 | div dd 223 | { 224 | margin-left: 2em; 225 | margin-bottom: 0.5em; 226 | } 227 | 228 | 229 | p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table { 230 | margin-left: 1em; 231 | margin-right: 1em; 232 | } 233 | 234 | p.subhead { font-weight: bold; margin-top: 2em; } 235 | 236 | .smaller { font-size: smaller } 237 | .bigger { font-size: 130% } 238 | 239 | td,th { padding: 0.2em } 240 | 241 | ul { 242 | margin: 0.5em 1.5em 0.5em 1.5em; 243 | padding: 0; 244 | } 245 | 246 | ol { 247 | margin: 0.5em 1.5em 0.5em 1.5em; 248 | padding: 0; 249 | } 250 | 251 | ul { list-style-type: square; } 252 | ul ul { list-style-type: disc; } 253 | ul ul ul { list-style-type: circle; } 254 | ul ul ul ul { list-style-type: disc; } 255 | 256 | ul li { 257 | list-style: square; 258 | margin: 0.1em 0em 0.6em 0; 259 | padding: 0 0 0 0; 260 | line-height: 140%; 261 | } 262 | 263 | ol li { 264 | margin: 0.1em 0em 0.6em 1.5em; 265 | padding: 0 0 0 0px; 266 | line-height: 140%; 267 | list-style-type: decimal; 268 | } 269 | 270 | li ul li { 271 | font-size: 85%; 272 | font-style: italic; 273 | list-style-type: disc; 274 | background: transparent; 275 | padding: 0 0 0 0; 276 | } 277 | li li ul li { 278 | font-size: 85%; 279 | font-style: normal; 280 | list-style-type: circle; 281 | background: transparent; 282 | padding: 0 0 0 0; 283 | } 284 | li li li ul li { 285 | list-style-type: disc; 286 | background: transparent; 287 | padding: 0 0 0 0; 288 | } 289 | 290 | li ol li { 291 | list-style-type: decimal; 292 | } 293 | 294 | 295 | li li ol li { 296 | list-style-type: decimal; 297 | } 298 | 299 | /* 300 | setting class="outline on ol or ul makes it behave as an 301 | ouline list where blocklevel content in li elements is 302 | hidden by default and can be expanded or collapsed with 303 | mouse click. Set class="expand" on li to override default 304 | */ 305 | 306 | ol.outline li:hover { cursor: pointer } 307 | ol.outline li.nofold:hover { cursor: default } 308 | 309 | ul.outline li:hover { cursor: pointer } 310 | ul.outline li.nofold:hover { cursor: default } 311 | 312 | ol.outline { list-style:decimal; } 313 | ol.outline ol { list-style-type:lower-alpha } 314 | 315 | ol.outline li.nofold { 316 | padding: 0 0 0 20px; 317 | background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em; 318 | } 319 | ol.outline li.unfolded { 320 | padding: 0 0 0 20px; 321 | background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em; 322 | } 323 | ol.outline li.folded { 324 | padding: 0 0 0 20px; 325 | background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em; 326 | } 327 | ol.outline li.unfolded:hover { 328 | padding: 0 0 0 20px; 329 | background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em; 330 | } 331 | ol.outline li.folded:hover { 332 | padding: 0 0 0 20px; 333 | background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em; 334 | } 335 | 336 | ul.outline li.nofold { 337 | padding: 0 0 0 20px; 338 | background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em; 339 | } 340 | ul.outline li.unfolded { 341 | padding: 0 0 0 20px; 342 | background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em; 343 | } 344 | ul.outline li.folded { 345 | padding: 0 0 0 20px; 346 | background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em; 347 | } 348 | ul.outline li.unfolded:hover { 349 | padding: 0 0 0 20px; 350 | background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em; 351 | } 352 | ul.outline li.folded:hover { 353 | padding: 0 0 0 20px; 354 | background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em; 355 | } 356 | 357 | /* for slides with class "title" in table of contents */ 358 | a.titleslide { font-weight: bold; font-style: italic } 359 | 360 | /* 361 | hide images for work around for save as bug 362 | where browsers fail to save images used by CSS 363 | */ 364 | img.hidden { display: none; visibility: hidden } 365 | div.initial_prompt { display: none; visibility: hidden } 366 | 367 | div.slide { 368 | visibility: visible; 369 | position: inherit; 370 | } 371 | div.handout { 372 | border-top-style: solid; 373 | border-top-width: thin; 374 | border-top-color: black; 375 | } 376 | 377 | @media screen { 378 | .hidden { display: none; visibility: visible } 379 | 380 | div.slide.hidden { display: block; visibility: visible } 381 | div.handout.hidden { display: block; visibility: visible } 382 | div.background { display: none; visibility: hidden } 383 | body.single_slide div.initial_prompt { display: block; visibility: visible } 384 | body.single_slide div.background { display: block; visibility: visible } 385 | body.single_slide div.background.hidden { display: none; visibility: hidden } 386 | body.single_slide .invisible { visibility: hidden } 387 | body.single_slide .hidden { display: none; visibility: hidden } 388 | body.single_slide div.slide { position: absolute } 389 | body.single_slide div.handout { display: none; visibility: hidden } 390 | } 391 | 392 | @media print { 393 | .hidden { display: block; visibility: visible } 394 | 395 | div.slide { page-break-after: always; } 396 | 397 | div.slide pre { font-size: 60%; padding-left: 0.5em; } 398 | div.toolbar { display: none; visibility: hidden; } 399 | div.slidy_toc { display: none; visibility: hidden; } 400 | div.background { display: none; visibility: hidden; } 401 | 402 | div.slide { page-break-before: always } 403 | 404 | /* :first-child isn't reliable for print media */ 405 | div.slide.first-slide { page-break-before: avoid } 406 | 407 | div#pagewidth { 408 | display: inline ; 409 | } 410 | } 411 | 412 | -------------------------------------------------------------------------------- /slidy2/styles/w3c-blue.css: -------------------------------------------------------------------------------- 1 | /* w3c-blue.css 2 | 3 | Copyright (c) 2005-2010 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 | */ 10 | body 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 | div.slide.titlepage { 23 | text-align: center; 24 | } 25 | 26 | div.slide.titlepage h1 { 27 | padding-top: 40%; 28 | } 29 | 30 | div.slide { 31 | z-index: 20; 32 | margin: 0 0 0 0; 33 | padding: 0; 34 | border-width: 0; 35 | top: 0; 36 | bottom: 0; 37 | left: 0; 38 | right: 0; 39 | line-height: 100%; 40 | background-color: transparent; 41 | } 42 | 43 | div.background { 44 | z-index: 1; 45 | position: absolute; 46 | vertical-align: bottom; 47 | left: 0; 48 | right: 0; 49 | top: 0; 50 | bottom: auto; 51 | height: 3.8em; /*4.1em; */ 52 | padding: 0 0 0 0.2em; 53 | margin: 0 0 0 0; 54 | border-width: 0; 55 | background-color: #121220; /* #728ec2; */ 56 | } 57 | 58 | div.background img { 59 | height: 4em; 60 | } 61 | 62 | /* this rule is hidden from IE which doesn't support + selector */ 63 | div.slide + div[class].slide { page-break-before: always;} 64 | 65 | div.slide h1 { 66 | padding-left: 6em; 67 | padding-right: 3em; 68 | padding-top: 0.1em; 69 | margin-bottom: 0.8em; 70 | margin-top: 0.9em; /* -0.05em; */ 71 | margin-left: 0; 72 | margin-right: 0; 73 | min-height: 2.3em; 74 | color: white; 75 | height: 2.2em; 76 | font-size: 140%; 77 | line-height: 1.1em; 78 | } 79 | 80 | div.slide h1 a { 81 | color: white; 82 | text-decoration: none; 83 | } 84 | 85 | div.slide h1 a:link { 86 | color: white; 87 | text-decoration: none; 88 | } 89 | 90 | div.slide h1 a:visited { 91 | color: white; 92 | text-decoration: none; 93 | } 94 | 95 | div.slide h1 a:hover { 96 | color: white; 97 | text-decoration: underline; 98 | } 99 | 100 | div.slide h1 a:active { 101 | color: red; 102 | text-decoration: underline; 103 | } 104 | 105 | #head-icon { 106 | margin-top: 0.5em; 107 | margin-bottom: 0; 108 | margin-left: 0;/* 109 | margin-right: 1em; 110 | background: #121220; 111 | border-width: 0; 112 | height: 3em; 113 | max-width: 3em;*/ 114 | z-index: 2; 115 | float: left; 116 | } 117 | 118 | #head-logo { 119 | margin: 0; 120 | margin-top: 0.25em; 121 | padding-top: 0.25em; 122 | padding-bottom: 0.2em; 123 | padding-left: 0; 124 | padding-right: 0; 125 | height: 3.2em; 126 | width: 4.8em; 127 | float: right; 128 | z-index: 2; 129 | background: #121220; 130 | } 131 | 132 | #head-logo-fallback { 133 | margin: 0; 134 | padding: 0; 135 | margin-top: -0.8em; 136 | width: 4.8em; 137 | float: right; 138 | z-index: 2; 139 | } 140 | 141 | /* the next two classes support vertical and horizontal centering */ 142 | div.vbox { 143 | float: left; 144 | height: 40%; 145 | width: 50%; 146 | margin-top: -240px; 147 | } 148 | div.hbox { 149 | width:60%; 150 | margin-top: 0; 151 | margin-left:auto; 152 | margin-right:auto; 153 | height: 60%; 154 | border:1px solid silver; 155 | background:#F0F0F0; 156 | overflow:auto; 157 | text-align:left; 158 | clear:both; 159 | } 160 | 161 | /* styling for named background */ 162 | div.background.slanty { 163 | z-index: 2; 164 | bottom: 0; 165 | height: 100%; 166 | background: transparent; 167 | } 168 | 169 | div.background.slanty img { margin-top: 4em; width: 100%; height: 80% } 170 | 171 | /* the following makes the pre background translucent */ 172 | /* opacity is a CSS3 property but supported by Mozilla family */ 173 | /* filter is an IE specific feature that also requires width */ 174 | div.slide.slanty pre { 175 | width: 93%; /* needed for IE filter to work */ 176 | opacity: .8; 177 | filter: alpha(opacity=80); 178 | } 179 | 180 | img.withBorder { 181 | border: 2px solid #c60; 182 | padding: 4px; 183 | } 184 | 185 | li pre { margin-left: 0; } 186 | 187 | @media print { pre { font-size: 60% } } 188 | 189 | blockquote { font-style: italic } 190 | 191 | img { background-color: transparent } 192 | 193 | p.copyright { font-size: smaller } 194 | 195 | .center { text-align: center } 196 | .footnote { font-size: smaller; margin-left: 2em; } 197 | 198 | a img { border-width: 0; border-style: none } 199 | 200 | a:visited { color: navy } 201 | a:link { color: navy } 202 | a:hover { color: red; text-decoration: underline } 203 | a:active { color: red; text-decoration: underline } 204 | 205 | a {text-decoration: none} 206 | .navbar a:link {color: white} 207 | .navbar a:visited {color: yellow} 208 | .navbar a:active {color: red} 209 | .navbar a:hover {color: red} 210 | 211 | ul { list-style-type: square; } 212 | ul ul { list-style-type: disc; } 213 | ul ul ul { list-style-type: circle; } 214 | ul ul ul ul { list-style-type: disc; } 215 | li { margin-left: 0.5em; margin-top: 0.5em; } 216 | li li { font-size: 85%; font-style: italic } 217 | li li li { font-size: 85%; font-style: normal } 218 | 219 | div dt 220 | { 221 | margin-left: 0; 222 | margin-top: 1em; 223 | margin-bottom: 0.5em; 224 | font-weight: bold; 225 | } 226 | div dd 227 | { 228 | margin-left: 2em; 229 | margin-bottom: 0.5em; 230 | } 231 | 232 | 233 | p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table { 234 | margin-left: 1em; 235 | margin-right: 1em; 236 | } 237 | 238 | p.subhead { font-weight: bold; margin-top: 2em; } 239 | 240 | div.cover p.explanation { 241 | font-style: italic; 242 | margin-top: 3em; 243 | } 244 | 245 | 246 | .smaller { font-size: smaller } 247 | 248 | td,th { padding: 0.2em } 249 | 250 | ul { 251 | margin: 0.5em 1.5em 0.5em 1.5em; 252 | padding: 0; 253 | } 254 | 255 | ol { 256 | margin: 0.5em 1.5em 0.5em 1.5em; 257 | padding: 0; 258 | } 259 | 260 | ul { list-style-type: square; } 261 | ul ul { list-style-type: disc; } 262 | ul ul ul { list-style-type: circle; } 263 | ul ul ul ul { list-style-type: disc; } 264 | li { margin-left: 0.5em; margin-top: 0.5em; } 265 | li li { font-size: 85%; font-style: italic } 266 | li li li { font-size: 85%; font-style: normal } 267 | 268 | 269 | ul li { 270 | list-style: none; 271 | margin: 0.1em 0em 0.6em 0; 272 | padding: 0 0 0 40px; 273 | background: transparent url(../graphics/bullet.png) no-repeat 5px 0.3em; 274 | line-height: 140%; 275 | } 276 | 277 | /* workaround IE's failure to support background on li for print media */ 278 | @media print { ul li { list-style: disc; padding-left: 0; background: none; } } 279 | 280 | ol li { 281 | margin: 0.1em 0em 0.6em 1.5em; 282 | padding: 0 0 0 0px; 283 | line-height: 140%; 284 | } 285 | 286 | li li { 287 | font-size: 85%; 288 | font-style: italic; 289 | list-style-type: disc; 290 | background: transparent; 291 | padding: 0 0 0 0; 292 | } 293 | li li li { 294 | font-size: 85%; 295 | font-style: normal; 296 | list-style-type: circle; 297 | background: transparent; 298 | padding: 0 0 0 0; 299 | } 300 | li li li li { 301 | list-style-type: disc; 302 | background: transparent; 303 | padding: 0 0 0 0; 304 | } 305 | 306 | /* rectangular blue bullet + unfold/nofold/fold widget */ 307 | 308 | /* 309 | setting class="outline on ol or ul makes it behave as an 310 | ouline list where blocklevel content in li elements is 311 | hidden by default and can be expanded or collapsed with 312 | mouse click. Set class="expand" on li to override default 313 | */ 314 | 315 | ol.outline li:hover { cursor: pointer } 316 | ol.outline li.nofold:hover { cursor: default } 317 | 318 | ul.outline li:hover { cursor: pointer } 319 | ul.outline li.nofold:hover { cursor: default } 320 | 321 | ol.outline { list-style:decimal; } 322 | ol.outline ol { list-style-type:lower-alpha } 323 | 324 | ol.outline li.nofold { 325 | padding: 0 0 0 20px; 326 | background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.3em; 327 | } 328 | ol.outline li.unfolded { 329 | padding: 0 0 0 20px; 330 | background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.3em; 331 | } 332 | ol.outline li.folded { 333 | padding: 0 0 0 20px; 334 | background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.3em; 335 | } 336 | ol.outline li.unfolded:hover { 337 | padding: 0 0 0 20px; 338 | background: transparent url(../graphics/fold.gif) no-repeat 0px 0.3em; 339 | } 340 | ol.outline li.folded:hover { 341 | padding: 0 0 0 20px; 342 | background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.3em; 343 | } 344 | 345 | ul.outline li.nofold { 346 | padding: 0 0 0 52px; 347 | background: transparent url(../graphics/bullet-nofold-dim.gif) no-repeat 5px 0.3em; 348 | } 349 | ul.outline li.unfolded { 350 | padding: 0 0 0 52px; 351 | background: transparent url(../graphics/bullet-fold-dim.gif) no-repeat 5px 0.3em; 352 | } 353 | ul.outline li.folded { 354 | padding: 0 0 0 52px; 355 | background: transparent url(../graphics/bullet-unfold-dim.gif) no-repeat 5px 0.3em; 356 | } 357 | ul.outline li.unfolded:hover { 358 | padding: 0 0 0 52px; 359 | background: transparent url(../graphics/bullet-fold.gif) no-repeat 5px 0.3em; 360 | } 361 | ul.outline li.folded:hover { 362 | padding: 0 0 0 52px; 363 | background: transparent url(../graphics/bullet-unfold.gif) no-repeat 5px 0.3em; 364 | } 365 | 366 | li ul.outline li.nofold { 367 | padding: 0 0 0 21px; 368 | background: transparent url(../graphics/nofold-dim.gif) no-repeat 5px 0.3em; 369 | } 370 | li ul.outline li.unfolded { 371 | padding: 0 0 0 21px; 372 | background: transparent url(../graphics/fold-dim.gif) no-repeat 5px 0.3em; 373 | } 374 | li ul.outline li.folded { 375 | padding: 0 0 0 21px; 376 | background: transparent url(../graphics/unfold-dim.gif) no-repeat 5px 0.3em; 377 | } 378 | li ul.outline li.unfolded:hover { 379 | padding: 0 0 0 21px; 380 | background: transparent url(../graphics/fold.gif) no-repeat 5px 0.3em; 381 | } 382 | li ul.outline li.folded:hover { 383 | padding: 0 0 0 21px; 384 | background: transparent url(../graphics/unfold.gif) no-repeat 5px 0.3em; 385 | } 386 | 387 | img { 388 | image-rendering: optimize-quality; 389 | } 390 | 391 | img.withBorder { 392 | border: 2px solid #c60; 393 | padding: 4px; 394 | } 395 | 396 | div.header { 397 | position: absolute; 398 | z-index: 2; 399 | left: 0; 400 | right: 0; 401 | top: 0; 402 | bottom: auto; 403 | height: 2.95em; 404 | width: 100%; 405 | padding: 0 0 0 0; 406 | margin: 0 0 0 0; 407 | border-width: 0; 408 | border-style: solid; 409 | background-color: #005A9C; 410 | border-bottom-width: thick; 411 | border-bottom-color: #95ABD0; 412 | } 413 | 414 | div.footer { 415 | position: absolute; 416 | z-index: 80; 417 | left: 0; 418 | right: 0; 419 | top: auto; 420 | bottom: 0; 421 | height: 3.5em; 422 | margin: 0; 423 | font-size: 80%; 424 | font-weight: bold; 425 | padding-left: 1em; 426 | padding-right: 0; 427 | padding-top: 0.3em; 428 | padding-bottom: 0; 429 | color: #003366; 430 | background-color: #95ABD0; 431 | } 432 | 433 | /* this is a hack to hide property from IE6 and below */ 434 | div[class="footer"] { 435 | position: fixed; 436 | } 437 | 438 | #hidden-bullet { 439 | visibility: hidden; 440 | display: none; 441 | } 442 | 443 | div.slide.cover { 444 | color: white; 445 | background-color: #121220; 446 | padding-top: 0; 447 | padding-right: 0; 448 | padding-left: 3em; 449 | height: 100%; 450 | } 451 | 452 | div.slide.cover h1 { 453 | margin: 0; 454 | padding: 0.5em; 455 | color: white; 456 | height: auto; 457 | } 458 | 459 | div.slide.cover h2 { 460 | color: white; 461 | } 462 | 463 | div.slide.cover a { 464 | color: white; 465 | } 466 | 467 | div.slide.cover a:visited { color: white } 468 | div.slide.cover a:link { color: white } 469 | div.slide.cover a:hover { color: yellow; text-decoration: underline } 470 | div.slide.cover a:active { color: yellow; text-decoration: underline } 471 | 472 | div.slide.cover a:hover, div.slide.cover a:active { 473 | color: yellow; text-decoration: underline; 474 | } 475 | 476 | div.slide.cover img.cover { 477 | margin: 0 0 0 0; 478 | float: right; 479 | padding-bottom: 4em; 480 | width: 50%; 481 | overflow: hidden; 482 | } 483 | 484 | div.slide.cover a:hover, div.slide.cover a:active { 485 | color: yellow; text-decoration: underline; 486 | } 487 | 488 | /* for Bert as an ardent user of the old W3C slidemaker tool */ 489 | 490 | div.comment { display: none; visibility: hidden } 491 | 492 | @media print { 493 | div.slide h1 { background: transparent; color: black } 494 | div.slide.cover { background: transparent; color: black } 495 | div.slide.cover h1 { background: transparent; color: black } 496 | div.comment { display: block; visibility: visible } 497 | } 498 | --------------------------------------------------------------------------------