source: asadb/media/style/style.css

stablestage
Last change on this file was 53e624e, checked in by Alex Dehnert <adehnert@…>, 13 years ago

More consistently use "people" in the UI

Avoid using "officer" or "signatory" in the "Update people" UI, in favor of
"people". This is a partial fix for ASA-#93 that mostly gets that page into
good shape.

  • Property mode set to 100644
File size: 4.6 KB
Line 
1tr.sect-head td, tr.sect-head th
2{
3    padding-top: 1em;
4    text-decoration: underline;
5}
6table.pretty-table
7{
8    border-collapse: collapse;
9    margin: 0.5em;
10}
11table.pretty-table th, table.pretty-table td, table.pretty-table caption
12{
13    border: 1px solid black;
14    padding: 2px;
15}
16table.pretty-table caption
17{
18    border-bottom: none;
19}
20table.pretty-table th, table.pretty-table caption
21{
22    font-weight: bold;
23    background: #BE2933;
24}
25table.pretty-table th a, table.pretty-table caption a
26{
27    color: #008;
28}
29
30table.group-list tbody th
31{
32    text-align: left;
33}
34
35dl dt
36{
37    font-weight: bold;
38}
39
40ul.errorlist
41{
42    color: red;
43}
44
45div.messagebox
46{
47    padding: 0 10px 10px 10px;
48    margin: 2em 0;
49    border: 1px solid;
50    width: 50%;
51}
52div.messagebox > h3
53{
54    margin: 0 -10px;
55    padding: 2px 10px;
56    margin-bottom: 1em;
57}
58
59div.infobox
60{
61    background-color: #afa;
62    border-color: #0f0;
63}
64
65div.infobox h3 {
66    background: #6f6;
67}
68
69div.warnbox
70{
71    background-color: #ffdf60;
72    border-color: #ffbf00;
73}
74
75div.warnbox h3 {
76    background: #faba00;
77}
78
79div.errorbox
80{
81    background-color: #faa;
82    border-color: red;
83}
84
85div.errorbox h3 {
86    background: #f88;
87}
88
89span.username
90{
91    font-family: "Courier", monospace;
92}
93
94
95/********
96 * FYSM *
97 ********/
98.single-fysm-entry
99{
100    max-width:600px;
101    clear:both;
102    border: 1px solid #666;
103    margin: 10px auto;
104}
105
106.single-fysm-entry h3, .fysm-summarystrip h3
107{
108    margin: 0 0 5px 0;
109    padding: 2px 10px;
110    background: #BE2933;
111}
112
113.single-fysm-entry h3 a, .fysm-navstrip a, .fysm-summarystrip a
114{
115    color:#fcfcfc;
116    text-decoration: none;
117}
118
119.single-fysm-entry h3 a:hover, .fysm-navstrip a:hover, .fysm-summarystrip a:hover
120{
121    text-decoration: underline;
122}
123
124.single-fysm-entry .logo, .single-fysm-entry .nologo
125{
126    float: left;
127    width: 100px;
128    background: #eee;
129    border: 2px solid black;
130    margin: 10px 20px 10px;
131    text-align: center;
132    /*max-height: 104px;*/
133}
134
135.single-fysm-entry .nologo
136{
137    width: 100px;
138    height: 100px;
139    line-height: 90px;
140}
141
142.single-fysm-entry .logo img
143{
144    max-width:100px;
145    max-height:100px;
146}
147
148.single-fysm-entry .data
149{
150    text-align: justify;
151    margin: 10px 20px;
152}
153
154.single-fysm-entry .join
155{
156    clear:both;
157    margin: 10px 20px;
158}
159
160.single-fysm-entry .fysm-body
161{
162    margin-bottom: 10px;
163}
164
165.single-fysm-entry .tags
166{
167    background: #ddd;
168    border-top: 1px solid #666;
169    padding: 4px;
170    margin: 0px;
171    text-align: center;
172    font-size: smaller;
173}
174
175.fysm-submit td
176{
177    max-width: 30em;
178    font-size: smaller;
179}
180
181.fysm-detail .back,
182.fysm-summarystrip .contact
183{ text-align: left;  float: left; }
184.fysm-detail .forward,
185.fysm-summarystrip .website
186{ text-align: right; float: right; }
187.fysm-detail .up,
188.fysm-summarystrip .display-name
189{ text-align: center; margin: auto; }
190
191.fysm-detail .single-fysm-entry h3
192{
193    text-align: center;
194    clear: both;
195}
196
197.fysm-navstrip, .fysm-summarystrip
198{
199    clear: both;
200    margin: 0;
201    padding: 0.5em 1em;
202    background: #BE2933;
203    border-bottom: 1px solid black;
204}
205
206.fysm-navstrip p, .fysm-summarystrip p
207{
208    margin: 0;
209    min-width: 30%;
210}
211
212.fysm-detail .join-preview
213{
214    max-width: 600px;
215    margin: 1em auto;
216}
217.fysm-detail .join-preview img
218{
219    max-width: 600px;
220    max-height: 600px;
221    display: block;
222}
223
224
225/*****************
226 * GROUP DISPLAY *
227 *****************/
228tr.private-info th:before
229{
230    content: "\2020  ";
231}
232
233.group-detail-page h1 + p.group-status { margin-top: -1em; margin-bottom: 2em; }
234.group-detail-page.group-status-active h1          { color: black; }
235.group-detail-page.group-status-applying h1        { color: red; }
236.group-detail-page.group-status-nge h1             { color: #00ffff; }
237.group-detail-page.group-status-provisional h1     { color: yellow; }
238.group-detail-page.group-status-derecognized h1    { color: red; }
239.group-detail-page.group-status-suspended h1       { color: yellow; }
240
241.group-list-page tr.group-status-active.group-active-True td.group-status
242{
243    background-color: green;
244    color: black;
245}
246.group-list-page tr.group-active-True td.group-status
247{
248    background-color: yellow;
249    color: black;
250}
251.group-list-page tr.group-active-False td.group-status
252{
253    background-color: red;
254    color: black;
255}
256.group-list-page tr.group-status-nge td.group-status
257{
258    background-color: #00ffff;
259    color: black;
260}
261
262
263/* Reset some stuff */
264h1, h2, h3, th
265{
266    font-family: "Trebuchet MS", sans-serif;
267}
268ul
269{
270    padding-left: 1em;
271    margin-left: 0;
272}
273
274table.group-update-people-change td
275{
276    text-align: center;
277}
278
279/*********
280 * FORMS *
281 *********/
282
283form table tr.optional th
284{
285    font-weight: normal;
286    font-style: italic;
287}
Note: See TracBrowser for help on using the repository browser.