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