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