X-Git-Url: https://git.plutz.net/?p=cgilite;a=blobdiff_plain;f=common.css;h=65c28f3ad459283c2fd026e072fdb6b430b8fc44;hp=f9b17ad8dc34dd3730429452ef05cc5bccfd883d;hb=9a075962cbcf68050e57afa257bae4232cc197ee;hpb=e7e354d4d238ffd4cca5cb60b5dd273d4eb02e88

diff --git a/common.css b/common.css
index f9b17ad..65c28f3 100644
--- a/common.css
+++ b/common.css
@@ -16,7 +16,14 @@ body {
   color: #000; background: #FFF;
 }
 
-ul, ol, dl, table, p { margin-bottom: .5em; }
+ul, ol, dl, table, pre, p { margin-bottom: .5em; }
+p:only-child { margin-bottom: 0; }
+
+table {
+  max-width: 100%;
+  overflow-x: auto;
+}
+th, td { padding: .25em .75em; }
 
 a {
   font-style: italic;
@@ -44,6 +51,12 @@ ul, ol { margin-left: 1.125em; }
 dl dt { font-weight: bolder; }
 table th { font-weight: bold; }
 
+li p + ul, li p + ol {
+  margin-top: -.25em;
+}
+
+hr { border-bottom: 1pt solid; }
+
 h1, h2, h3 {
   font-weight: bold;
   margin-top: .75em;
@@ -68,6 +81,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 +101,21 @@ input + label {
   margin-left: .375em;
 }
 
+input.search + button.search {
+  width: 2.5em;
+  color: transparent;
+  background-color: #CCC;
+  margin-left: -2pt;
+  border-left: none;
+  border-radius: 0 2pt 2pt 0;
+  white-space: nowrap;
+}
+input.search + button.search:before {
+  content: '\1f50d';
+  color: #000;
+  font-weight: bold;
+}
+
 @media print {
   @page { margin: 20mm; }
 
@@ -108,7 +137,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;