add multi-rules management
[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/lines.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 div {
42     font-size: 100%;
43 }
44
45 td {
46     font-size: 100%;
47 }
48
49 img {
50     position:     absolute;
51     border-style: solid;
52     border-width: 1px;
53     border-color: gray;
54 }
55
56 img.unbo {
57     border-width: 0px;
58 }
59
60 img.nobo {
61     position:     relative;
62     border-width: 0px;
63     display: block;
64     margin: auto;
65 }
66
67 img.inline {
68     position:     relative;
69     vertical-align: middle;
70     border-width: 0px;
71 }
72
73 img.nobohide {
74     position:     absolute;
75     border-width: 0px;
76     visibility: hidden;
77     z-index: 12;
78 }
79
80 img.bordergray {
81     border: 1px solid gray;
82 }
83
84 img.ib_nobo {
85     border: 0px solid gray;
86 }
87
88 .bg_white {
89     background-color: #ffffff;
90 }
91
92 .bg_green {
93     background-color: #aaffaa;
94 }
95
96 .bg_ligre {
97     background-color: #ddffdd;
98 }
99
100 .bg_red {
101     background-color: #ffaaaa;
102 }
103
104 .bg_lired {
105     background-color: #ffdddd;
106 }
107
108 .notify {
109     -webkit-border-radius: 8px;
110     -moz-border-radius: 8px;
111     border-radius: 8px;
112
113     background-image: url('img/lines_light.png');
114     background-attachment: fixed;
115
116     top: 0;
117     padding: 8px;
118
119     left: 50%;
120     position: absolute;
121     border-style: solid;
122     border-width: 1px;
123     bottom: 0;
124     right: 0;
125     align: center;
126     text-align: center;
127     background-color: white;
128     z-index: 10;
129     visibility: hidden;
130 }
131
132 .notify_opaque {
133     top: 0;
134
135     left: 50%;
136     position: absolute;
137     border-style: solid;
138     border-width: 1px;
139     bottom: 0;
140     right: 0;
141     align: center;
142     text-align: center;
143     background-color: white;
144     z-index: 10;
145     visibility: hidden;
146 }
147
148 div.notify_clo {
149     position: absolute;
150     align: center;
151     width: 100%;
152     left: 0px;
153     bottom:  4px;
154 }
155
156 div.doc_alert {
157     color: #ff5400;
158     background-color: #ffd780;
159     font-family: monospace;
160     font-weight: bold;
161     text-align: center;
162     margin: 8px;
163     padding: 8px;
164 }
165
166 .input_text {
167     background-color: #f8f8f8;
168     border: 1px solid gray;
169     margin: 1px;
170  }
171
172 .input_text:hover {
173     background-color: white;
174     border: 1px solid #ffae00;
175  }
176
177 .input_text_hi {
178     background-color: white;
179     border: 2px solid #ffae00;
180     margin: 0px;
181  }
182
183 input.input_sub {
184     -webkit-border-radius: 4px;
185     -moz-border-radius: 4px;
186     border-radius: 4px;
187     border: 1px solid gray;
188     margin: 0px;
189     padding: 1px;
190     color: black;
191     background-color: #f8f8f8;
192     vertical-align: middle;
193     text-decoration: none;
194     font-size: 100%;
195     cursor: pointer;
196     height: 22px ! important;
197     max-height: 22px ! important;
198     min-height: 22px ! important;
199     display: inline;
200 }
201 input.input_sub:hover {
202     border: 1px solid #ffae00;
203     margin: 0px;
204     padding: 1px;
205  }
206
207 input.input_sub_hi {
208     border: 2px solid #ffae00;
209     padding: 0px;
210     margin: 0px;
211     color: black;
212     background-color: white;
213     vertical-align: middle;
214     text-decoration: none;
215     font-size: 100%;
216     cursor: pointer;
217     height: 22px ! important;
218     max-height: 22px ! important;
219     min-height: 22px ! important;
220     display: inline;
221 }
222
223 button {
224     -webkit-border-radius: 4px;
225     -moz-border-radius: 4px;
226     border-radius: 4px;
227
228     border: 1px solid gray;
229     margin: 1px;
230     padding: 2px;
231     color: black;
232     background-color: RGB(246,246,246);
233     vertical-align: middle;
234     text-decoration: none;
235     font-size: 100%;
236     cursor: pointer;
237     display: inline;
238 }
239
240 input.button {
241     -webkit-border-radius: 4px;
242     -moz-border-radius: 4px;
243     border-radius: 4px;
244
245     border: 1px solid gray;
246     margin: 1px;
247     padding: 2px;
248     color: black;
249     background-color: RGB(246,246,246);
250     vertical-align: middle;
251     text-decoration: none;
252     font-size: 100%;
253     cursor: pointer;
254     display: inline;
255 }
256
257 input.button:hover {
258     background-color: white;
259 }
260
261 input.button:active {
262     background-color: RGB(255,255,153);
263 }
264
265 img.button:hover {
266     cursor: pointer;
267 }
268
269 span.au0 span {
270     font-weight: bold;
271 }
272 span.au0_off span {
273     font-weight: bold;
274 }
275
276 span.au1 span {
277     padding-left: 2px;
278     padding-right: 4px;
279     font-style: italic;
280     background-color: #a1c8ff;
281 }
282 span.au1_off span {
283     padding-left: 2px;
284     padding-right: 4px;
285     font-style: italic;
286     background-color: #a1c8ff;
287 }
288
289 span.au2 span {
290     background-color: #bafcba;
291 }
292 span.au2_off span {
293     background-color: #bafcba;
294 }
295
296 span.au3 {
297     padding-left: 24px;
298     background-image: url('img/books.png');
299     background-repeat: no-repeat;
300     background-position: left center;
301 }
302
303 span.au3_off span {
304     background-color: transparent;
305 }
306 span.au3_off {
307 }
308
309 span.au3 span {
310     background-color: transparent;
311 }
312
313 div.bye_msg {
314     font-weigth: bold;
315 }
316
317 div.apprentice {
318     -webkit-border-radius: 8px;
319     -moz-border-radius: 8px;
320     border-radius: 8px;
321
322     display: none;
323     background-color: #ffd780;
324     border: 1px solid #ffae00;
325     padding: 8px;
326 }