allignment pre merge in master
[brisk.git] / web / brisk.css
1 /*
2  *  brisk - brisk.css
3  *
4  *  Copyright (C) 2006-2008 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  * $Id$
23  *
24  */
25
26 body {
27     background-image: url('img/funghi_bg2.jpg'); 
28     background-color: #fafafa;
29     background-repeat: no-repeat;
30     background-position: center center; 
31     margin:0px;
32
33     font-size: 12px;
34     padding: 0px;
35
36     align: center;
37 }
38
39 div {
40     font-size: 12px;
41 }
42
43 td {
44     font-size: 12px;
45 }
46
47 img {
48     position:     absolute; 
49     border-style: solid;
50     border-width: 1px;
51     border-color: grey;
52 }
53
54 img.unbo {
55     border-width: 0px;
56 }
57
58 img.nobo {
59     position:     relative;
60     border-width: 0px;
61     display: block; 
62     margin: auto;
63 }
64
65 img.inline { 
66     position:     relative;
67     vertical-align: middle;
68     border-width: 0px;
69 }
70
71 img.nobohide {
72     position:     absolute;
73     border-width: 0px;
74     visibility: hidden;
75     z-index: 12;
76 }
77
78 .notify {
79 /*    top: 10%; */
80     top: 0;
81
82     left: 50%; 
83     position: absolute;
84     border-style: solid;
85     border-width: 1px;
86 /*  margin-top: auto;
87     margin-bottom: auto;*/
88 /*    overflow: auto; */
89     bottom: 0;
90     right: 0;
91     align: center;
92     text-align: center; 
93     background-color: white; 
94     z-index: 10;
95     visibility: hidden;
96     filter: alpha(opacity=90);
97     -moz-opacity: 0.90;
98     opacity: 0.90;  
99 }
100
101 .notify_opaque {
102 /*    top: 10%; */
103     top: 0;
104
105     left: 50%; 
106     position: absolute;
107     border-style: solid;
108     border-width: 1px;
109 /*  margin-top: auto;
110     margin-bottom: auto;*/
111 /*    overflow: auto; */
112     bottom: 0;
113     right: 0;
114     align: center;
115     text-align: center; 
116     background-color: white; 
117     z-index: 10;
118     visibility: hidden;
119 }
120
121 div.notify_clo { 
122     position: absolute;
123     align: center;
124     width: 100%;
125     left: 0px;
126     bottom:  4px;
127 }
128
129 .input_text { 
130     background-color: #f8f8f8;
131     border: 1px solid gray;  
132     margin: 1px;
133  }
134
135 .input_text:hover { 
136     background-color: white;
137     border: 1px solid #ffae00;  
138  }
139
140 .input_text_hi { 
141     background-color: white;
142     border: 2px solid #ffae00;
143     margin: 0px;
144  }
145
146 input.input_sub {
147     border: 1px solid gray;  
148     margin: 0px;
149     padding: 1px;
150     color: black;
151     background-color: #f8f8f8;
152     vertical-align: middle;
153     text-decoration:none;
154     font-size: 100%;
155     cursor: pointer;
156     height: 22px ! important;
157     max-height: 22px ! important;
158     min-height: 22px ! important;
159     display: inline;
160 }
161 input.input_sub:hover { 
162     border: 1px solid #ffae00;  
163     margin: 0px;
164     padding: 1px;
165  }
166
167 input.input_sub_hi {
168     border: 2px solid #ffae00;
169     padding: 0px;
170     margin: 0px;
171     color: black;
172     background-color: white;
173 /*    background-color: RGB(246,246,246); */
174     vertical-align: middle;
175     text-decoration:none;
176     font-size: 100%;
177     cursor: pointer;
178     height: 22px ! important;
179     max-height: 22px ! important;
180     min-height: 22px ! important;
181     display: inline;
182 }
183
184 input.button {
185     border: 1px solid gray;  
186     margin: 1px;
187     padding: 0px;
188     color: black;
189     background-color: RGB(246,246,246);
190     vertical-align: middle;
191     text-decoration:none;
192     font-size: 100%;
193     cursor: pointer;
194     height: 20px ! important;
195     max-height: 20px ! important;
196     min-height: 20px ! important;
197     display: inline;
198 }
199
200 input.button:hover {
201     background-color: white;
202 }
203
204 input.button:active {
205     background-color: RGB(255,255,153);
206 }
207
208 img.button:hover {
209     cursor: pointer;
210 }