568 lines
8.6 KiB
CSS
568 lines
8.6 KiB
CSS
html, body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
body {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
color: #000000;
|
|
background-color: #B2CFE4;
|
|
}
|
|
|
|
body.light {
|
|
background-color: #F0F0F4;
|
|
}
|
|
|
|
.hlp {
|
|
font-family: Helvetica, Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
color: #202020;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
color: #000000;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
th {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
color: black;
|
|
background: #B2CFE4;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 23px;
|
|
font-weight: normal;
|
|
color: #444;
|
|
text-align: left;
|
|
padding: 11px;
|
|
padding-left: 0;
|
|
margin: 0px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.trbtn {
|
|
text-align: right;
|
|
}
|
|
|
|
h4 {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #007777
|
|
}
|
|
|
|
hr {
|
|
/*color: #007799;*/
|
|
height: 1px;
|
|
/*border: 1px solid #007799;*/
|
|
border: 1px solid #555;
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #555;
|
|
}
|
|
|
|
.inp {
|
|
/* Should not be use anymore !!! */
|
|
border-color: blue;
|
|
border-width: 5px;
|
|
background-color: #500000;
|
|
color: white;
|
|
}
|
|
|
|
.inc, .inl {
|
|
border: 1px solid black;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
border-style: none;
|
|
color: black;
|
|
background: white;
|
|
}
|
|
|
|
.inb {
|
|
border: 1px solid #999;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
padding: 4px;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
color: black;
|
|
background-color: #CFE3F1;
|
|
cursor: pointer;
|
|
margin-right: 4px;
|
|
}
|
|
.inb:hover {
|
|
background-color: #BFD3E1;
|
|
}
|
|
|
|
input.ina:hover, input.ina, input.inav, input.inav:hover {
|
|
border: 1px solid #999;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
cursor: pointer;
|
|
/*float: right;*/
|
|
}
|
|
input.ina, .ina a {
|
|
background-color: #F1F8FD;
|
|
}
|
|
input.ina:hover, .ina a:hover,
|
|
input.inav, .inav a {
|
|
background-color: #CFE3F1;
|
|
}
|
|
input.inav:hover, .inav a:hover, a.inav:hover {
|
|
background-color: #F1F8FD;
|
|
}
|
|
|
|
.ina-active a, a.ina-active, input.ina-active {
|
|
background-color: #C1FFCD;
|
|
}
|
|
|
|
.ina a, a.ina, .inav a, a.inav {
|
|
color: black;
|
|
white-space: nowrap;
|
|
border: 1px solid #999;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
padding: 4px 10px;
|
|
color: black;
|
|
cursor: pointer;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
input[type=button],
|
|
input[type=submit] {
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.ina a:hover, a.ina:hover, .inav a:hover, a.inav:hover {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
.ina img, .ina img {
|
|
vertical-align: middle;
|
|
padding: 2px;
|
|
}
|
|
.bff {
|
|
border: 1px solid #999;
|
|
background-color: #F1F8FD;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
padding-left: 2px;
|
|
padding-right: 4px;
|
|
color: black;
|
|
cursor: pointer;
|
|
}
|
|
.int {
|
|
border: 1px dotted black;
|
|
background-color: white;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
padding: 2px;
|
|
}
|
|
.intleft {
|
|
border-right: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.intright {
|
|
border-left: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.lst2 {
|
|
/*background-color: #F1F8FD;*/
|
|
background-color: #E7F0F9;
|
|
}
|
|
.lst1 {
|
|
background-color: #CFE3F1;
|
|
}
|
|
|
|
.dlogin {
|
|
text-align: center;
|
|
}
|
|
|
|
.login {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
img {
|
|
border: 0px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.error {
|
|
color: #800;
|
|
font-weight: bold;
|
|
background-color: #FFEEDD;
|
|
border: 1px solid #CC9966;
|
|
padding: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Over quota class */
|
|
.over {
|
|
color: red;
|
|
}
|
|
|
|
.code {
|
|
font-size: 16px;
|
|
font-family: Courier New, Fixed;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
#global {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
width: 1020px;
|
|
border: 1px solid #888;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
box-shadow: 1px 1px 15px #555;
|
|
background-color: #F0F0F4;
|
|
}
|
|
|
|
/* Main container */
|
|
|
|
#tdMenu, #tdContent {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#tdMenu {
|
|
border-right: 1px solid #888;
|
|
padding: 0;
|
|
}
|
|
|
|
#content {
|
|
display: block;
|
|
width: 770px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Menu */
|
|
|
|
#menu {
|
|
display: block;
|
|
float: left;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
width: 200px;
|
|
padding-right: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
background-color: #EEE;
|
|
border-radius: 10px 0 0 10px;
|
|
-webkit-border-radius: 10px 0 0 10px;
|
|
-moz-border-radius: 10px 0 0 10px;
|
|
}
|
|
|
|
.menu-box {
|
|
margin-bottom: 10px;
|
|
font-size: 11px;
|
|
background-color: #F4F4FA;
|
|
box-shadow: 1px 1px 5px #555;
|
|
border-radius: 4px 4px 0 0;
|
|
-webkit-border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
.menu-box .menu-title {
|
|
color: #000000;
|
|
border-bottom: 2px solid #AAA;
|
|
background-color: #CFE3F1;
|
|
padding: 3px;
|
|
-webkit-border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
.menu-box a .menu-title {
|
|
}
|
|
|
|
.menu-box .menu-conmargin: {
|
|
margin: 0 5px 5px 5px;
|
|
}
|
|
|
|
.menu-box ul {
|
|
margin: 0px;
|
|
padding: 5px 0 5px 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.menu-box li {
|
|
}
|
|
|
|
.menu-box a {
|
|
text-decoration: none;
|
|
color: #0D5689;
|
|
}
|
|
|
|
.menu-box a:hover,
|
|
.menu-box a:hover .menu-title {
|
|
text-decoration: none;
|
|
background-color: #DFEEF8;
|
|
}
|
|
|
|
.menu-box li a {
|
|
display: block;
|
|
padding: 5px 5px 5px 10px;
|
|
color: #0D5689;
|
|
text-decoration: none;
|
|
border: 1px solid transparent;
|
|
border-width: 1px 0;
|
|
line-height: 0.75em;
|
|
height: 10px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis; /* Opera 9*/
|
|
}
|
|
|
|
.menu-box li a img {
|
|
float: left;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
top: -3px;
|
|
position: relative;
|
|
}
|
|
|
|
.menu-box li a:hover {
|
|
color: #000000;
|
|
border: 1px solid #C1D8E9;
|
|
border-width: 1px 0;
|
|
text-decoration: none;
|
|
background-color: #DFEEF8;
|
|
}
|
|
|
|
.menu-box .full {
|
|
color: red;
|
|
}
|
|
|
|
/* Bars */
|
|
|
|
.barempty {
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
height: 8px;
|
|
-webkit-border-radius:4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.barfill {
|
|
float: left;
|
|
background-color: red;
|
|
height: 8px;
|
|
}
|
|
|
|
/* Infos */
|
|
#recap table {
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
table.searchtable {
|
|
width: 700px;
|
|
border: 1px dotted #99f;
|
|
margin: 20px 0 20px 0px;
|
|
}
|
|
|
|
table.searchtable td {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Others */
|
|
.center {
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #0D5689;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
color: #000000;
|
|
}
|
|
|
|
.border {
|
|
border: 1px solid #C0DCF0;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
#sendthisfile {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.breadcrumb {
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
#newdomwww, #sub, #usernpfx, #dbnpfx {
|
|
border-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
#newdomain, #newsubname, #usern, #dbn {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
#create_dom_list_pfx {
|
|
border-right: 0;
|
|
padding: 3px;
|
|
}
|
|
#create_dom_list {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
|
|
input#email {
|
|
border-right: 0;
|
|
padding-right: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
span#emaildom {
|
|
border-left: 0;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.tedit {
|
|
border: 1px solid #aaa;
|
|
padding: 6px;
|
|
margin: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
.tedit td, .tedit th {
|
|
border: 1px solid #aaa;
|
|
padding: 10px;
|
|
margin: 0;
|
|
}
|
|
|
|
.formcell {
|
|
vertical-align: top;
|
|
border: 1px solid #aaa;
|
|
padding: 10px;
|
|
}
|
|
|
|
.tlist, .tlist td, .tlist th,
|
|
.tlist2, .tlist2 td, .tlist2 th {
|
|
padding: 4px;
|
|
margin: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.tlist {
|
|
width: 100%;
|
|
border: 1px solid #C1D8E9;
|
|
}
|
|
|
|
.tlistb, .tlistb td, .tlistb th {
|
|
padding: 4px;
|
|
margin: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.tlistb, .tlistb tr {
|
|
border: solid 1px #C1D8E9;
|
|
}
|
|
|
|
.tlist tr:hover, .tlist2 tr:hover {
|
|
background-color: #F1D5CF;
|
|
}
|
|
|
|
.tlist th, .tlist2 th {
|
|
font-size: 125%;
|
|
}
|
|
|
|
input#dir, input#sub_local {
|
|
width: 200px;
|
|
}
|
|
|
|
.warningmsg {
|
|
width: 500px;
|
|
}
|
|
|
|
#mx {
|
|
width: 300px;
|
|
}
|
|
|
|
#admlistbtn {
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.advdom {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.grey, .grey td {
|
|
color: #999;
|
|
}
|
|
|
|
.retour-auto {
|
|
max-width:220px;
|
|
word-wrap:break-word;
|
|
}
|
|
|
|
.menutoplogo {
|
|
margin: 10px 0 0 5px;
|
|
width: 190px;
|
|
}
|
|
|
|
.currentuser {
|
|
margin: 5px 5px 10px 5px;
|
|
color:#444;
|
|
}
|
|
|
|
.adminmenu {
|
|
color: #800;
|
|
}
|
|
|
|
.menu-quota dd {
|
|
margin: 5px 5px 5px 10px;
|
|
}
|
|
|
|
.menu-quota div.progress-bar {
|
|
width: 180px;
|
|
background: #fff;
|
|
border: solid 1px #CACACA;
|
|
padding-bottom
|
|
}
|