X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=clickslide.css;h=084bf687297871a875570f32801ec5f4816ff65d;hb=e93b4dc841d33fac2421857c546fc787381693dd;hp=3410470241b016d3a91484bb0252a50f5dc4db71;hpb=a0aeeb7cfdef73bbf04b28a90d244fab533d5e3a;p=clickslide diff --git a/clickslide.css b/clickslide.css index 3410470..084bf68 100644 --- a/clickslide.css +++ b/clickslide.css @@ -24,7 +24,10 @@ body { text-align: center; overflow-x: hidden; } -body * { text-align: left; } +body * { + text-align: left; + font-size: inherit; +} body:after { position: fixed; @@ -70,7 +73,7 @@ body a.toplevel { } body a.toplevel:before { color: #888; - content: '\2ba4' + content: '\2196'; } body span.count { @@ -97,6 +100,17 @@ div.slide { border: 1px solid black; } +div.slide:after { /* slide number */ + position: absolute; + bottom: 0; left: 0; + font-size: 15em; + line-height: 1em; + text-align: left; + content: attr(count); + padding-left: .125em; + color: #DDD; +} + div.slide + a { display: none; } a.nextslide { display: inline-block; @@ -116,23 +130,11 @@ div.slide { line-height: 1.5em; } -div.slide:after { - position: absolute; - bottom: 0; left: 0; - width: 100%; - font-size: .875em; - line-height: 1.5em; - text-align: left; - content: attr(count) " /"; - padding-left: 4em; - background-color: #EEE; - color: #888; -} - div.slide > * { margin-top: 1em; max-width: 85%; - overflow: hidden; + margin-left: auto; + margin-right: auto; } div.slide > *:first-child:last-child, @@ -162,9 +164,21 @@ div.slide h2 { padding: .25em 1em; } +div.slide > table { + width: 85%; +} +div.slide * table { + width: 100%; +} + +div.slide ul li { + list-style-type: square; + margin-left: 2em; +} + div.slide ul ul, div.slide ul ol, div.slide ol ul, div.slide ol ol { - margin-left: 1em; + margin-left: -1em; } div.slide > ul, @@ -178,6 +192,7 @@ div.slide pre { padding: 1ex; text-align: left; font-family: monospace; + overflow: hidden; } /* ==== Slide Display ==== */ @@ -191,6 +206,22 @@ div.slide:target { border: none; font-size: inherit; } + +/* slide number, footer bar*/ +div.slide:target:after { + position: absolute; + bottom: 0; left: 0; + width: 100%; + font-size: .875em; + line-height: 1.5em; + text-align: left; + content: attr(count) " /"; + padding-left: 4em; + background-color: #EEE; + color: #888; +} + +/* back and forth link buttons */ div.slide:target + a, div.slide:target + a + a { position: static;