From fcb011d04d400e68d4b7336b94d230d77c5f1496 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Paul=20H=C3=A4nsch?= Date: Sun, 14 Feb 2021 11:20:17 +0100 Subject: [PATCH] style updates using common.css --- cards/list.sh | 4 +- style.css | 130 ++++-------------------------------------- therapies/therapy.css | 22 ++++--- 3 files changed, 26 insertions(+), 130 deletions(-) diff --git a/cards/list.sh b/cards/list.sh index 03fa973..616d6ab 100755 --- a/cards/list.sh +++ b/cards/list.sh @@ -79,8 +79,8 @@ print_card(){ [div .section .note $(card_item "$card" NOTE X-CLIENT-REFERRAL)] [div .section .therapies $(card_item "$card" therapies)] [div .control - [a .item href="/cards/edit_card.sh?card=${cardfile##*/}" $(l10n edit)] - [a .item href="/cards/export_card.sh?card=${cardfile##*/}" $(l10n vcf_export)] + [a .item .button href="/cards/edit_card.sh?card=${cardfile##*/}" $(l10n edit)] + [a .item .button href="/cards/export_card.sh?card=${cardfile##*/}" $(l10n vcf_export)] ] ] EOF diff --git a/style.css b/style.css index 06aacdd..a7943d9 100644 --- a/style.css +++ b/style.css @@ -1,90 +1,6 @@ -* { - position: relative; - box-sizing: border-box; - max-width: 100%; - font-family: sans-serif; - font-weight: normal; - font-size: initial; - font-style: normal; - text-decoration: none; - line-height: 1.5em; - color: inherit; background: transparent; - padding: 0; margin: 0; - border: none; -} - -body { - color: #000; background-color: #FFF; -} - -/* ======= GENERIC HTML STYLES =======*/ - -p { margin-bottom: 1em; } - -a { - text-decoration: underline; - font-style: italic; - color: #068; -} - -i, em { font-style: italic; } -b, strong { font-weight: bolder; } -ul, ol { margin-left: 1.125em; } -table th { font-weight: bold; } - -h1, h2, h3 { - font-weight: bold; - margin-top: 1em; - margin-bottom: .5em; -} - h1:first-child, h2:first-child, h3:first-child, p + h1, p + h2, p + h3 { - margin-top: 0; -} - -h4, h5, h6, form legend { - font-weight: bolder; - margin-bottom: .25em; -} - -h1 { font-size: 1.5em; } -h2 { font-size: 1.125em; } - -select, input, button, textarea, -.control a { - display: inline-block; - background-color: #FFF; - border: 1pt solid; - padding: .25em .75em; - vertical-align: text-bottom; -} -.control a { - color: inherit; - font-style: normal; - text-decoration: none; -} - -select { padding: .375em 0; } - -input[type=radio], input[type=checkbox] { - vertical-align: baseline; -} -input[type=number] { text-align: right; padding-right: 0; } - -button, input[type=button], -.control a { - box-shadow: .125em .125em .25em; - cursor: pointer; -} -input[type=radio], input[type=checkbox], -input[type=radio] + label, input[type=checkbox] + label { - cursor: pointer; -} - -label { margin-right: .75em; } -input + label { - margin-left: .375em; + margin-top: 3pt; } /* ====== COMMON ELEMENTS ======*/ @@ -127,41 +43,8 @@ form.filter > h1 { display: none; } form.filter fieldset { margin-top: .5em; } form.filter fieldset.item + fieldset.item legend { display: none; } -form.filter fieldset.item input[type=radio] { display: none; } -form.filter fieldset.item input[type=radio] + label { - display: table-cell; - padding: .5em 1em; - background-color: #EEE; - border-style: solid; - border-width: .5pt .25pt 0 .25pt; - white-space: normal; -} -form.filter fieldset.item input[type=radio] + label:first-of-type { - border-left: 1pt solid; -} -form.filter fieldset.item input[type=radio]:checked + label { - position: relative; - background-color: #FFF; - box-shadow: .125em -.125em .125em #888; - z-index: 1; -} -form.filter fieldset.item input[type=text], -form.filter fieldset.item fieldset.courses, -form.filter fieldset.item fieldset.categories { - position: relative; - display: block; - width: 100%; - margin-top: -1pt; - padding: .25em .75em; - border: 1pt solid; - box-shadow: .125em .125em .25em #888; -} -form.filter fieldset.item fieldset.courses, -form.filter fieldset.item fieldset.categories { display: none; } -form.filter fieldset.item input[value=course]:checked ~ input[type=text], -form.filter fieldset.item input[value=CATEGORIES]:checked ~ input[type=text] { display: none; } -form.filter fieldset.item input[value=course]:checked ~ fieldset.courses, -form.filter fieldset.item input[value=CATEGORIES]:checked ~ fieldset.categories { display: block; } + +form.filter fieldset.item input[type=text] { display: block; } form.filter fieldset.order legend { float: left; margin-right: 1em; @@ -360,6 +243,13 @@ form .control .item { form .control .item.delete { bottom: .125em; right: .25em; } } +/* ======= LIST ITEMS, Clients ======= */ + +div.card .therapies a.therapy.button { padding: .25em; line-height: .75em; } + +form.card .insurance #hi_select_list:checked ~ .tab[name=hi_company] {display: block; } +form.card .insurance #hi_other:checked ~ .tab[name=hi_other] {display: block; } + /* ======= LIST ITEMS, Courses ======= */ form.course .dtstart input[name=DTS_YEAR], diff --git a/therapies/therapy.css b/therapies/therapy.css index 90eb027..79a3e0c 100644 --- a/therapies/therapy.css +++ b/therapies/therapy.css @@ -1,3 +1,5 @@ +* { position: static; } + .trailbtn:checked + fieldset.trailbox { display: block;} .trailbtn:checked + .trailbox + .trailbtn { @@ -10,8 +12,6 @@ } .trailbtn:checked + .trailbox + .trailbtn[type=submit]:before {content: none;} - -* { box-sizing: border-box; } body { overflow: scroll; position: relative; @@ -35,17 +35,23 @@ form > button[type=submit]:hover { background-color: #FEE; } -form > button#backbutton { +form#report { + position: static; + width: 100%; + margin:0; padding: 0; + box-shadow: none; +} + +form#report button#backbutton { + display: inline; position: absolute; - top: 2em; - left: 2%; + top: 1.75em; left: 2%; + font-size: 1.125em; background: transparent; - border: none; padding: 0; - margin: 0; + border: none; box-shadow: none; } - input.tab { display: none; } input.tab + label.tab { display: block; } input.tab + label.tab::before { content: '\25b8 \00a0'; float: left;} -- 2.39.2