aligned 'commons.js' with fieldify repo
[brisk.git] / web / brisk.css
1 /*
2  *  brisk - brisk.css
3  *
4  *  Copyright (C) 2006-2014 Matteo Nastasi
5  *                          mailto: nastasi@alternativeoutput.it
6  *                                  matteo.nastasi@milug.org
7  *                          web: http://www.alternativeoutput.it
8  *
9  * This program is free software; you can redistribute it and/or modify
10  * it under the terms of the GNU General Public License as published by
11  * the Free Software Foundation; either version 2 of the License, or
12  * (at your option) any later version.
13  *
14  * This program is distributed in the hope that it will be useful, but
15  * WITHOUT ANY WARRANTY; without even the implied warranty of
16  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
17  * General Public License for more details. You should have received a
18  * copy of the GNU General Public License along with this program; if
19  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
20  * Suite 330, Boston, MA 02111-1307, USA.
21  *
22  */
23
24 * {
25     font-family: verdana, helvetica, arial, sans-serif;
26     font-size: 13px;
27     line-height: 120%;
28 }
29
30 body {
31     background-image: url('img/najole_wh.png');
32     background-color: #fafafa;
33     background-attachment: fixed;
34     margin: 0px;
35     height: 800px;
36     padding: 0px;
37
38     align: center;
39 }
40
41 h1 {
42     font-size: 200%;
43     margin: 0px;
44 }
45
46 h2 {
47     font-size: 180%;
48     margin: 0px;
49 }
50
51 h3 {
52     font-size: 160%;
53     margin: 0px;
54 }
55
56 h4 {
57     font-size: 140%;
58     margin: 0px;
59 }
60
61 h5 {
62     font-size: 120%;
63     margin: 0px;
64 }
65
66 h6 {
67     font-size: 110%;
68     margin: 0px;
69 }
70
71
72 div {
73     font-size: 100%;
74 }
75
76 td {
77     font-size: 100%;
78 }
79
80 img {
81     position:     absolute;
82     border-style: solid;
83     border-width: 1px;
84     border-color: gray;
85 }
86
87 img.unbo {
88     border-width: 0px;
89 }
90
91 img.nobo {
92     position:     relative;
93     border-width: 0px;
94     display: block;
95     margin: auto;
96 }
97
98 img.inline {
99     position:     relative;
100     vertical-align: middle;
101     border-width: 0px;
102 }
103
104 img.nobohide {
105     position:     absolute;
106     border-width: 0px;
107     visibility: hidden;
108     z-index: 12;
109 }
110
111 img.bordergray {
112     border: 1px solid gray;
113 }
114
115 img.ib_nobo {
116     border: 0px solid gray;
117 }
118
119 .bg_white {
120     background-color: #ffffff;
121 }
122
123 .bg_green {
124     background-color: #aaffaa;
125 }
126
127 .bg_ligre {
128     background-color: #ddffdd;
129 }
130
131 .bg_red {
132     background-color: #ffaaaa;
133 }
134
135 .bg_lired {
136     background-color: #ffdddd;
137 }
138
139 .notify {
140     -webkit-border-radius: 8px;
141     -moz-border-radius: 8px;
142     border-radius: 8px;
143
144     background-image: url('img/najole_wh_light.png');
145     background-attachment: fixed;
146
147     top: 0;
148     padding: 8px;
149
150     left: 50%;
151     position: absolute;
152     border-style: solid;
153     border-width: 1px;
154     bottom: 0;
155     right: 0;
156     align: center;
157     text-align: center;
158     background-color: white;
159     z-index: 10;
160     visibility: hidden;
161 }
162
163 .notify_opaque {
164     top: 0;
165
166     left: 50%;
167     position: absolute;
168     border-style: solid;
169     border-width: 1px;
170     bottom: 0;
171     right: 0;
172     align: center;
173     text-align: center;
174     background-color: white;
175     z-index: 10;
176     visibility: hidden;
177 }
178
179 div.notify_clo {
180     position: absolute;
181     align: center;
182     width: 100%;
183     left: 0px;
184     bottom:  4px;
185 }
186
187 div.doc_alert {
188     color: #ff5400;
189     background-color: #ffd780;
190     font-family: monospace;
191     font-weight: bold;
192     text-align: center;
193     margin: 8px;
194     padding: 8px;
195 }
196
197 .input_text {
198     background-color: #f8f8f8;
199     border: 1px solid gray;
200     margin: 1px;
201  }
202
203 .input_text:hover {
204     background-color: white;
205     border: 1px solid #ffae00;
206  }
207
208 .input_text_hi {
209     background-color: white;
210     border: 2px solid #ffae00;
211     margin: 0px;
212  }
213
214 input.input_sub {
215     -webkit-border-radius: 4px;
216     -moz-border-radius: 4px;
217     border-radius: 4px;
218     border: 1px solid gray;
219     margin: 0px;
220     padding: 1px;
221     color: black;
222     background-color: #f8f8f8;
223     vertical-align: middle;
224     text-decoration: none;
225     font-size: 100%;
226     cursor: pointer;
227     height: 22px ! important;
228     max-height: 22px ! important;
229     min-height: 22px ! important;
230     display: inline;
231 }
232 input.input_sub:hover {
233     border: 1px solid #ffae00;
234     margin: 0px;
235     padding: 1px;
236  }
237
238 input.input_sub_hi {
239     border: 2px solid #ffae00;
240     padding: 0px;
241     margin: 0px;
242     color: black;
243     background-color: white;
244     vertical-align: middle;
245     text-decoration: none;
246     font-size: 100%;
247     cursor: pointer;
248     height: 22px ! important;
249     max-height: 22px ! important;
250     min-height: 22px ! important;
251     display: inline;
252 }
253
254 button {
255     -webkit-border-radius: 4px;
256     -moz-border-radius: 4px;
257     border-radius: 4px;
258
259     border: 1px solid gray;
260     margin: 1px;
261     padding: 2px;
262     color: black;
263     background-color: RGB(246,246,246);
264     vertical-align: middle;
265     text-decoration: none;
266     font-size: 100%;
267     cursor: pointer;
268     display: inline;
269 }
270
271 input.button {
272     -webkit-border-radius: 4px;
273     -moz-border-radius: 4px;
274     border-radius: 4px;
275
276     border: 1px solid gray;
277     margin: 1px;
278     padding: 2px;
279     color: black;
280     background-color: RGB(246,246,246);
281     vertical-align: middle;
282     text-decoration: none;
283     font-size: 100%;
284     cursor: pointer;
285     display: inline;
286 }
287
288 input.button:hover {
289     background-color: white;
290 }
291
292 input.button:active {
293     background-color: RGB(255,255,153);
294 }
295
296 img.button:hover {
297     cursor: pointer;
298 }
299
300 span.au0 span {
301     font-weight: bold;
302 }
303 span.au0_off span {
304     font-weight: bold;
305 }
306
307 span.au1 span {
308     padding-left: 2px;
309     padding-right: 4px;
310     font-style: italic;
311     background-color: #a1c8ff;
312 }
313 span.au1_off span {
314     padding-left: 2px;
315     padding-right: 4px;
316     font-style: italic;
317     background-color: #a1c8ff;
318 }
319
320 span.au2 span {
321     background-color: #bafcba;
322 }
323 span.au2_off span {
324     background-color: #bafcba;
325 }
326
327 span.au3 {
328     padding-left: 24px;
329     background-image: url('img/books.png');
330     background-repeat: no-repeat;
331     background-position: left center;
332 }
333
334 span.au3_off span {
335     background-color: transparent;
336 }
337 span.au3_off {
338 }
339
340 span.au3 span {
341     background-color: transparent;
342 }
343
344 div.bye_msg {
345     font-weigth: bold;
346 }
347
348 div.apprentice {
349     -webkit-border-radius: 8px;
350     -moz-border-radius: 8px;
351     border-radius: 8px;
352
353     display: none;
354     background-color: #ffd780;
355     border: 1px solid #ffae00;
356     padding: 8px;
357 }