workaround for page-break-inside:avoid on Chrome, #71301

[freeside.git] / httemplate / elements / freeside.css

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index 82eb9b5..3a6239e 100644 (file)
--- a/httemplate/elements/freeside.css
+++ b/httemplate/elements/freeside.css
@@ -3,6 +3,10 @@
   /* font-family: Verdana, Arial, Helvetica, sans-serif; */
 }
 
+pre {
+  font-family: monospace;
+}
+
 A:link IMG, A:visited { border-style: none }
 /* A:focus {text-decoration: underline } */
 
@@ -274,7 +278,42 @@ td.grid {
   empty-cells: show;
 }
 
+tr.row0 {
+  background-color: #eeeeee;
+}
+
+tr.row1 {
+  background-color: #ffffff;
+}
+
+.grid tfoot tr {
+  background-color: #dddddd;
+  font-style: italic;
+}
+
+/* border at the top of the footer, but not between footer rows */
+.grid tfoot tr:first-child td {
+  border-top: 1px dashed black;
+}
+
 table.inv { border: none }
 th.inv { border: none }
 td.inv { border: none }
 
+td.label {
+  text-align: right;
+}
+
+.required {
+  font-weight: bold;
+}
+
+.required::before {
+  content: "* ";
+  color: #ff0000;
+}
+
+/* but see printtofit.js */
+.nosplit, .nosplitrows tr {
+  page-break-inside: avoid;
+}