git.plutz.net Git - lobster/blob - email/email.css

   1 /*
   2 # Copyright 2014 Paul Hänsch
   3 #
   4 # This file is part of Confetti.
   5 #
   6 # Confetti is free software: you can redistribute it and/or modify
   7 # it under the terms of the GNU Affero General Public License as published by
   8 # the Free Software Foundation, either version 3 of the License, or
   9 # (at your option) any later version.
  10 #
  11 # Confetti is distributed in the hope that it will be useful,
  12 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  13 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14 # GNU Affero General Public License for more details.
  15 #
  16 # You should have received a copy of the GNU Affero General Public License
  17 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>.
  18 */
  19
  20 .filter {
  21   display: block;
  22   width: 128ex;
  23   border-width: 1px;
  24   border-style: solid;
  25   border-radius: 4px 4px 0 0;
  26   margin: .5em auto .25em auto;
  27   padding: .25em 1ex .25em 1ex;
  28   background: #EFF;
  29 }
  30
  31 .filter > .label {
  32   display: block;
  33   font-weight: bold;
  34   font-size: 1.2em;
  35   border-style: none none solid none;
  36   border-width: 1px;
  37   margin: 0em 0ex .5em 0ex;
  38   background: #EEF;
  39 }
  40
  41 .filter .search {
  42   margin: 0em 2ex .5em 2ex;
  43 }
  44 .filter .search .label {
  45   display: inline-block;
  46   width: 12ex;
  47   font-weight: bold;
  48   margin-top: .5em;
  49 }
  50 .filter .search input[type="radio"] {
  51   margin-top: .5em;
  52   margin-left: 1ex;
  53 }
  54 .filter .search button {
  55   margin-top: .5em;
  56 }
  57
  58 .filter .search input[type="text"] {
  59   width: 124ex;
  60 }
  61
  62 .newcard {
  63   display: block;
  64   width: 126ex;
  65   border-width: 1px;
  66   border-style: solid;
  67   border-radius: 0 0 4px 4px;
  68   margin: .25em auto 1em auto;
  69   padding: .25em 2ex .25em 2ex;
  70   background: #EFF;
  71 }
  72
  73 .cardlist .card {
  74   display: block;
  75   width: 130ex;
  76   border-style: solid;
  77   border-width: 1px;
  78   margin: .25em auto;
  79   padding: 0;
  80   overflow: auto;
  81   background: #FFF;
  82 }
  83
  84 .cardlist .card .section {
  85   display: inline-block;
  86   float:left;
  87   width: 20ex;
  88   margin: .125em .25ex .5ex .25ex;
  89   padding: 0 .2em .2em .2em;
  90   background: #EEE;
  91 }
  92 .cardlist .card .section a.attendance {
  93   display: inline-block;
  94   margin-right: 1ex;
  95   word-wrap: break-word;
  96 }
  97
  98 .cardlist .card .attendance {
  99   width: 83.5ex;
 100 }
 101 .cardlist .card .attendance .check {
 102   display: inline-block;
 103   width: 27ex;
 104 }
 105
 106 .cardlist .card .control {
 107   float: right;
 108   text-align: right;
 109   margin-right: 0;
 110   background: #EEF;
 111 }
 112 .cardlist .card .control .item {
 113   color: #008;
 114   margin-top: .2em;
 115   margin-right: 1ex;
 116 }
 117 .cardlist .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 .cardlist .card .control a.item:hover{
 126   border-width: 1px 1px 1px 1px;
 127 }
 128
 129 .cardlist .card .section .sectitle {
 130   display: block;
 131   font-weight: bold;
 132   margin: .2em .2em .2em .2em;
 133 }
 134
 135 .cardlist .card .section .item {
 136   display: block;
 137   max-width: 20ex;
 138   word-wrap: break-word;
 139 }
 140
 141 .cardlist .card .section textarea.NOTE {
 142   min-height: 6em;
 143 }
 144 .cardlist .card .section textarea.ADR {
 145   min-height: 4em;
 146 }
 147
 148 .cardlist .card .section .PHOTO {
 149   width: 20ex;
 150   max-heigth: 30ex;
 151 }
 152
 153 .cardlist .card .section .FN {
 154   font-weight: bold;
 155   font-size: 1.2em;
 156 }
 157