git.plutz.net Git - confetti/blob - static/categories.css

   1 /*
   2 # Copyright 2014, 2015 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 form.categories {
  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 form.categories 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
  41 form.categories ul { margin: 0; padding: 0; }
  42 form.categories ul li {
  43   display: inline-block;
  44   margin: 0 .25ex;
  45   padding: .125em .25ex .125em 1ex;
  46   border: 1px solid black;
  47   background-color: #EEF;
  48 }
  49 form.categories ul li button {
  50   margin: 0 0 0 1ex;
  51   background-color: #FCC;
  52   border: 1px solid black;
  53   min-width: 3ex;
  54   text-align: center;
  55 }
  56 form.categories ul li:last-of-type { padding: .125em .25ex .125em .25ex; }
  57 form.categories ul li:last-of-type button { background-color: #FFF; }
  58
  59 form.namelist {
  60   display: block;
  61   margin: 1em 2em;
  62   padding: 0;
  63 }
  64 form.namelist > fieldset {
  65   display: block;
  66   border: solid 1px;
  67   border-radius: 4px 4px 0 0;
  68   margin: 0; padding: .25em 2ex;
  69   background: #EFF;
  70   text-align: right;
  71 }
  72 form.namelist > fieldset:last-of-type {
  73   border-radius: 0 0 4px 4px;
  74 }
  75 ul.namelist { margin: 0; padding: 0;}
  76 ul.namelist > li {
  77   display: block;
  78   border: solid 1px;
  79   margin: -1px 0;
  80   background: #FFF;
  81 }
  82 ul.namelist > li:nth-of-type(2n){ background: #EEE;}
  83
  84 ul.namelist h2 {
  85   font-size: 1em;
  86   display: inline-block;
  87   margin: 0;
  88   padding: 0 1ex;
  89   min-width: 30ex;
  90 }
  91 ul.namelist ul { margin: 0; padding: 0; display: inline-block;}
  92 ul.namelist ul li {
  93   display: inline-block;
  94   margin: 0 1ex 0 0;
  95 }