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 .item {
 138   display: block;
 139   max-width: 100%;
 140   word-wrap: break-word;
 141 }
 142 .card .section .item label {
 143   font-weight: bold;
 144 }
 145
 146 .card .section textarea.NOTE {
 147   min-height: 6em;
 148 }
 149 .card .section textarea.ADR {
 150   min-height: 4em;
 151 }
 152
 153 .card .section .PHOTO {
 154   width: 100%;
 155   max-height: 10em;
 156 }
 157 .card .section .GENDER { display: inline-block; padding-right: .5ex;}
 158 .card .section .BDAY { display: inline-block;}
 159
 160 .card .section select {
 161   display: block;
 162   background-color: #FFF;
 163   border: 1px solid black;
 164 }
 165
 166 .card .section.attendance ul { margin: 0; padding: 0; }
 167 .card .section.attendance ul li {
 168   display: block;
 169   word-wrap: break-word;
 170 }
 171
 172 .card .section.prescriptions ul { margin: 0; padding: 0; }
 173 .card .section.prescriptions ul li {
 174   display: block;
 175   word-wrap: break-word;
 176   margin: 0 .25ex;
 177 }
 178
 179 .card .section.prescriptions { width: 40ex;}
 180
 181 form.card .section input[type=text],
 182 form.card .section input:not([type]),
 183 form.card .section textarea,
 184 form.card .section select {width: 100%;}
 185
 186 form.card .attendance {
 187   min-width: 66%;
 188 }
 189 form.card .attendance label {
 190   position: relative;
 191   display: inline-block;
 192   width: 25ex;
 193   padding-left: 3ex;
 194 }
 195 form.card .attendance label input[type=checkbox] {
 196   position: absolute;
 197   margin-left: -3ex;
 198 }
 199
 200 form.card .insurance input[type=radio] {display: none;}
 201 form.card .insurance input[type=radio] + label {
 202   display: inline-block;
 203   width: 50%;
 204   padding: .25ex 0;
 205   text-align: center;
 206   border: 1px solid black;
 207
 208 }
 209 form.card .insurance input[type=radio]:checked + label {
 210   font-weight: bold;
 211   background-color: #FFF;
 212   border-width: 1px 1px 0 1px;
 213 }
 214 form.card .insurance input[type=radio] + label + input + label + select,
 215 form.card .insurance input[type=radio] + label + select + input {display: none;}
 216 form.card .insurance input[type=radio]:checked + label + input + label + select,
 217 form.card .insurance input[type=radio]:checked + label + select + input {
 218   display: block;
 219   border: 1px solid black;
 220   background-color: #FFF;
 221   border-width: 0 1px 1px 1px;
 222   padding: .25ex 0;
 223   margin-top: -1px;
 224 }
 225
 226 EOF
 227
 228 # vi:set filetype=css: