login box refactored
[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: #f8f8f8;
105     border: 1px solid gray;  
106     margin: 1px;
107  }
108
109 input.input_text:hover { 
110     background-color: white;
111     border: 1px solid #ffae00;  
112  }
113
114 input.input_text_hi { 
115     background-color: white;
116     border: 2px solid #ffae00;
117     margin: 0px;
118  }
119
120 input.input_sub {
121     border: 1px solid gray;  
122     margin: 0px;
123     padding: 1px;
124     color: black;
125     background-color: #f8f8f8;
126     vertical-align: middle;
127     text-decoration:none;
128     font-size: 100%;
129     cursor: pointer;
130     height: 22px ! important;
131     max-height: 22px ! important;
132     min-height: 22px ! important;
133     display: inline;
134 }
135 input.input_sub:hover { 
136     border: 1px solid #ffae00;  
137     margin: 0px;
138     padding: 1px;
139  }
140
141 input.input_sub_hi {
142     border: 2px solid #ffae00;
143     padding: 0px;
144     margin: 0px;
145     color: black;
146     background-color: white;
147 /*    background-color: RGB(246,246,246); */
148     vertical-align: middle;
149     text-decoration:none;
150     font-size: 100%;
151     cursor: pointer;
152     height: 22px ! important;
153     max-height: 22px ! important;
154     min-height: 22px ! important;
155     display: inline;
156 }
157
158 input.button {
159     border: 1px solid gray;  
160     margin: 1px;
161     padding: 0px;
162     color: black;
163     background-color: RGB(246,246,246);
164     vertical-align: middle;
165     text-decoration:none;
166     font-size: 100%;
167     cursor: pointer;
168     height: 20px ! important;
169     max-height: 20px ! important;
170     min-height: 20px ! important;
171     display: inline;
172 }
173
174 input.button:hover {
175     background-color: white;
176 }
177
178 input.button:active {
179     background-color: RGB(255,255,153);
180 }
181
182 img.button:hover {
183     cursor: pointer;
184 }