chiark / gitweb /
Found in crybaby's working tree.
[chopwood] / chpwd.css
CommitLineData
a2916c06
MW
1/* -*-css-*-
2 *
3 * Style sheet for Chopwood
4 *
5 * (c) 2013 Mark Wooding
6 */
7
8/*----- Licensing notice --------------------------------------------------*
9 *
10 * This file is part of Chopwood: a password-changing service.
11 *
12 * Chopwood is free software; you can redistribute it and/or modify
13 * it under the terms of the GNU Affero General Public License as
14 * published by the Free Software Foundation; either version 3 of the
15 * License, or (at your option) any later version.
16 *
17 * Chopwood is distributed in the hope that it will be useful,
18 * but WITHOUT ANY WARRANTY; without even the implied warranty of
19 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
20 * GNU Affero General Public License for more details.
21 *
22 * You should have received a copy of the GNU Affero General Public
23 * License along with Chopwood; if not, see
24 * <http://www.gnu.org/licenses/>.
25 */
26
27/*----- General typesetting and layout -----------------------------------*/
28
29h1 {
30 border-bottom-style: solid;
31 border-bottom-width: medium;
32 padding-bottom: 1ex;
33}
34
35h2 {
36 border-top-style: solid;
37 border-top-width: thin;
38 padding-top: 1ex;
39 margin-top: 4ex;
40}
41
42h1 + h2, h2:first-child {
43 border-top-style: hidden;
44 margin-top: inherit;
45}
46
47div.credits {
48 border-top-style: solid;
49 border-top-width: thin;
50 padding-top: 0.5ex;
51 margin-top: 2ex;
52 text-align: right;
53 font-size: small;
54 font-style: italic;
55}
56
5b7c6334
MW
57div.warn {
58 border: thin solid;
59 padding: 0ex 1em 2ex 1em;
60 margin: 2ex 1em;
61 background: red;
62}
63
a2916c06
MW
64/*----- Form layout -------------------------------------------------------*/
65
66/* Common form validation styling. */
67
68.whinge {
69 font-size: smaller;
70 visibility: hidden;
71}
72
6971f41b
MW
73.login-whinge {
74 text-align: center;
75}
76
a2916c06
MW
77.wrong {
78 color: red;
79 visibility: visible;
80}
81
82/* Specific forms. */
83
84td.label { text-align: right; }
85
86.expand { height: 100%; }
87div.expand-outer { position: relative; }
88div.expand-inner {
89 position: absolute;
90 width: 50%;
91 height: 100%;
92}
93div.expand-reference {
94 margin-left: 50%;
95}
96
97table.expand { width: 95%; }
98table.expand,
99table.expand tbody,
100table.expand tr {
101 border-collapse: collapse;
102 border-spacing: 0;
103}
104table.expand td { padding: 0; }
105
106#acct-list {
107 width: 100%;
108 height: 100%;
109}
110
111/*----- That's all, folks -------------------------------------------------*/