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 /*
  21 input[type="checkbox"] { display: none; }
  22 input[type="checkbox"] + label::before {content: '\2610'; padding-right: .5ex;}
  23 input[type="checkbox"]:checked + label { text-decoration: underline; }
  24 input[type="checkbox"]:checked + label::before {content: '\2611';}
  25 /*
  26 input[type="radio"] { display: none; }
  27 input[type="radio"] + label::before {content: '\25cb'; margin-right: .75ex; font-size: .75em;}
  28 input[type="radio"]:checked + label { text-decoration: underline; }
  29 input[type="radio"]:checked + label::before {content: '\29bf';}
  30 */
  31
  32 .filter {
  33   display: block;
  34   border: solid 1px;
  35   border-radius: 4px 4px 0 0;
  36   margin: .5em 2em .25em 2em;
  37   padding: 0 2ex .5em 2ex;
  38   background: #EFF;
  39 }
  40
  41 .filter h1 {
  42   display: block;
  43   font-weight: bold;
  44   font-size: 1.25em;
  45   border-style: none none solid none;
  46   border-radius: 4px 4px 0 0;
  47   border-width: 1px;
  48   margin: 0 -1.625ex .5em -1.625ex;
  49   padding: .125em 1ex;
  50   background: #EEF;
  51 }
  52 .filter input[type="text"] {
  53   width: 100%;
  54   margin-bottom: .5em;
  55 }
  56 .filter fieldset {
  57   position: relative;
  58   display: block;
  59   border: none;
  60   padding: 0 0 0 12ex;
  61   margin: 0 0 .5em 0;
  62 }
  63 .filter fieldset legend {
  64   position: absolute;
  65   font-size: 1em;
  66   font-weight: bold;
  67   margin-left: -12ex;
  68 }
  69 .filter label {
  70   display: inline-block;
  71   vertical-align: top;
  72   margin: .125em 2ex 0 0;
  73   white-space: nowrap;
  74 }
  75 .filter button {
  76   margin-top: .5em;
  77 }
  78
  79 .newcard {
  80   display: block;
  81   border-width: 1px;
  82   border-style: solid;
  83   border-radius: 0 0 4px 4px;
  84   margin: .25em 2em 1em 2em;
  85   padding: .25em 2ex .25em 2ex;
  86   background: #EFF;
  87 }
  88
  89 .card {
  90   display: block;
  91   position: relative;
  92   border-style: solid;
  93   border-width: 1px;
  94   margin: .25em 2em;
  95   padding: 0 20ex 0 0;
  96   overflow: auto;
  97   background: #FFF;
  98 }
  99 .card .control {
 100   display: inline-block;
 101   position: absolute;
 102   top: 0; right: 0;
 103   text-align: right;
 104   background: #EEF;
 105   margin: 0;
 106   height: 100%;
 107   width: 20ex;
 108   max-width: 33%;
 109   padding: .25em 1ex;
 110 }
 111 .card .control .item {
 112   display: block;
 113   color: #008;
 114   margin-top: .2em;
 115   margin-right: 1ex;
 116 }
 117 .card .control a.item {
 118   min-width: 10ex;
 119   border-style: solid double solid solid;
 120   border-width: 1px 3px 1px 1px;
 121   border-color: #000;
 122   padding: .1em 1ex;
 123   background: #FFF;
 124 }
 125 .card .control a.item:hover{
 126   border-width: 1px 1px 1px 1px;
 127 }
 128
 129 .card .section {
 130   display: inline-block;
 131   vertical-align: top;
 132   float: left;
 133   width: 20ex;
 134   min-width: 16.5%;
 135   min-height: 6em;
 136   margin: .125em 0 .5ex 0;
 137   padding: 0 1ex .25em 1ex;
 138 }
 139 .card .section:nth-of-type(2n){ background: #EEE;}
 140 .card .section h2, .card .section h3 {
 141   font-size: 1em;
 142   display: block;
 143   font-weight: bold;
 144   margin: .25em -.5ex .25em -.5ex;
 145   border-style: none none solid none;
 146   border-width: 1px;
 147 }
 148 .card .section .FN {  /* will override h2 */
 149   font-size: 1.2em;
 150   margin-top: 0;
 151 }
 152
 153 .card .section.attendance ul { margin: 0; padding: 0; }
 154 .card .section.attendance ul li {
 155   display: block;
 156   word-wrap: break-word;
 157 }
 158
 159 form.card .attendance {
 160   min-width: 66%;
 161 }
 162 form.card .attendance label {
 163   position: relative;
 164   display: inline-block;
 165   width: 25ex;
 166   padding-left: 3ex;
 167 }
 168 form.card .attendance label input[type=checkbox] {
 169   position: absolute;
 170   margin-left: -3ex;
 171 }
 172
 173 .card .section .item {
 174   display: block;
 175   max-width: 100%;
 176   word-wrap: break-word;
 177 }
 178
 179 .card .section textarea.NOTE {
 180   min-height: 6em;
 181 }
 182 .card .section textarea.ADR {
 183   min-height: 4em;
 184 }
 185
 186 .card .section .PHOTO {
 187   width: 100%;
 188   max-height: 10em;
 189 }
 190
 191
 192 EOF
 193
 194 # vi:set filetype=css: