You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

default.css 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. @import url(calendar.css);
  2. body {
  3. background: #ffffff;
  4. color: #000000;
  5. font-family: "BitStream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
  6. font-size: 11px;
  7. font-weight: normal;
  8. text-align: left;
  9. }
  10. #container {
  11. width:970px;
  12. margin:auto;
  13. }
  14. a {
  15. text-decoration: none;
  16. color: #888888;
  17. }
  18. a:hover {
  19. text-decoration: underline;
  20. color: #888888;
  21. }
  22. a:visited, a:active {
  23. color: #888888;
  24. }
  25. table {
  26. /* border-spacing: 0; */
  27. /* padding: 0; */
  28. border-collapse: collapse; /* for IE */
  29. text-align: left;
  30. }
  31. input, .button, textarea {
  32. padding: 6px;
  33. }
  34. input, .button, textarea, select {
  35. font-family: "BitStream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
  36. font-size: 13px;
  37. }
  38. .readonly {
  39. background:#eee;
  40. }
  41. .button {
  42. border: 1px solid #aaaaaa;
  43. color: #777777;
  44. background: #dddddd;
  45. padding: 3px 3px 3px 3px;
  46. }
  47. .button:hover, .button:focus {
  48. background: #eee;
  49. color: #666;
  50. text-decoration:none;
  51. }
  52. .flat {
  53. border: 1px solid #888888;
  54. }
  55. ul.flash-info {
  56. border:2px solid #AFE1A6; /* medium green */
  57. padding:1em;
  58. max-width:970px;
  59. margin-left:auto;
  60. margin-right:auto;
  61. list-style:none;
  62. }
  63. ul.flash-error {
  64. border:2px solid #FF6347; /* tomato */
  65. padding:1em;
  66. max-width:970px;
  67. margin-left:auto;
  68. margin-right:auto;
  69. list-style:none;
  70. }
  71. .error_msg {
  72. color: #d01313;
  73. }
  74. #motd {
  75. color: maroon;
  76. padding-top:2em;
  77. }
  78. .standout {
  79. color: maroon;
  80. padding: 3px 3px 3px 3px;
  81. text-align: center;
  82. }
  83. #login_header, #login, #main_menu, #overview,
  84. #admin_domains, #admin_virtual, .nav_bar, #alias_domain_table,
  85. #alias_table, #mailbox_table, #overview_table, #log_table,
  86. #admin_table, #footer, .subnav {
  87. width: 990px;
  88. margin: 0 auto;
  89. }
  90. #login_header {
  91. padding-bottom: 10px;
  92. text-align: left;
  93. }
  94. #login {
  95. width: 990px;
  96. margin: 0 auto;
  97. background: url(../images/mail_bg.gif) right 50% no-repeat;
  98. }
  99. #login_table {
  100. border-left: none;
  101. border-right: 1px solid #999;
  102. width: 400px;
  103. margin: 0 0 0 200px;
  104. border-collapse: separate;
  105. border-spacing: 10px;
  106. }
  107. #login_table h4 {
  108. font-size: 13px;
  109. }
  110. #menu, #tabbar {
  111. text-align:center;
  112. float:left;
  113. width:100%;
  114. margin: 0 auto;
  115. padding-top: 10px;
  116. white-space: nowrap;
  117. }
  118. #menu ul, #tabbar ul {
  119. padding: 0;
  120. margin: 0;
  121. margin-left:auto;
  122. margin-right:auto;
  123. list-style: none;
  124. text-align: center;
  125. position:relative;
  126. width:990px;
  127. float:left;
  128. }
  129. #menu li, #tabbar li {
  130. float: left;
  131. background: #efefef;
  132. margin-right: 3px;
  133. border-top: 4px solid #aaaaaa;
  134. position:relative;
  135. }
  136. #menu li:hover, #menu li.sfhover, #tabbar li:hover, #tabbar li.sfhover {
  137. background: #ccc;
  138. }
  139. #menu li ul, #tabbar li ul {
  140. position: absolute;
  141. width: auto;
  142. left: -999em;
  143. right:auto;
  144. background: #FFFFFF;
  145. color: #999999;
  146. border:2px solid white;
  147. border-top:none;
  148. z-index:101;
  149. }
  150. #menu li:hover ul, #menu li.sfhover ul, #tabbar li:hover ul, #tabbar li.sfhover ul {
  151. left: auto;
  152. }
  153. #menu li ul li, #tabbar li ul li {
  154. float: none;
  155. margin-right: 0px;
  156. border-top:2px solid white;
  157. text-align:left;
  158. right:auto;
  159. }
  160. #menu a, #tabbar a {
  161. display: block;
  162. width: auto;
  163. padding: 20px 5px 5px 5px;
  164. }
  165. #menu a, #tabbar a, #menu a:hover, #tabbar a:hover {
  166. color: #888888;
  167. }
  168. #menu li ul li a, #tabbar li ul li a {
  169. padding: 5px 5px 5px 5px;
  170. }
  171. .subnav p {
  172. padding-left:10px;
  173. margin-top:2em;
  174. margin-bottom:0;
  175. font-size:12px;
  176. }
  177. #edit_form table {
  178. margin: 0 50px;
  179. padding-top: 10px;
  180. text-align: left;
  181. }
  182. #edit_form th {
  183. text-align: left;
  184. font-size: 12px;
  185. margin: 0;
  186. line-height: 25px;
  187. }
  188. .hlp_center {
  189. text-align: center;
  190. }
  191. .help_text {
  192. text-align: center;
  193. padding-top: 5px;
  194. padding-bottom: 5px;
  195. }
  196. #main_menu table {
  197. margin: 0 0;
  198. text-align: left;
  199. padding-top: 20px;
  200. padding-bottom: 20px;
  201. }
  202. #main_menu table td {
  203. padding-left: 30px;
  204. padding-bottom: 5px;
  205. }
  206. #main_menu a {
  207. padding-left: 8px;
  208. }
  209. #main_menu a:hover {
  210. color: #333;
  211. text-decoration: none;
  212. padding-left: 4px;
  213. border-bottom: none;
  214. border-left: 4px solid #333;
  215. }
  216. #overview h4, #overview P, #overview FORM, #admin_virtual h4, #admin_virtual P, #admin_virtual FORM {
  217. display: inline;
  218. padding-right: 10px;
  219. line-height: 30px;
  220. }
  221. #alias_domain_table .header, #alias_table .header, #mailbox_table .header, #overview_table .header, #log_table .header, #admin_table .header {
  222. line-height: 20px;
  223. background: #efefef;
  224. color: black;
  225. }
  226. #alias_domain_table h3, #alias_table h3, #mailbox_table h3, #overview_table h3, #log_table h3, #admin_table h3 {
  227. text-align: left;
  228. font-size: 12px;
  229. font-weight: bold;
  230. padding-left: 20px;
  231. line-height: 25px;
  232. margin: 0;
  233. }
  234. #alias_domain_table .hilightoff, #alias_table .hilightoff, #mailbox_table .hilightoff, #overview_table .hilightoff, #log_table .hilightoff, #admin_table .hilighoff {
  235. background: white;
  236. }
  237. #alias_domain_table .hilighton, #alias_table .hilighton, #mailbox_table .hilighton, #overview_table .hilighton, #log_table .hilighton, #admin_table .hilighton {
  238. background: #eee; /*#D6FF85;*/ /*#ffdddd;*/
  239. }
  240. #alias_domain_table tr:hover, #alias_table tr:hover, #mailbox_table tr:hover, #overview_table tr:hover, #log_table tr:hover, #admin_table tr:hover {
  241. background: #eee; /*#D6FF85;*/ /*#ffdddd;*/
  242. }
  243. th {
  244. text-align: center;
  245. padding:7px 0;
  246. margin: 0 0 14px 0;
  247. border-bottom: 1px solid #bbb;
  248. color: #555555;
  249. }
  250. td {
  251. padding:7px 7px;
  252. }
  253. td.label {
  254. text-align:right;
  255. margin-right:0px;
  256. }
  257. label {
  258. padding-right:0;
  259. font-weight:bold;
  260. vertical-align:middle;
  261. }
  262. #alias_domain_table td, #alias_table td, #mailbox_table td, #overview_table td, #log_table td, #admin_table td {
  263. text-align: left;
  264. }
  265. #footer {
  266. width:975px;
  267. margin: 20px auto;
  268. border-top: 1px solid #bbbbbb;
  269. background: #efefef;
  270. color: #999999;
  271. line-height: 20px;
  272. text-align: left;
  273. padding-left: 15px;
  274. font-size: 9px;
  275. }
  276. #footer a {
  277. text-decoration: none;
  278. color: #999999;
  279. }
  280. #footer a:hover {
  281. text-decoration: underline;
  282. color: #777777;
  283. }
  284. div.setup {
  285. width:700px;
  286. margin-left:auto;
  287. margin-right:auto;
  288. text-align: left;
  289. }
  290. div.setup li {
  291. padding-bottom:1em;
  292. }
  293. .searchresult {
  294. background:lightgreen;
  295. }
  296. span.active {
  297. font-weight:bold;
  298. }
  299. div.nav_bar {
  300. text-align: left;
  301. }
  302. .quota {
  303. z-index:99;
  304. height:14px;
  305. position: absolute;
  306. }
  307. .quota_text {
  308. z-index:100;
  309. text-align: center;
  310. font-size: 10px;
  311. color: #666;
  312. cursor: default;
  313. position: absolute;
  314. width:120px;
  315. height:14px;
  316. margin-top:-14px;
  317. }
  318. .quota_bg { background-color: white; z-index:98; width:120px; height:14px;margin-top:-1px;margin-left:-1px; border: 1px solid #999;}
  319. .quota_no_border { border:none; margin:0; }
  320. .quota_high { background: url(../images/quota-colors.png) repeat-x 0 -28px #f90509; }
  321. .quota_mid { background: url(../images/quota-colors.png) repeat-x 0 -14px #e3e909; }
  322. .quota_low { background: url(../images/quota-colors.png) repeat-x 0 0px #05f905; }
  323. .quota_text_high { color: white; }
  324. .quota_text_mid { color: #666; }
  325. .quota_text_low { color: #666; }