update TODO and version.
[brisk.git] / web / brisk.css
1 /*
2  *  brisk - brisk.css
3  *
4  *  Copyright (C) 2006-2012 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 .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
113     left: 50%; 
114     position: absolute;
115     border-style: solid;
116     border-width: 1px;
117 /*  margin-top: auto;
118     margin-bottom: auto;*/
119 /*    overflow: auto; */
120     bottom: 0;
121     right: 0;
122     align: center;
123     text-align: center; 
124     background-color: white; 
125     z-index: 10;
126     visibility: hidden;
127     filter: alpha(opacity=90);
128     -moz-opacity: 0.90;
129     opacity: 0.90;  
130 }
131
132 .notify_opaque {
133 /*    top: 10%; */
134     top: 0;
135
136     left: 50%; 
137     position: absolute;
138     border-style: solid;
139     border-width: 1px;
140 /*  margin-top: auto;
141     margin-bottom: auto;*/
142 /*    overflow: auto; */
143     bottom: 0;
144     right: 0;
145     align: center;
146     text-align: center; 
147     background-color: white; 
148     z-index: 10;
149     visibility: hidden;
150 }
151
152 div.notify_clo { 
153     position: absolute;
154     align: center;
155     width: 100%;
156     left: 0px;
157     bottom:  4px;
158 }
159
160 div.doc_alert {
161     color: #ff5400;
162     background-color: #ffd780;
163     font-family: monospace;
164     font-weight: bold;
165     text-align: center;
166     margin: 8px;
167     padding: 8px;
168 }
169
170 .input_text { 
171     background-color: #f8f8f8;
172     border: 1px solid gray;  
173     margin: 1px;
174  }
175
176 .input_text:hover { 
177     background-color: white;
178     border: 1px solid #ffae00;  
179  }
180
181 .input_text_hi { 
182     background-color: white;
183     border: 2px solid #ffae00;
184     margin: 0px;
185  }
186
187 input.input_sub {
188     border: 1px solid gray;  
189     margin: 0px;
190     padding: 1px;
191     color: black;
192     background-color: #f8f8f8;
193     vertical-align: middle;
194     text-decoration: none;
195     font-size: 100%;
196     cursor: pointer;
197     height: 22px ! important;
198     max-height: 22px ! important;
199     min-height: 22px ! important;
200     display: inline;
201 }
202 input.input_sub:hover { 
203     border: 1px solid #ffae00;  
204     margin: 0px;
205     padding: 1px;
206  }
207
208 input.input_sub_hi {
209     border: 2px solid #ffae00;
210     padding: 0px;
211     margin: 0px;
212     color: black;
213     background-color: white;
214 /*    background-color: RGB(246,246,246); */
215     vertical-align: middle;
216     text-decoration: none;
217     font-size: 100%;
218     cursor: pointer;
219     height: 22px ! important;
220     max-height: 22px ! important;
221     min-height: 22px ! important;
222     display: inline;
223 }
224
225 input.button {
226     border: 1px solid gray;  
227     margin: 1px;
228     padding: 2px;
229     color: black;
230     background-color: RGB(246,246,246);
231     vertical-align: middle;
232     text-decoration: none;
233     font-size: 100%;
234     cursor: pointer;
235     display: inline;
236 }
237
238 input.button:hover {
239     background-color: white;
240 }
241
242 input.button:active {
243     background-color: RGB(255,255,153);
244 }
245
246 img.button:hover {
247     cursor: pointer;
248 }
249
250 span.au1 {
251     font-weight: bold;
252 }
253
254 span.au2 {
255     font-style: italic;
256 /*    text-decoration: underline; */
257     background-color: #bafcba;
258 }
259
260 span.au3 {
261     font-weight: bold;
262     font-style: italic;
263 /*    text-decoration: underline; */
264     background-color: #bafcba;
265 }