X-Git-Url: https://git.plutz.net/?p=cgilite;a=blobdiff_plain;f=common.css;h=c5cf6c443c355a7ef2a2219278173968e0aa6d61;hp=99855b9f087086f22763dcbe49f2481f97263fbc;hb=74f16aa25cf042681b1c84d1897088068d081384;hpb=4b913ff67dee69b06224a77249baaef030565c8e diff --git a/common.css b/common.css index 99855b9..c5cf6c4 100644 --- a/common.css +++ b/common.css @@ -17,6 +17,7 @@ body { } ul, ol, dl, table, p { margin-bottom: .5em; } +p:only-child { margin-bottom: 0; } a { font-style: italic; @@ -44,6 +45,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 +75,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 +95,35 @@ 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; } + + 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 +131,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;