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