X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=clickslide.css;h=084bf687297871a875570f32801ec5f4816ff65d;hb=2aa5b9d9d70520a6fb62c9b11e335a49b2856d8d;hp=1dc07772a7dcca85675da30689f508ea25b37561;hpb=9f1062702188e06a947445d20db2a79c4008122a;p=clickslide diff --git a/clickslide.css b/clickslide.css index 1dc0777..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; @@ -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,19 +130,6 @@ 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%; @@ -163,6 +164,13 @@ 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; @@ -198,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;