Commit | Line | Data |
---|---|---|
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 | ||
efe96413 MW |
29 | body { |
30 | background: white; | |
31 | color: black; | |
32 | margin: 1ex 2em; | |
33 | } | |
34 | ||
a2916c06 | 35 | h1 { |
efe96413 MW |
36 | border-bottom: thick solid; |
37 | padding: 8px 0; | |
38 | margin-bottom: 24px; | |
a2916c06 MW |
39 | } |
40 | ||
41 | h2 { | |
d67ea869 | 42 | border-top: thin solid; |
9140b588 | 43 | padding-top: 1ex; |
efe96413 | 44 | margin-top: 3ex; |
a2916c06 MW |
45 | } |
46 | ||
47 | h1 + h2, h2:first-child { | |
efe96413 MW |
48 | border-top: none; |
49 | padding-top: 0; | |
9140b588 | 50 | margin-top: inherit; |
a2916c06 MW |
51 | } |
52 | ||
efe96413 MW |
53 | h1, h2 { |
54 | font-family: sans-serif; | |
55 | font-weight: bold; | |
56 | } | |
57 | ||
a2916c06 | 58 | div.credits { |
d67ea869 | 59 | border-top: thin solid; |
efe96413 | 60 | padding-top: 1ex; |
34a00983 | 61 | margin-top: 3.43ex; |
9140b588 MW |
62 | text-align: right; |
63 | font-size: small; | |
64 | font-style: italic; | |
a2916c06 MW |
65 | } |
66 | ||
5b7c6334 MW |
67 | div.warn { |
68 | border: thin solid; | |
69 | padding: 0ex 1em 2ex 1em; | |
70 | margin: 2ex 1em; | |
71 | background: red; | |
72 | } | |
73 | ||
efe96413 MW |
74 | a { text-decoration: none; } |
75 | a:link { color: blue; } | |
76 | a:link:active, a:visited { color: darkblue; } | |
77 | a:link:hover, a:visited:hover { background: #ccc; } | |
78 | ||
79 | dl { display: block; } | |
80 | dt { | |
81 | font-weight: bold; | |
82 | width: 9em; | |
83 | clear: left; | |
84 | float: left; | |
85 | } | |
86 | dd { | |
87 | margin: 1.5ex 0 1.5ex 10em; | |
88 | display: block; | |
89 | } | |
90 | ||
a2916c06 MW |
91 | /*----- Form layout -------------------------------------------------------*/ |
92 | ||
93 | /* Common form validation styling. */ | |
94 | ||
95 | .whinge { | |
9140b588 MW |
96 | font-size: smaller; |
97 | visibility: hidden; | |
a2916c06 MW |
98 | } |
99 | ||
6971f41b MW |
100 | .login-whinge { |
101 | text-align: center; | |
102 | } | |
103 | ||
a2916c06 | 104 | .wrong { |
9140b588 MW |
105 | color: red; |
106 | visibility: visible; | |
a2916c06 MW |
107 | } |
108 | ||
109 | /* Specific forms. */ | |
110 | ||
111 | td.label { text-align: right; } | |
112 | ||
113 | .expand { height: 100%; } | |
114 | div.expand-outer { position: relative; } | |
115 | div.expand-inner { | |
9140b588 MW |
116 | position: absolute; |
117 | width: 50%; | |
118 | height: 100%; | |
a2916c06 MW |
119 | } |
120 | div.expand-reference { | |
9140b588 | 121 | margin-left: 50%; |
a2916c06 MW |
122 | } |
123 | ||
124 | table.expand { width: 95%; } | |
125 | table.expand, | |
126 | table.expand tbody, | |
127 | table.expand tr { | |
9140b588 MW |
128 | border-collapse: collapse; |
129 | border-spacing: 0; | |
a2916c06 MW |
130 | } |
131 | table.expand td { padding: 0; } | |
132 | ||
133 | #acct-list { | |
9140b588 MW |
134 | width: 100%; |
135 | height: 100%; | |
a2916c06 MW |
136 | } |
137 | ||
138 | /*----- That's all, folks -------------------------------------------------*/ |