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.addnew {
58)   margin-top: 1.5em;
59)   margin-bottom: 2em;
60) }
61) 
62) p.addnew a {
63)   color: #257f00;
64)   font-size: 110%;
65)   font-weight: bold;
66)   padding: 5px;
67)   min-height: 18px;
68)   padding-left: 25px;

69)   background-image: url('../images/add.png');

70)   background-position: 0 5px;
71)   background-repeat: no-repeat;
72) }
73) 
74) p.addnew a:hover {
75)   text-decoration: none;
76)   padding-bottom: 0;
77)   border-bottom: 2px solid #257f00;
78) }
79) 
80) 

81) p.userinfo {
82)   margin: 3px;

83)   margin-top: 1.5em;

84)   margin-bottom: 1.5em;
85)   padding: 0.5em;
86)   border: 1px solid black;
87)   background-color: #b2c2cb;

88)   /*padding-left: 40px;

89)   background-image: url('../images/user.png');
90)   background-position: left;
91)   background-repeat: no-repeat;

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

93)   min-height: 36px;
94) }
95) 

96) input.usageoption {
97) 	margin-top: 1em;
98) }

99) 

100) div.confirmation {
101) }
102) 
103) div.confirmation div.question {
104)         padding: 10px;
105)         color: #000000;
106)         border: 1px solid #FF0000;
107)         background-color: #FFFFFF;
108)         font-weight: bold;
109)         margin-bottom: 1em;
110) }
111) 
112) div.confirmation p.buttons input {
113)         width: 10em;
114) }
115) 
116) 

117) span.login_label {
118)         display: block;
119)         float: left;
120)         width: 130px;
121) }
122) 
123) input[type=text],input[type=password],textarea,select {
124)         border: 1px solid black;
125)         padding: 3px;

126)         background-color: #FFFFFF;

127)         }
128) 
129) input[type=text]:focus,input[type=password]:focus,textarea:focus {
130)         border: 1px solid red;
131)         background-color: #FFFFFF;
132)         }
133) 
134) 

135) div.vhostsidebyside {
136)   max-width: 55em;
137) }
138) 
139) div.vhostoptions {
140)   margin: 0;
141)   padding: 0;
142)   margin-left: 1em;
143)   float: right;
144)   width: 30em;
145)   /*margin-left: 2em; position: absolute; left: 45em; */
146) }

147) 
148) 
149) 
150) div.menu {
151)         width: 190px;
152)         float: left;
153) 
154) }
155) 

156) div.menu img {
157)   margin-bottom: 1em;
158) }

159) 
160) a.menuitem {

161)   font-weight: normal;

162)         display: block;
163)         padding: 4px;
164)         margin: 3px;
165)         text-decoration: none;
166)         color: #000000;
167) }
168) 

169) a.submenuitem {
170)   margin-left: 2em;
171) }
172) 

173) a.active {

174)   text-decoration: underline;
175)   font-weight: bold;
176)   color: #425d6c;

177) }
178) 
179) a.menuitem:hover {

180)   text-decoration: underline;
181)   color: #425d6c;

182) }
183) 
184) 
185) div#beta {
186)   clear: both;
187)         padding: 4px;
188)         color: #000000;
189)         border: 1px solid #FF0000;
190)         background-color: #FFFFFF;
191)         margin-bottom: 1em;
192) }
193) 
194) div#beta p {
195)   padding: 0;
196)   margin: 0;
197)   margin-top: 0.3em;
198) }
199) 
200) div#beta h3 {
201)   padding: 0;
202)   margin: 0;
203) }
204) 

205) div.vmail-forward {
206)   border: 1px solid black;
207)   padding: 0.5em;
208)   margin-bottom: 0.5em;
209)   display: table;
210) }
211) div.vmail-forward p {
212)   display: block;
213)   margin: 0;
214)   margin-bottom: 0.5em;
215)   padding: 0;
216) }

217) 

218) div.vmail-forward input {
219)   width: 20em;
220) }
221) 

222) div.content {
223)         margin-left: 200px;
224)         padding-left: 10px;
225)         border-left: 1px solid #000000;

226) }

227) /*        overflow: hidden; */

228) 
229) div.overview {
230)   margin: 2em;
231)   max-width: 50em;

232) }
233) 

234) div.overview div.block {
235)   float: left;
236)   margin: 1em;
237)   padding: 1em;
238)   /*background-color: #b2c2cb;*/
239)   width: 10em;
240)   min-height: 5em;
241)   text-align: center;
242)   background-color: #eee;
243) }
244) 
245) div.overview div.block img {
246)   display: block;
247)   margin: 0 auto;
248)   margin-bottom: 1em;

249)   height: 16px;

250) }
251) 
252) /*
253) div.overview div.block a {
254)   color: #000;
255) }
256) */

257) 
258) div.foot {

259)   clear: both;
260)         border-top: 1px solid #425d6c;
261)   color: #425d6c;

262)         font-size: 90%;
263) }
264) 
265) 
266) h3 {

267)   color: #425d6c;
268)   padding-bottom: 2px;
269)   border-bottom: 1px solid #425d6c;

270) }
271) 
272) 
273) ul {
274)         margin-bottom: 10px;
275) }
276) 
277) table {
278)         border-collapse: collapse;
279) }
280) 

281) tr.odd td,
282) tr.even td {
283)   border: none;
284)   padding: 0.5em 0.5em;
285) }
286) 
287) tr.odd {
288)   background: #eee;
289) }
290) 

291) td {
292)         border: 1px solid black;
293)         padding: 0.5em;
294) }
295) 
296) th {
297)   padding: 0px 1em;
298) }
299) 
300) a {
301)   text-decoration: none;

302)   /*font-weight: bold;*/
303)   color: #425d6c;

304) 
305) }
306) 
307) a:hover {
308)   text-decoration: underline;
309) }