git.plutz.net Git - confetti/blob - templates/attendees.css.sh

   1 # Copyright 2014, 2015 Paul Hänsch
   2 #
   3 # This file is part of Confetti.
   4 #
   5 # Confetti is free software: you can redistribute it and/or modify
   6 # it under the terms of the GNU Affero General Public License as published by
   7 # the Free Software Foundation, either version 3 of the License, or
   8 # (at your option) any later version.
   9 #
  10 # Confetti is distributed in the hope that it will be useful,
  11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  13 # GNU Affero General Public License for more details.
  14 #
  15 # You should have received a copy of the GNU Affero General Public License
  16 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>.
  17
  18 cat <<EOF
  19
  20 .filter {
  21   display: block;
  22   border: solid 1px;
  23   border-radius: 4px 4px 0 0;
  24   margin: .5em 2em .25em 2em;
  25   padding: 0 2ex .5em 2ex;
  26   background: #EFF;
  27 }
  28
  29 .filter h1 {
  30   display: block;
  31   font-weight: bold;
  32   font-size: 1.25em;
  33   border-style: none none solid none;
  34   border-radius: 4px 4px 0 0;
  35   border-width: 1px;
  36   margin: 0 -1.625ex .5em -1.625ex;
  37   padding: .125em 1ex;
  38   background: #EEF;
  39 }
  40 .filter input[type="text"] {
  41   width: 100%;
  42   margin-bottom: .5em;
  43 }
  44 .filter fieldset {
  45   position: relative;
  46   display: block;
  47   border: none;
  48   padding: 0 0 0 12ex;
  49   margin: 0 0 .5em 0;
  50 }
  51 .filter fieldset legend {
  52   position: absolute;
  53   font-size: 1em;
  54   font-weight: bold;
  55   margin-left: -12ex;
  56 }
  57 .filter label {
  58   display: inline-block;
  59   vertical-align: top;
  60   margin: .125em 2ex 0 0;
  61   white-space: nowrap;
  62 }
  63 .filter button {
  64   margin-top: .5em;
  65 }
  66
  67 .newcard {
  68   display: block;
  69   border: solid 1px;
  70   border-radius: 0 0 4px 4px;
  71   margin: .25em 2em 1em 2em;
  72   padding: .25em 2ex .25em 2ex;
  73   background: #EFF;
  74 }
  75
  76 .card {
  77   display: block;
  78   position: relative;
  79   border: solid 1px;
  80   margin: .25em 2em;
  81   padding: 0 20ex 0 0;
  82   overflow: auto;
  83   background: #FFF;
  84 }
  85 .card .control {
  86   display: inline-block;
  87   position: absolute;
  88   top: 0; right: 0;
  89   text-align: right;
  90   background: #EEF;
  91   margin: 0;
  92   height: 100%;
  93   width: 20ex;
  94   max-width: 33%;
  95   padding: .25em 1ex;
  96 }
  97 .card .control .item {
  98   display: inline-block;
  99   width: 100%;
 100   color: #008;
 101   margin: .25em 0 0 0;
 102   border: 1px solid black;
 103   background: #FFF;
 104 }
 105 .card .control a.item { padding: .25em .75ex 0 .75ex;}
 106 .card .control a.item:hover{ border-color: #888;}
 107 .card .control button.item { text-align: right;}
 108 .card .control button.item:hover{ border-color: #888;}
 109 .card .control .item[name=newfield] { width: 85%;}
 110 .card .control .item[value=addfield] { width: 15%;}
 111
 112 .card .section {
 113   display: inline-block;
 114   vertical-align: top;
 115   float: left;
 116   width: 20ex;
 117   min-width: 16.5%;
 118   min-height: 6em;
 119   margin: .125em 0 .5ex 0;
 120   padding: 0 1ex .25em 1ex;
 121 }
 122 .card .section:nth-of-type(2n){ background: #EEE;}
 123
 124 .card .section h2, .card .section h3 {
 125   font-size: 1em;
 126   display: block;
 127   font-weight: bold;
 128   margin: .25em -.5ex .25em -.5ex;
 129   border-style: none none solid none;
 130   border-width: 1px;
 131 }
 132 .card .section .FN {  /* will override h2 */
 133   font-size: 1.2em;
 134   margin-top: 0;
 135 }
 136
 137 .card .section.attendance ul { margin: 0; padding: 0; }
 138 .card .section.attendance ul li {
 139   display: block;
 140   word-wrap: break-word;
 141 }
 142
 143 .card .section.prescriptions ul { margin: 0; padding: 0; }
 144 .card .section.prescriptions ul li {
 145   display: block;
 146   word-wrap: break-word;
 147   margin: 0 .25ex;
 148 }
 149
 150 .card .section.prescriptions { width: 40ex;}
 151
 152 form.card .section input[type=text],
 153 form.card .section input:not([type]),
 154 form.card .section textarea,
 155 form.card .section select {width: 100%;}
 156
 157 form.card .attendance {
 158   min-width: 66%;
 159 }
 160 form.card .attendance label {
 161   position: relative;
 162   display: inline-block;
 163   width: 25ex;
 164   padding-left: 3ex;
 165 }
 166 form.card .attendance label input[type=checkbox] {
 167   position: absolute;
 168   margin-left: -3ex;
 169 }
 170
 171 form.card .insurance input[type=radio] {display: none;}
 172 form.card .insurance input[type=radio] + label {
 173   display: inline-block;
 174   width: 50%;
 175   padding: .25ex 0;
 176   text-align: center;
 177   border: 1px solid black;
 178
 179 }
 180 form.card .insurance input[type=radio]:checked + label {
 181   font-weight: bold;
 182   background-color: #FFF;
 183   border-width: 1px 1px 0 1px;
 184 }
 185 form.card .insurance input[type=radio] + label + input + label + select,
 186 form.card .insurance input[type=radio] + label + select + input {display: none;}
 187 form.card .insurance input[type=radio]:checked + label + input + label + select,
 188 form.card .insurance input[type=radio]:checked + label + select + input {
 189   display: block;
 190   border: 1px solid black;
 191   border-width: 0 1px 1px 1px;
 192   padding: .25ex 0;
 193   margin-top: -1px;
 194   background-color: #FFF;
 195 }
 196
 197 .card .section .item {
 198   display: block;
 199   max-width: 100%;
 200   word-wrap: break-word;
 201 }
 202 .card .section .item label {
 203   font-weight: bold;
 204 }
 205
 206 .card .section textarea.NOTE {
 207   min-height: 6em;
 208 }
 209 .card .section textarea.ADR {
 210   min-height: 4em;
 211 }
 212
 213 .card .section .PHOTO {
 214   width: 100%;
 215   max-height: 10em;
 216 }
 217
 218 EOF
 219
 220 # vi:set filetype=css: