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   border-style: solid;
  87   border-width: 1px;
  88   margin: .25em 2em;
  89   padding: 0;
  90   overflow: auto;
  91   background: #FFF;
  92 }
  93 .card .section {
  94   display: inline-block;
  95   float:left;
  96   width: 20ex;
  97   margin: .125em .25ex .5ex .25ex;
  98   padding: 0 .2em .2em .2em;
  99   background: #EEE;
 100 }
 101 .card .section a.attendance {
 102   display: inline-block;
 103   margin-right: 1ex;
 104   word-wrap: break-word;
 105 }
 106
 107 .card .attendance {
 108   width: 83.5ex;
 109 }
 110 .card .attendance .check {
 111   display: inline-block;
 112   width: 27ex;
 113 }
 114
 115 .card .control {
 116   float: right;
 117   text-align: right;
 118   margin-right: 0;
 119   background: #EEF;
 120 }
 121
 122 .card div.control {
 123   width: 23ex;
 124 }
 125
 126 .card .control .item {
 127   color: #008;
 128   margin-top: .2em;
 129   margin-right: 1ex;
 130 }
 131 .card .control a.item {
 132   min-width: 10ex;
 133   border-style: solid double solid solid;
 134   border-width: 1px 3px 1px 1px;
 135   border-color: #000;
 136   padding: .1em 1ex;
 137   background: #FFF;
 138 }
 139 .card .control a.item:hover{
 140   border-width: 1px 1px 1px 1px;
 141 }
 142
 143 .card .section h2, .card .section h3 {
 144   font-size: 1em;
 145   display: block;
 146   font-weight: bold;
 147   margin: .2em .2em .2em .2em;
 148 }
 149 .card .section .FN {
 150   font-size: 1.2em;
 151 }
 152
 153 .card .section .item {
 154   display: block;
 155   max-width: 20ex;
 156   word-wrap: break-word;
 157 }
 158
 159 .card .section textarea.NOTE {
 160   min-height: 6em;
 161 }
 162 .card .section textarea.ADR {
 163   min-height: 4em;
 164 }
 165
 166 .card .section .PHOTO {
 167   width: 20ex;
 168   max-heigth: 30ex;
 169 }
 170
 171
 172 EOF
 173
 174 # vi:set filetype=css: