X-Git-Url: http://git.plutz.net/?p=cgilite;a=blobdiff_plain;f=common.css;h=71bead6e26485069ff5c4cfc0ca17cd4a87bea69;hp=99855b9f087086f22763dcbe49f2481f97263fbc;hb=6c1784b157a0990a9ad04ebce2176989e0fabcd0;hpb=4b913ff67dee69b06224a77249baaef030565c8e

diff --git a/common.css b/common.css
index 99855b9..71bead6 100644
--- a/common.css
+++ b/common.css
@@ -68,6 +68,7 @@ select, input, button, textarea, a.button {
   border-radius: 2pt;
 }
 select { padding: .375em 0; }
+textarea { min-height: 7em; }
 
 input[type=radio], input[type=checkbox] {
   vertical-align: baseline;
@@ -87,6 +88,20 @@ input + label {
   margin-left: .375em;
 }
 
+@media print {
+  @page { margin: 20mm; }
+
+  h1 { text-align: center; }
+
+  h1, h2, h3, h4, h5, h6, form legend {
+    page-break-inside: avoid;
+    page-break-after: avoid;
+    page-break-before: auto;
+  }
+  li { page-break-inside: avoid; }
+  th, dt { page-break-after: avoid; }
+}
+
 /* ======= End Generic Styles ======= */
 
 /* ======= Common Styles ======= */
@@ -94,7 +109,8 @@ input + label {
 *[tooltip]:hover:after {
   display: block;
   position: absolute;
-  bottom: -100%; left: 50%; transform: translate(-50%, 0);
+  min-width: 12em;
+  bottom: 100%; left: 50%; transform: translate(-50%, 0);
   content: attr(tooltip);
   padding: .5em;
   color: #000; background-color: #FFC;