X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=clickslide.css;h=084bf687297871a875570f32801ec5f4816ff65d;hb=7f3ca9907f0479a3da9d2c8eb5ecf9dccd4917be;hp=174384b54e3d653f893f2db87b2347a16e2af7e1;hpb=f3d10e74c2c37195dc5fac09af5ff02d13307bf3;p=clickslide diff --git a/clickslide.css b/clickslide.css index 174384b..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%; - z-index: 1; + 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;