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