styling

diff --git a/autoslide.css b/autoslide.css
index 97c17b70423b9e449381904fe5a26dc7078f2b65..34ba18073ec9b506605a022b01e90d30d1b13fc8 100644 (file)
--- a/autoslide.css
+++ b/autoslide.css
@@ -98,22 +98,28 @@ div.slide:nth-of-type(1) { margin-right: .5em; }
 div.slide {
   padding: 0 1em;
   background-color: #FFF;
+  text-align: center;
 }
 
 div.slide:after {
   position: absolute;
-  bottom: 0; width: 100%;
+  bottom: 0; left: 0;
+  width: 100%;
   font-size: .75em;
   line-height: 1.5em;
+  text-align: left;
   content: attr(count) " /";
   padding-left: 4em;
-  margin-left: -1.25em;
-  margin-right: -1.25em;
   background-color: #EEE;
   color: #888;
 }
 
-h1 {
+div.slide > * {
+  vertical-align: middle;
+  text-align: left;
+}
+
+div.slide h1 {
   left: 0; right: 0;
   display: block;
   text-align: center;
@@ -124,8 +130,10 @@ h1 {
   margin-right: -1em;
 }
 
-div.slide ul li, div.slide ol {
-  indent: 20em;
+div.slide ul,
+div.slide ol {
+  width: fit-content;
+  margin: .25em auto;
 }
 
 /* ==== Slide Display ==== */

diff --git a/example.short b/example.short
index f93a1cc526011e778bd60b9352ff290243c2f9bd..b19c6e32006c524ebce54a61f3e80f114a542490 100644 (file)
--- a/example.short
+++ b/example.short
@@ -16,7 +16,9 @@
     ]
   ][slide
     [h1 Folie B]
+    foo bar qua spam eggs bacon jam elephant
     [ol .uncover [li x] [li y] [li z]]
+    giraffe sabertooth kitten vegetarian
   ]
   [slide [h1 Slide]] [slide [h1 Slide]] [slide [h1 Slide]] [slide [h1 Slide]]
   [slide [h1 Slide]] [slide [h1 Slide]] [slide [h1 Slide]] [slide [h1 Slide]]