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

256 lines
3.2 KiB
CSS

html, body
{
font-family: 'Open Sans', sans-serif;
background-color: #E4EAEA;
}
h1, h2, h3, h4, h5
{
margin: 0px;
color: #343352;
}
h1
{
margin-bottom: 7px;
}
h2
{
margin-bottom: 9px;
}
h3
{
font-size: 20px;
}
p
{
margin: 5px 0px;
}
table
{
}
th
{
text-align: left;
}
table.vpsinfo td
{
padding: 2px 13px;
}
.clear
{
clear: both;
}
.wrapper
{
width: 900px;
margin: 0px auto;
}
.header
{
font-size: 40px;
font-weight: bold;
}
.main
{
position: relative;
background-color: #F1F1F1;
padding: 9px 13px;
border: 2px solid #817F9D;
padding-left: 225px;
min-height: 400px;
}
.sidebar
{
position: absolute;
top: 16px;
left: 8px;
width: 200px;
background-color: #DCDCDC;
}
.sidebar a.button
{
display: block;
padding: 5px 8px;
text-decoration: none;
color: #343352;
font-size: 18px;
font-weight: bold;
padding-left: 30px;
background-repeat: no-repeat;
background-position: 8px 10px;
}
.sidebar a.button:hover
{
background-color: #CDCCDE;
}
#button_overview
{
background-image: url(../images/icon_overview.png);
}
#button_statistics
{
background-image: url(../images/icon_statistics.png);
}
#button_webshell
{
background-image: url(../images/icon_webshell.png);
}
#button_ip
{
background-image: url(../images/icon_ip.png);
}
#button_reinstall
{
background-image: url(../images/icon_reinstall.png);
}
#button_backup
{
background-image: url(../images/icon_backup.png);
}
#button_api
{
background-image: url(../images/icon_api.png);
}
#button_alerts
{
background-image: url(../images/icon_alerts.png);
}
.quota-item
{
float: left;
width: 203px;
margin-right: 23px;
margin-bottom: 10px;
}
.quota-bar
{
position: relative;
border: 1px solid #343352;
width: 100%;
height: 18px;
}
.quota-bar-inner
{
background-color: #12005E;
height: 100%;
}
.quota-bar-label
{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
font-size: 13px;
font-weight: bold;
color: white;
padding-left: 5px;
text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673;
-webkit-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673;
-moz-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673;
-o-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673;
-ms-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673;
}
.quota-item.wide
{
width: 316px;
}
.quota-item.last
{
margin-right: 0px;
}
.quota
{
margin-bottom: 19px;
}
.infobox
{
border: 1px solid #B0B0B0;
background-color: #EDEDED;
padding: 6px 9px;
}
.controlbox
{
margin-bottom: 23px;
}
.controlbutton
{
border: 2px solid #343352;
font-size: 24px;
color: #343352;
text-align: center;
font-weight: bold;
float: left;
text-decoration: none;
padding: 9px;
margin-right: 12px;
width: 189px;
}
.controlbutton.last
{
margin-right: 0px;
}
.controlbutton img
{
display: block;
margin: 0px auto;
}
.controlbutton:hover
{
background-color: #CDD0E1;
}
.online
{
color: #078812;
font-weight: bold;
}
.offline
{
color: #A7101C;
font-weight: bold;
}
.suspended
{
color: #5B5F6B;
font-weight: bold;
}