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 {
 106   border-right: 3px double;
 107   padding: .125em 1ex;
 108 }
 109 .card .control a.item:hover{
 110   border-right: 1px solid;
 111 }
 112 .card .control .item[name=newfield] { width: 85%;}
 113 .card .control .item[value=addfield] { width: 15%;}
 114
 115 .card .section {
 116   display: inline-block;
 117   vertical-align: top;
 118   float: left;
 119   width: 20ex;
 120   min-width: 16.5%;
 121   min-height: 6em;
 122   margin: .125em 0 .5ex 0;
 123   padding: 0 1ex .25em 1ex;
 124 }
 125 .card .section:nth-of-type(2n){ background: #EEE;}
 126
 127 .card .section h2, .card .section h3 {
 128   font-size: 1em;
 129   display: block;
 130   font-weight: bold;
 131   margin: .25em -.5ex .25em -.5ex;
 132   border-style: none none solid none;
 133   border-width: 1px;
 134 }
 135 .card .section .FN {  /* will override h2 */
 136   font-size: 1.2em;
 137   margin-top: 0;
 138 }
 139
 140 .card .section.attendance ul { margin: 0; padding: 0; }
 141 .card .section.attendance ul li {
 142   display: block;
 143   word-wrap: break-word;
 144 }
 145
 146 form.card .section input[type=text],
 147 form.card .section input:not([type]),
 148 form.card .section textarea,
 149 form.card .section select {width: 100%;}
 150
 151 form.card .attendance {
 152   min-width: 66%;
 153 }
 154 form.card .attendance label {
 155   position: relative;
 156   display: inline-block;
 157   width: 25ex;
 158   padding-left: 3ex;
 159 }
 160 form.card .attendance label input[type=checkbox] {
 161   position: absolute;
 162   margin-left: -3ex;
 163 }
 164
 165 form.card .insurance input[type=radio] {display: none;}
 166 form.card .insurance input[type=radio] + label {
 167   display: inline-block;
 168   width: 50%;
 169   padding: .25ex 0;
 170   text-align: center;
 171   border: 1px solid black;
 172
 173 }
 174 form.card .insurance input[type=radio]:checked + label {
 175   font-weight: bold;
 176   background-color: #FFF;
 177   border-width: 1px 1px 0 1px;
 178 }
 179 form.card .insurance input[type=radio] + label + input + label + select,
 180 form.card .insurance input[type=radio] + label + select + input {display: none;}
 181 form.card .insurance input[type=radio]:checked + label + input + label + select,
 182 form.card .insurance input[type=radio]:checked + label + select + input {
 183   display: block;
 184   border: 1px solid black;
 185   border-width: 0 1px 1px 1px;
 186   padding: .25ex 0;
 187   margin-top: -1px;
 188   background-color: #FFF;
 189 }
 190
 191 .card .section .item {
 192   display: block;
 193   max-width: 100%;
 194   word-wrap: break-word;
 195 }
 196 .card .section .item label {
 197   font-weight: bold;
 198 }
 199
 200 .card .section textarea.NOTE {
 201   min-height: 6em;
 202 }
 203 .card .section textarea.ADR {
 204   min-height: 4em;
 205 }
 206
 207 .card .section .PHOTO {
 208   width: 100%;
 209   max-height: 10em;
 210 }
 211
 212 EOF
 213
 214 # vi:set filetype=css: