webinterface.git

1) html {
2)         font-family: Verdana, Arial, Helvetica;
3)         font-size: 12px;
4)         color: #000000;

5)         background-color: #fff;

6) }
7) 
8) 

9) body {

10)         font-family: Verdana, Arial, Helvetica, sans-serif;

11)         font-size: 12px;
12)         color: #000000;

13)         background-color: #fff;

14) }
15) 
16) 
17) div.error {
18)         color: #FF0000;
19)         border: 2px solid #000000;
20)         background-color: #FFFFFF;
21)         margin: 10px;
22)         padding: 10px;
23) }
24) 
25) div.success {
26)         color: #282;
27)         border: 2px solid #282;
28)         background-color: #FFFFFF;
29)         margin: 5px;
30)         padding: 5px;
31)         font-weight: bold;
32) }
33) 
34) p.warning {
35)         padding: 4px;
36)         color: #000000;
37)         border: 1px solid #FF0000;
38)         background-color: #FFFFFF;
39) }
40) 

41) span.warning {
42) 	color:#FF0000;
43) }
44) 

45) a img {
46)   border: 0px;
47) }

48) 

49) p.admininfo {
50)   margin: 3px;
51)   margin-bottom: 1.5em;
52)   padding: 0.5em;
53)   border: 1px solid red;
54)   background-color: #fdd;
55) }

56) 
57) p.userinfo {
58)   margin: 3px;

59)   margin-top: 1.5em;

60)   margin-bottom: 1.5em;
61)   padding: 0.5em;
62)   border: 1px solid black;
63)   background-color: #b2c2cb;

64)   /*padding-left: 40px;

65)   background-image: url('../images/user.png');
66)   background-position: left;
67)   background-repeat: no-repeat;

68)   background-position: 0.5em 0.5em;*/

69)   min-height: 36px;
70) }
71) 

72) input.usageoption {
73) 	margin-top: 1em;
74) }

75) 

76) div.confirmation {
77) }
78) 
79) div.confirmation div.question {
80)         padding: 10px;
81)         color: #000000;
82)         border: 1px solid #FF0000;
83)         background-color: #FFFFFF;
84)         font-weight: bold;
85)         margin-bottom: 1em;
86) }
87) 
88) div.confirmation p.buttons input {
89)         width: 10em;
90) }
91) 
92) 

93) span.login_label {
94)         display: block;
95)         float: left;
96)         width: 130px;
97) }
98) 
99) input[type=text],input[type=password],textarea,select {
100)         border: 1px solid black;
101)         padding: 3px;
102)         }
103) 
104) input[type=text]:focus,input[type=password]:focus,textarea:focus {
105)         border: 1px solid red;
106)         background-color: #FFFFFF;
107)         }
108) 
109) 

110) div.vhostsidebyside {
111)   max-width: 55em;
112) }
113) 
114) div.vhostoptions {
115)   margin: 0;
116)   padding: 0;
117)   margin-left: 1em;
118)   float: right;
119)   width: 30em;
120)   /*margin-left: 2em; position: absolute; left: 45em; */
121) }

122) 
123) 
124) 
125) div.menu {
126)         width: 190px;
127)         float: left;
128) 
129) }
130) 

131) div.menu img {
132)   margin-bottom: 1em;
133) }

134) 
135) a.menuitem {

136)   font-weight: normal;

137)         display: block;
138)         padding: 4px;
139)         margin: 3px;
140)         text-decoration: none;
141)         color: #000000;
142) }
143) 

144) a.submenuitem {
145)   margin-left: 2em;
146) }
147) 

148) a.active {

149)   text-decoration: underline;
150)   font-weight: bold;
151)   color: #425d6c;

152) }
153) 
154) a.menuitem:hover {

155)   text-decoration: underline;
156)   color: #425d6c;

157) }
158) 
159) 
160) div#beta {
161)   clear: both;
162)         padding: 4px;
163)         color: #000000;
164)         border: 1px solid #FF0000;
165)         background-color: #FFFFFF;
166)         margin-bottom: 1em;
167) }
168) 
169) div#beta p {
170)   padding: 0;
171)   margin: 0;
172)   margin-top: 0.3em;
173) }
174) 
175) div#beta h3 {
176)   padding: 0;
177)   margin: 0;
178) }
179) 

180) div.vmail-forward {
181)   border: 1px solid black;
182)   padding: 0.5em;
183)   margin-bottom: 0.5em;
184)   display: table;
185) }
186) div.vmail-forward p {
187)   display: block;
188)   margin: 0;
189)   margin-bottom: 0.5em;
190)   padding: 0;
191) }

192) 

193) div.vmail-forward input {
194)   width: 20em;
195) }
196) 

197) div.content {
198)         margin-left: 200px;
199)         padding-left: 10px;
200)         border-left: 1px solid #000000;

201)         overflow: hidden;
202) }
203) 
204) div.overview {
205)   margin: 2em;
206)   max-width: 50em;

207) }
208) 

209) div.overview div.block {
210)   float: left;
211)   margin: 1em;
212)   padding: 1em;
213)   /*background-color: #b2c2cb;*/
214)   width: 10em;
215)   min-height: 5em;
216)   text-align: center;
217)   background-color: #eee;
218) }
219) 
220) div.overview div.block img {
221)   display: block;
222)   margin: 0 auto;
223)   margin-bottom: 1em;
224) }
225) 
226) /*
227) div.overview div.block a {
228)   color: #000;
229) }
230) */

231) 
232) div.foot {

233)   clear: both;
234)         border-top: 1px solid #425d6c;
235)   color: #425d6c;

236)         font-size: 90%;
237) }
238) 
239) 
240) h3 {

241)   color: #425d6c;
242)   padding-bottom: 2px;
243)   border-bottom: 1px solid #425d6c;

244) }
245) 
246) 
247) ul {
248)         margin-bottom: 10px;
249) }
250) 
251) table {
252)         border-collapse: collapse;
253) }
254) 

255) tr.odd td,
256) tr.even td {
257)   border: none;
258)   padding: 0.5em 0.5em;
259) }
260) 
261) tr.odd {
262)   background: #eee;
263) }
264) 

265) td {
266)         border: 1px solid black;
267)         padding: 0.5em;
268) }
269) 
270) th {
271)   padding: 0px 1em;
272) }
273) 
274) a {
275)   text-decoration: none;

276)   /*font-weight: bold;*/
277)   color: #425d6c;

278) 
279) }
280) 
281) a:hover {
282)   text-decoration: underline;
283) }