X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=cgilite%2Fcommon.css;h=30c3942eb5d8a2b4ef42e3fceb972b2d8c54a495;hb=HEAD;hp=c5cf6c443c355a7ef2a2219278173968e0aa6d61;hpb=2dc16837b68beede769ac485c518fd62a9c3e373;p=serve0

diff --git a/cgilite/common.css b/cgilite/common.css
index c5cf6c4..30c3942 100644
--- a/cgilite/common.css
+++ b/cgilite/common.css
@@ -16,13 +16,20 @@ 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;
   text-decoration: underline;
   color: #068;
+  word-break: break-word;
 }
 a.button {
   font-style: inherit;
@@ -41,8 +48,19 @@ b, strong { font-weight: bolder; }
 tt, code, var, samp, kbd { font-family: monospace; }
 kbd { font-style: italic; }
 
-ul, ol { margin-left: 1.125em; }
+blockquote {
+  background-color: #EEE;
+  margin: .5em 0;
+  padding: 1em 2em;
+  white-space: pre-line;
+}
+
+ul, ol { padding-left: 1.5em; }
 dl dt { font-weight: bolder; }
+dl dd {
+  margin: 0 2em;
+  background-color: #EEE;
+}
 table th { font-weight: bold; }
 
 li p + ul, li p + ol {
@@ -62,7 +80,10 @@ h4, h5, h6, form legend {
   margin-bottom: .25em;
 }
 
-h1 { font-size: 1.5em; }
+h1 {
+  text-align: center;
+  font-size: 1.5em;
+}
 h2 { font-size: 1.125em; }
 
 select, input, button, textarea, a.button {
@@ -95,6 +116,7 @@ input + label {
   margin-left: .375em;
 }
 
+input[type="search"] + button.search,
 input.search + button.search {
   width: 2.5em;
   color: transparent;
@@ -103,7 +125,9 @@ input.search + button.search {
   border-left: none;
   border-radius: 0 2pt 2pt 0;
   white-space: nowrap;
+  overflow: hidden;
 }
+input[type="search"] + button.search:before,
 input.search + button.search:before {
   content: '\1f50d';
   color: #000;
@@ -113,8 +137,6 @@ input.search + button.search:before {
 @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;
@@ -162,4 +184,8 @@ input[type=radio].tab ~ *.tab {
   box-shadow: .125em .125em .125em #888;
 }
 
+/* Markdown line-block */
+.line-block { white-space: pre-wrap; }
+.line-block br { display: none; }
+
 /* ======= End Common Styles ======= */