img.unbo class added, class notify enhanced
[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/wip_bg.jpg'); 
28     background-color: #fafafa;
29     background-repeat: no-repeat;
30     background-position: top 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.nobohide {
66     position:     absolute;
67     border-width: 0px;
68     visibility: hidden;
69     z-index: 12;
70 }
71
72 .notify {
73 /*    top: 10%; */
74     top: 0;
75
76     left: 50%; 
77     position: absolute;
78     border-style: solid;
79     border-width: 1px;
80 /*  margin-top: auto;
81     margin-bottom: auto;*/
82 /*    overflow: auto; */
83     bottom: 0;
84     right: 0;
85     align: center;
86     text-align: center; 
87     background-color: white; 
88     z-index: 10;
89     visibility: hidden;
90     filter: alpha(opacity=90);
91     -moz-opacity: 0.90;
92     opacity: 0.90;  
93 }
94
95 div.notify_clo { 
96     position: absolute;
97     align: center;
98     width: 100%;
99     left: 0px;
100     bottom:  4px;
101 }
102
103 input.input_text { 
104     background-color: transparent;
105     border: 1px solid gray;  
106     margin: 1px;
107  }
108
109 input.input_text:hover { 
110     border: 1px solid #ffae00;  
111  }
112
113 input.input_text_hi { 
114     background-color: transparent;
115     border: 2px solid #ffae00;
116     margin: 0px;
117  }
118
119 input.input_sub {
120     border: 1px solid gray;  
121     margin: 0px;
122     padding: 1px;
123     color: black;
124     background-color: RGB(246,246,246);
125     vertical-align: middle;
126     text-decoration:none;
127     font-size: 100%;
128     cursor: pointer;
129     height: 22px ! important;
130     max-height: 22px ! important;
131     min-height: 22px ! important;
132     display: inline;
133 }
134 input.input_sub:hover { 
135     border: 1px solid #ffae00;  
136     margin: 0px;
137     padding: 1px;
138  }
139
140 input.input_sub_hi {
141     border: 2px solid #ffae00;
142     padding: 0px;
143     margin: 0px;
144     color: black;
145     background-color: RGB(246,246,246);
146     vertical-align: middle;
147     text-decoration:none;
148     font-size: 100%;
149     cursor: pointer;
150     height: 22px ! important;
151     max-height: 22px ! important;
152     min-height: 22px ! important;
153     display: inline;
154 }
155
156 input.button {
157     border: 1px solid gray;  
158     margin: 1px;
159     padding: 0px;
160     color: black;
161     background-color: RGB(246,246,246);
162     vertical-align: middle;
163     text-decoration:none;
164     font-size: 100%;
165     cursor: pointer;
166     height: 20px ! important;
167     max-height: 20px ! important;
168     min-height: 20px ! important;
169     display: inline;
170 }
171
172 input.button:hover {
173     background-color: white;
174 }
175
176 input.button:active {
177     background-color: RGB(255,255,153);
178 }
179
180 img.button:hover {
181     cursor: pointer;
182 }