slide numbers in overview screen

diff --git a/clickslide.css b/clickslide.css
index 1dc07772a7dcca85675da30689f508ea25b37561..1c9012a4beeda4f33a1c4ba0a171f7d8fffc6e68 100644 (file)
--- 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%;
@@ -198,6 +199,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;