X-Git-Url: https://git.plutz.net/?p=confetti;a=blobdiff_plain;f=static%2Fcards.css;h=039bd995ab52c7de51a007f56adf5f5b9d2c6030;hp=002e66b7edd691992204d34108dcf9e90a117b1e;hb=refs%2Fheads%2Fmaster;hpb=0dc31a9e7992c227b680180d3ceee031ac293169 diff --git a/static/cards.css b/static/cards.css deleted file mode 100644 index 002e66b..0000000 --- a/static/cards.css +++ /dev/null @@ -1,274 +0,0 @@ -/* -# Copyright 2014 - 2016 Paul Hänsch -# -# This file is part of Confetti. -# -# Confetti is free software: you can redistribute it and/or modify -# it under the terms of the GNU Affero General Public License as published by -# the Free Software Foundation, either version 3 of the License, or -# (at your option) any later version. -# -# Confetti is distributed in the hope that it will be useful, -# but WITHOUT ANY WARRANTY; without even the implied warranty of -# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -# GNU Affero General Public License for more details. -# -# You should have received a copy of the GNU Affero General Public License -# along with Confetti. If not, see . -*/ - -.filter { - display: block; - border: solid 1px; - border-radius: 4px 4px 0 0; - margin: .5em 2em .25em 2em; - padding: 0 2ex .5em 2ex; - background: #EFF; -} - -.filter h1 { - display: block; - font-weight: bold; - font-size: 1.25em; - border-style: none none solid none; - border-radius: 4px 4px 0 0; - border-width: 1px; - margin: 0 -1.625ex .5em -1.625ex; - padding: .125em 1ex; - background: #EEF; -} -.filter input[type="text"] { - width: 100%; - margin-bottom: .5em; -} -.filter fieldset { - position: relative; - display: block; - border: none; - padding: 0 0 0 12ex; - margin: 0 0 .5em 0; -} -.filter fieldset legend { - position: absolute; - font-size: 1em; - font-weight: bold; - margin-left: -12ex; -} -.filter label { - display: inline-block; - vertical-align: top; - margin: .125em 2ex 0 0; - white-space: nowrap; -} -.filter button { - margin-top: .5em; -} - -.filter fieldset.item { padding-left: 0; } -.filter fieldset.item legend { display: none; } -.filter fieldset.item input[type=text] { - background-color: #FFF; - border: 1px solid #000; - margin-top: -1px; - padding: .25em .5em; -} -.filter fieldset.item input[type=radio] { display: none; } -.filter fieldset.item input[type=radio] + label { - position: relative; z-index: 1; - margin: 0; padding: .25em 1em; - -} -.filter fieldset.item input[type=radio]:checked + label { - background-color: #FFF; - border: 1px solid #000; - border-bottom-color: #FFF; -} - -.newcard { - display: block; - border: solid 1px; - border-radius: 0 0 4px 4px; - margin: .25em 2em 1em 2em; - padding: .25em 2ex .25em 2ex; - background: #EFF; -} - -.card { - display: block; - position: relative; - border: solid 1px; - margin: .25em 2em; - padding: 0 20ex 0 0; - overflow: auto; - background: #FFF; - min-height: 8em; -} -.card .control { - display: inline-block; - position: absolute; - top: 0; right: 0; - text-align: right; - background: #EEF; - margin: 0; - height: 100%; - width: 20ex; - max-width: 33%; - padding: .25em 1ex; -} -.card .control .item { - display: inline-block; - width: 100%; - min-height: 2.5em; - color: #008; - margin: .25em 0 .5em 0; - border: 1px solid black; - background: #FFF; - padding: .25em .75ex 0 .75ex; - text-decoration: none; - font-size: .75em; -} -.card .control .item:hover{ border-color: #888; } -.card .control input.item { font-size: normal; } -.card .control button.item { text-align: right;} -.card .control button.item:hover{ border-color: #888;} -.card .control .item[name=newfield] { width: 85%;} -.card .control .item[value=addfield] { width: 15%;} - -.card .control #delete + label + button, -.card .control #delete { display: none; } -.card .control #delete + label { background-color: #FEE; } -.card .control #delete:checked + label + button { - position: fixed; display: block; - left: 40%; top: 30%; width: 20%; - font-size: 1.5em; - text-align: center; - background-color: #FAA; - color: #333; - border-radius: .25em 0 0 .25em; -} -.card .control #delete:checked + label:after { - position: fixed; display: block; - left: 60%; top: 30%; width: 5%; - margin: .25em 0; padding: .5em .75ex 0 .75ex; - height: 1.5em; - font-size: 2em; - content: 'X'; - text-align: center; - color: #AAA; background-color: #000; - border-radius: 0 .25em .25em 0; -} - -.card .section { - display: inline-block; - vertical-align: top; - float: left; - width: 20ex; - min-width: 16.5%; - min-height: 6em; - margin: .125em 0 .5ex 0; - padding: 0 1ex .25em 1ex; -} -.card .section:nth-of-type(2n){ background: #EEE;} - -.card .section h2, .card .section h3 { - font-size: 1em; - display: block; - font-weight: bold; - margin: .25em -.5ex .25em -.5ex; - border-style: none none solid none; - border-width: 1px; -} -.card .section .FN { /* will override h2 */ - font-size: 1.2em; - margin-top: 0; -} - -.card .section .item { - display: block; - max-width: 100%; - word-wrap: break-word; - white-space: pre-line; -} -.card .section .item label { - font-weight: bold; -} - -.card .section textarea.NOTE { - min-height: 6em; -} -.card .section textarea.ADR { - min-height: 4em; -} - -.card .section .PHOTO { - width: 100%; - max-height: 10em; -} -.card .section .GENDER { display: inline-block; padding-right: .5ex;} -.card .section .BDAY { display: inline-block;} - -.card .section select { - display: block; - background-color: #FFF; - border: 1px solid black; -} - -.card .section.attendance ul { margin: 0; padding: 0; } -.card .section.attendance ul li { - display: block; - word-wrap: break-word; -} - -.card .section.prescriptions ul { margin: 0; padding: 0; } -.card .section.prescriptions ul li { - display: block; - word-wrap: break-word; - margin: 0 .25ex; -} - -.card .section.prescriptions { width: 40ex;} - -form.card .section input[type=text], -form.card .section input:not([type]), -form.card .section textarea, -form.card .section select {width: 100%;} - -form.card .attendance { - min-width: 66%; -} -form.card .attendance label { - position: relative; - display: inline-block; - width: 25ex; - padding-left: 3ex; -} -form.card .attendance label input[type=checkbox] { - position: absolute; - margin-left: -3ex; -} - -form.card .insurance input[type=radio] {display: none;} -form.card .insurance input[type=radio] + label { - display: inline-block; - width: 50%; - padding: .25ex 0; - text-align: center; - border: 1px solid black; - -} -form.card .insurance input[type=radio]:checked + label { - font-weight: bold; - background-color: #FFF; - border-width: 1px 1px 0 1px; -} -form.card .insurance input[type=radio] + label + input + label + select, -form.card .insurance input[type=radio] + label + select + input {display: none;} -form.card .insurance input[type=radio]:checked + label + input + label + select, -form.card .insurance input[type=radio]:checked + label + select + input { - display: block; - border: 1px solid black; - background-color: #FFF; - border-width: 0 1px 1px 1px; - padding: .25ex 0; - margin-top: -1px; -}