assets/stanza.css in togostanza-0.0.3 vs assets/stanza.css in togostanza-0.0.4

@@ -46,15 +46,15 @@
 	padding: 10px 20px;
 }
 
 body > .table {
 	border-style: solid;
-	border-color: rgba(0,0,0,0);
+	border-color: #fff;
 	border-top-width: 5px;
 	border-bottom-width: 5px;
-	border-left-width: 0;
-	border-right-width: 0;
+	border-left-width: 20px;
+	border-right-width: 20px;
 }
 .table {
 	margin-bottom: 0;
 	word-break:break-all;
 }
@@ -69,15 +69,10 @@
 	padding: 10px 24px 4px;
 	margin: 0;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
 }
-.table tr:before, .table tr:after {
-	content: "";
-	display: table-cell;
-	width: 20px;
-}
 .table thead th, .table thead td {
 	border-bottom: 1px solid #555;
 }
 .table th, .table td,
 .table > tbody > th, .table > tbody > td {
@@ -93,21 +88,40 @@
 }
 th > .table, td > .table {
 	margin: -10px -4px;
 	width: 100%;
 }
-th > .table > tbody > tr:before,
-td > .table > tbody > tr:before,
-th > .table > tbody > tr:after,
-td > .table > tbody > tr:after {
-	content: none;
-}
 .table li + li {
 	margin-top: 4px;
 }
+td.numeric {
+  text-align: right;
+}
+th.nowrap,
+td.nowrap {
+  white-space: nowrap;
+}
 
 pre {
 	background-color:#daf1f5;
 	border:1px solid #ccc;
 	border:1px solid rgba(0,0,0,0.15);
 	padding: 8px 16px;
 }
+
+/* grid */
+.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+.span1 { width: 8.3333%; }
+.span2 { width: 16.6666%; }
+.span3 { width: 25%; }
+.span4 { width: 33.3333%; }
+.span5 { width: 41.6666%; }
+.span6 { width: 50%; }
+.span7 { width: 58.3333%; }
+.span8 { width: 66.6666%; }
+.span9 { width: 75%; }
+.span10 { width: 83.3333%; }
+.span11 { width: 91.6666%; }
+.span12 { width: 100%; }