externalize drawing script
[confetti] / 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 }