Nicer CSS rules for OSHB Cantillation demo.

Signed-off-by: TB <mathzeta2@gmail.com>
openscriptures · Jul 14, 2017 · 720f1ff · 720f1ff
1 parent 1d245c5
commit 720f1ff
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/structure/OshbVerse/Style/PassageHorizontal.css b/structure/OshbVerse/Style/PassageHorizontal.css
@@ -2,17 +2,20 @@
 section.passage
 {
     padding: 0 1em 0.5em 1em;
-    background-color: rgba(255, 254, 251, 0.6);
-    border-radius: 1em;
+    background-color: rgba(255, 254, 251, 0.7);
     border: 3px double #217438;
 	float: right;
+    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
+    width: -moz-max-content;    /* Firefox/Gecko */
+    width: -webkit-max-content; /* Chrome */
 }
 /* Structure Styles */
-section.passage span.pad, section.passage span.level0, section.passage span.level1, section.passage span.level2, section.passage span.level3, section.passage span.level4
+section.passage span.level0, section.passage span.level1, section.passage span.level2, section.passage span.level3, section.passage span.level4
 {
-    border: 1px solid transparent;
-    padding: 1px 4px;
-    margin: 1px;
+    border: 2px solid transparent;
+    border-top: none;
+    border-radius: 0 0 1em 1em;
+    margin: 0.4ex 2px 3ex 2px;
 	display: inline;
 	text-align: right;
 	float: right;
@@ -37,9 +40,17 @@ section.passage span.level4
 {
     border-color: #48c;
 }
+section.passage span.pad
+{
+    margin: 1px;
+	display: inline;
+	text-align: right;
+	float: right;
+}
 section.passage span.Hebrew, section.passage span.punctuation
 {
 	float: right;
+    padding-bottom: 1ex;
 }
 section.passage span.mark
 {
@@ -50,4 +61,4 @@ section.passage sup.note
 {
 	float: right;
 	padding-left: 2px;
-}
+}
diff --git a/structure/OshbVerse/Style/PassageVertical.css b/structure/OshbVerse/Style/PassageVertical.css
@@ -6,7 +6,7 @@ section#work div#foot
 section#display
 {
     padding: 0 1em;
-    background-color: rgba(255, 254, 251, 0.6);
+    background-color: rgba(255, 254, 251, 0.7);
     border-radius: 1em;
     border: 3px double #217438;
     max-width: 24em;
@@ -24,7 +24,7 @@ section#display div
 section#display div.level0
 {
     border-color: #80c;
-    background-color: rgba(255, 254, 251, 0.6);
+    background-color: rgba(255, 254, 251, 0.7);
 }
 section#display div.level1
 {
@@ -41,4 +41,4 @@ section#display div.level3
 section#display div.level4
 {
     border-color: #48c;
-}
+}