(Presentation) Implemented width ftag

1 files changed, 28 insertions, 1 deletions

diff --git a/src/presentation.css b/src/presentation.css
index 9e9db8b..411f16b 100644
--- a/src/presentation.css
+++ b/src/presentation.css
@@ -66,7 +66,13 @@ article { overflow: hidden; }
   .clide { display: flex; flex-direction: column; }
     .clide > * { flex: 1; }
 
-  .centered { text-align: center; }
+  .centered,
+  .centered .width5, .centered .width10, .centered .width15, .centered .width20,
+  .centered .width25, .centered .width30, .centered .width35, .centered .width40,
+  .centered .width45, .centered .width50, .centered .width55, .centered .width60,
+  .centered .width65, .centered .width70, .centered .width75, .centered .width80,
+  .centered .width85, .centered .width90, .centered .width95
+  { margin-left: auto; margin-right: auto; text-align: center; }
   .fright { float: right; text-align: right; }
   * + .fright { margin-left: 1em; }
 
@@ -85,6 +91,7 @@ article { overflow: hidden; }
         padding: 0.1em;
         vertical-align: middle;
       }
+    .layout-row li { margin-left: 30px; }
     .fixed-layout { table-layout: fixed; }
 
   .font18 { font-size: 18px; }
@@ -104,6 +111,26 @@ article { overflow: hidden; }
   .lineb8 { padding: 4.0em; }
   .lineb9 { padding: 4.5em; }
 
+  .width5  { width:  5%; }
+  .width10 { width: 10%; }
+  .width15 { width: 15%; }
+  .width20 { width: 20%; }
+  .width25 { width: 25%; }
+  .width30 { width: 30%; }
+  .width35 { width: 35%; }
+  .width40 { width: 40%; }
+  .width45 { width: 45%; }
+  .width50 { width: 50%; }
+  .width55 { width: 55%; }
+  .width60 { width: 60%; }
+  .width65 { width: 65%; }
+  .width70 { width: 70%; }
+  .width75 { width: 75%; }
+  .width80 { width: 80%; }
+  .width85 { width: 85%; }
+  .width90 { width: 90%; }
+  .width95 { width: 95%; }
+
 /* Presenting mode
 
 absolute-slide {...} */