text-align: center;
overflow-x: hidden;
}
-body * { text-align: left; }
+body * {
+ text-align: left;
+ font-size: inherit;
+}
body:after {
position: fixed;
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;
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%;
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;