From 28cd7b0d08df2b9ff1d68ade4af4a3b851aa3a30 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Paul=20H=C3=A4nsch?= Date: Fri, 11 Jan 2019 20:56:23 +0100 Subject: [PATCH] initial commit --- autoslide.css | 27 +++++++++++++++++++++++++++ example.short | 19 +++++++++++++++++++ 2 files changed, 46 insertions(+) create mode 100644 autoslide.css create mode 100644 example.short diff --git a/autoslide.css b/autoslide.css new file mode 100644 index 0000000..f07cb7e --- /dev/null +++ b/autoslide.css @@ -0,0 +1,27 @@ +div { + display: inline-block; + overflow: hidden; + width: 40em; height: 30em; + border: 1px solid black; + font-size: 2pt; +} +div:target { + display: fixed; + top: 0; bottom: 0; + left:0; right: 0; + font-size: 24pt; +} + +ul { color: #CCC; } +ul:hover { color: #000; } +ul li:first-child { height: 0; } +ul li:first-child:before, +ul li:hover:before, +ul li:active + li:before { + content: ' '; + position: fixed; + top: 0; bottom: 0; + left: 0; right: 0; +} +ul li:hover ~ li { color: #CCC; } +ul li:active:before { display: none; } diff --git a/example.short b/example.short new file mode 100644 index 0000000..fa9c524 --- /dev/null +++ b/example.short @@ -0,0 +1,19 @@ +[!DOCTYPE HTML] +[html [head + [meta name="viewport" content="width=device-width"] + [title Demo] + [link rel="stylesheet" type="text/css" href="autoslide.css"] +][body + [div #1 + [h1 Folie A] + [ul [li] + [li Eins] + [li Zwei] + [li Drei] + [li Vier] + [li Fünf] + ] + ][div #2 + [h1 Folie B] + ] +]] -- 2.39.2