X-Git-Url: https://git.plutz.net/?p=confetti;a=blobdiff_plain;f=templates%2Ftherapy.css.sh;h=4b87bcc4ec5f50c0c8a0ad62b91b3be82cfd9514;hp=e3184a52656093cf18579bee2a710a81fcc7affb;hb=50d25cddfd2f0314556b4344290b47655a929c5f;hpb=33a8e0e8967077bb2aa63b4bea706dc61d3e42d8 diff --git a/templates/therapy.css.sh b/templates/therapy.css.sh index e3184a5..4b87bcc 100755 --- a/templates/therapy.css.sh +++ b/templates/therapy.css.sh @@ -41,9 +41,28 @@ div.patient, div.prescription { margin: 0 2%; } -div.prescription .insurance{ display: block; margin: .5ex 0 1ex 0; } +div.prescription span { + display: inline-block; + width: 50%; + margin-right: -.75ex; + vertical-align: top; +} +div.prescription span label { font-weight: bold; margin-right: 1ex;} +div.prescription span.prescno, +div.prescription span.catalogue { + width: 33%; + font-weight: bold; + margin-bottom: .5em; + padding: .5ex 1ex; +} + div.prescription label.checkbox, -div.prescription label.radio { padding-left: 1.25em; font-size: 1em;} +div.prescription label.radio { + display: block; + padding-left: 1.25em; + font-size: 1em; + margin: .5em 0; +} div.prescription label.checkbox:before, div.prescription label.radio:before { @@ -74,44 +93,43 @@ div.prescription label[for=prescreviewed].checked { } fieldset.color { - margin: .5em 2% 0 2%; + position: absolute; + bottom: 0; right: 0; width: 2em; + margin: .5em .5em .125em 2%; border: none; padding: 0; } +fieldset.color > input.color + label { + width: 2em; height: 2em; +} .dotmark { - max-width: 96%; - margin: .125em 2%; padding: 0; + max-width: 90%; + margin: .5em 1em .125em 2%; padding: 0; text-align: left; - border: 1px dotted black; + border: 1px solid black; } .dotmark.ov { position: absolute; - bottom: 5px; right: 0; + left: 0; bottom: .25em; z-index: 1; - border: none; } + @media(min-width: 800px){ h1, label.tab, div.tab, fieldset.tab, div.patient, div.prescription { width: 38%; margin-right: 0; } - fieldset.color{ - position: fixed; - max-width: 56%; - right: 0; - top: 0em; - } + fieldset.color { position: fixed; } .dotmark { position: fixed; - max-width: 56%; - max-height: 480px; - right: 0; - top: 2em; + max-width: 52%; + max-height: 98%; + right: 2em; bottom: .25em; } .dotmark.ov { position: fixed; - bottom: auto; + right: 2em; left: auto; } } @@ -220,7 +238,7 @@ div.tab > fieldset.note { div.tab > fieldset.note > textarea { display: block; width: 95%; height: 8em; - margin: -8em 0 .5em 1.25em; + margin: -8em 0 .5em 2em; font: normal 1em sans-serif; } div.tab > fieldset.note > input.color + label { margin: 0; display: block; }