Files
VestaCP/web/templates/header.html

573 lines
11 KiB
HTML
Raw Normal View History

2012-05-15 15:51:43 +03:00
<html>
<head>
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
<title>Vesta - <?php echo "$TAB"; ?> </title>
<style type="text/css">
img {
border: none;
}
body {
margin: 0;
margin-left: auto;
margin-right: auto;
background-image: url(/images/b.png);
2012-05-15 15:59:41 +03:00
behavior: url(/css/csshover3.htc)
2012-05-15 15:51:43 +03:00
}
.main {
background: #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
box-shadow: 0 0 8px 8px #d7d7d7;
<?php
if (!empty($_SESSION['look'])) {
echo " border-left: 2px solid #f79b44;";
echo " border-right: 2px solid #f79b44;";
}
?>
2012-05-20 18:23:49 +03:00
}
2012-05-15 15:51:43 +03:00
.top {
2012-06-08 00:36:05 +03:00
background: #555;
2012-06-07 00:09:28 +03:00
color: #cce4f0;
2012-05-15 15:51:43 +03:00
padding: 0 10 0 0;
margin-left: auto;
margin-right: auto;
width: 990px;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 10pt;
text-align: right;
2012-06-06 16:09:23 +03:00
line-height: 1.2em;
2012-05-15 15:51:43 +03:00
}
.top-link {
2012-06-06 11:30:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
text-decoration: none;
2012-06-08 00:36:05 +03:00
color: #e6e6e6;
2012-05-15 15:51:43 +03:00
}
.top-link:visited {
text-decoration: none;
2012-06-08 00:36:05 +03:00
color: #e6e6e6;
2012-05-15 15:51:43 +03:00
}
.top-link:hover {
text-decoration: underline;
color: white;
}
.top-link:active{
text-decoration: underline;
2012-06-07 00:09:28 +03:00
color: #f5edb6;
2012-05-15 15:51:43 +03:00
}
.top-slink {
text-decoration: none;
2012-06-07 00:09:28 +03:00
color: #f5edb6;
2012-05-15 15:51:43 +03:00
}
.bottom {
background: #ebe9dc;
color: #777;
margin: 30 0 0 0;
padding: 4 20 8 0;
margin-left: auto;
margin-right: auto;
width: 990px;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 8pt;
text-align: center;
vertical-align:top;
line-height: 0.8em;
border-top: 4px solid #d6d4c9;
}
.bottom a:link {
2012-06-06 11:30:24 +03:00
font-size: 8pt;
2012-05-15 15:51:43 +03:00
text-decoration: none;
2012-06-06 11:30:24 +03:00
color: #777;
2012-05-15 15:51:43 +03:00
}
.bottom a:visited {
text-decoration: none;
2012-06-06 11:30:24 +03:00
color: #777;
2012-05-15 15:51:43 +03:00
}
.bottom a:hover {
text-decoration: underline;
color: #333;
}
.nav {
2012-06-07 00:09:28 +03:00
background: #ebe9dc;
2012-05-15 15:51:43 +03:00
margin-left: auto;
margin-right: auto;
width: 990px;
text-align: left;
vertical-align:top;
padding: 0;
2012-06-30 00:37:17 +03:00
border-bottom: 8px solid #F7F6ED;
2012-05-15 15:51:43 +03:00
}
.nav td {
text-align: left;
vertical-align:top;
margin: 0;
padding: 0;
}
#nav-block {
padding: 0;
float: left;
}
#nav-block ul {
margin-top: 0;
}
#nav-block li {
display: inline;
list-style: none outside none;
float: left;
height: 102px;
width: 95px;
padding: 20px 0 2px 15px;
line-height: 1.0em;
2012-06-06 16:09:23 +03:00
2012-05-15 15:51:43 +03:00
font-size: 9pt;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
color: #2d2d2d;
background: url(/images/transparent-image.png) no-repeat;
}
#nav-block li:first-child {
margin-left:-10px
}
#nav-block li:hover {
background: #f6f6f6;
color: black;
}
.nav-link {
2012-06-06 16:09:23 +03:00
letter-spacing: -1.2px;
2012-06-06 11:30:24 +03:00
font-size: 16pt;
2012-06-08 00:36:05 +03:00
color: #555;
2012-06-06 11:30:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
text-decoration: none;
}
.nav-link:hover {
text-decoration: underline;
}
.nav-link:active {
color: #68797d;
text-decoration: underline;
}
.nav-slink {
2012-06-06 16:09:23 +03:00
letter-spacing: -1.2px;
2012-06-06 11:30:24 +03:00
font-size: 16pt;
2012-06-07 00:09:28 +03:00
color: #8B99A2;
2012-06-06 11:30:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
text-decoration: none;
}
.sub-menu {
margin-left: auto;
margin-right: auto;
width: 990px;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 10pt;
text-align: left;
vertical-align:top;
padding: 10px 10px 16px 0;
}
2012-06-06 16:09:23 +03:00
.select-controls {
color: #6A6A6A;
font-size: 8pt;
font-family: Arial, sans-serif;
letter-spacing: 0.1em;
text-decoration: none;
}
.select-controls:hover {
text-decoration: underline;
}
2012-05-15 15:51:43 +03:00
.add {
padding: 0 8px 0 3px;
margin: 0;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
text-decoration: none;
2012-06-06 11:30:24 +03:00
color: #8B99A2;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
}
.add:hover {
text-decoration: underline;
}
.add:active {
2012-06-06 11:30:24 +03:00
color: #34536A;
2012-05-15 15:51:43 +03:00
}
.counters {
line-height: 1.4em;
font-size: 9pt;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
color: #2d2d2d;
padding: 6px 0 0 0;
margin: 0;
height:73px;
}
.hostname {
font-size: 8pt;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
text-align: left;
padding: 0 5;
color: #cccccc;
}
.data {
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
width: 990px;
2012-05-20 18:23:49 +03:00
color: #e5a907;
2012-06-06 00:58:24 +03:00
font-family: Arial, serif;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
text-align: left;
vertical-align:top;
margin: 0;
}
.data-row:hover {
margin: 0;
background-color: #f7f6ed;
}
2012-06-30 21:55:06 +03:00
.data-null {
margin: 0;
width: 990px;
height: 10px;
border-top:1px dotted #dce8f5;
}
.data-spacer {
margin: 0;
width: 990px;
}
2012-05-15 15:51:43 +03:00
.data-add {
margin: 0;
background-color: #f7f6ed;
}
.data-dotted {
text-align: left;
vertical-align:top;
border-top:1px dotted #dce8f5;
padding: 0 0 26px 0;
margin: 0;
}
.data-dotted td {
margin: 0;
}
.data-col1 {
text-align: left;
padding: 0;
}
.data-col2 {
text-align: left;
padding: 0;
overflow: hidden;
}
.data-col5 {
table-layout: fixed;
text-align: left;
padding: 0;
overflow: hidden;
white-space: nowrap;
}
.data-date {
padding: 0 0 0 18;
letter-spacing: 0.3em;
font-size: 8pt;
font-family: Tahoma;
color: #6A6A6A
}
.data-active {
font-size: 8pt;
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-15 15:51:43 +03:00
letter-spacing: 0.1em;
2012-06-07 00:09:28 +03:00
color: #9ba68c;
2012-05-15 15:51:43 +03:00
padding: 0 0 13 18;
}
.data-suspended {
font-size: 8pt;
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-15 15:51:43 +03:00
letter-spacing: 0.1em;
color: #de6c5d;
padding: 0 0 13 18;
}
.data-controls {
border-left: 1px solid #E6E6E6;
font-size: 8pt;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
padding: 2 5 0 5;
letter-spacing: 0.1em;
}
.data-controls:hover {
background: #f79b44;
}
.data-controls a:link {
color: #34536A;
text-decoration: none;
}
.data-controls a:visited {
color: #34536A;
text-decoration: none;
}
.data-controls a:hover {
color: #ffffff;
text-decoration: none;
}
.data-controls a:active {
color: #433832;
text-decoration: none;
}
2012-05-20 18:23:49 +03:00
.data-count {
2012-06-06 11:30:24 +03:00
background: #ebe9dc;
2012-06-07 00:09:28 +03:00
color: #555;
font-size: 10pt;
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-20 18:23:49 +03:00
margin: 22px 0 0 0;
2012-05-21 15:29:08 +03:00
padding: 0 12px 0 163px;
2012-05-20 18:23:49 +03:00
}
2012-05-15 15:51:43 +03:00
.chart1 {
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 10pt;
}
.chart2 {
color: #484243;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 8pt;
}
.username {
2012-06-06 00:58:24 +03:00
color: #555555;
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 16pt;
line-height: 0.8em;
}
.domain {
2012-06-06 00:58:24 +03:00
color: #555555;
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 16pt;
line-height: 0.8em;
}
.cron {
2012-06-06 00:58:24 +03:00
color: #555555;
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 14pt;
}
.log {
2012-06-06 00:58:24 +03:00
color: #555555;
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
}
.aliases {
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
2012-06-12 12:55:54 +03:00
color: #99a7af;
2012-05-15 15:51:43 +03:00
padding: 0 0 0 8px;
}
.nginx-ext {
color: black;
vertical-align:top;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 10pt;
}
.fullname {
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-15 15:51:43 +03:00
font-size: 14pt;
2012-06-12 12:55:54 +03:00
color: #99a7af;
2012-05-15 15:51:43 +03:00
padding: 0 0 0 8px;
}
.counter-name {
vertical-align:top;
2012-06-05 14:09:56 +03:00
line-height: 1.2em;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 10pt;
color: #484243;
2012-06-19 14:04:11 +03:00
color: #5c5455;
2012-05-15 15:51:43 +03:00
}
.cron-counter-name {
vertical-align:top;
line-height: 0.8em;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 8pt;
padding: 4 0 0 0;
color: #484243;
2012-06-20 16:58:16 +03:00
color: #5c5455;
2012-05-15 15:51:43 +03:00
}
.counter-value {
vertical-align:top;
line-height: 1.2em;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 10pt;
color: black;
}
.log-counter-value {
vertical-align:top;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
color: #484243;
}
.cron-counter-value {
vertical-align:top;
line-height: 1.2em;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
color: #484243;
}
.add-name {
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-06-06 11:30:24 +03:00
font-size: 16pt;
2012-06-08 00:36:05 +03:00
color: #777;
2012-05-15 15:51:43 +03:00
padding: 0 0 0 28px;
}
2012-05-18 17:08:38 +03:00
.add-ok {
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-18 17:08:38 +03:00
font-size: 14pt;
color: #80C376;
padding: 0 0 0 6px;
}
2012-05-15 15:51:43 +03:00
.add-error {
2012-06-06 00:58:24 +03:00
font-family: Arial;
2012-05-15 15:51:43 +03:00
font-size: 14pt;
color: #de6c5d;
padding: 0 0 0 6px;
}
.add-text {
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
font-size: 12pt;
}
2012-06-05 14:09:56 +03:00
.add-textinput {
2012-06-30 00:37:17 +03:00
width: 360px;
2012-06-05 14:09:56 +03:00
height: 120px;
padding: 4px;
font-size: 12pt;
color: #555;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-06-05 14:09:56 +03:00
}
2012-05-15 15:51:43 +03:00
.add-input {
2012-06-30 00:37:17 +03:00
width: 360px;
2012-05-22 14:58:01 +03:00
padding: 4px;
2012-05-15 15:51:43 +03:00
font-size: 14pt;
color: #555;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-15 15:51:43 +03:00
}
.add-list {
padding: 4px;
font-size: 12pt;
color: #555;
}
2012-05-28 18:19:49 +03:00
.add-checkbox {
padding: 4px;
font-size: 12pt;
}
2012-05-15 15:51:43 +03:00
.add-button {
padding: 4px;
margin: 0 6px 0 0;
font-size: 12pt;
2012-05-18 17:08:38 +03:00
}
2012-05-15 15:51:43 +03:00
2012-05-18 17:08:38 +03:00
.genpass {
color: #34536A;
font-size: 8pt;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-18 17:08:38 +03:00
padding: 0 5px 0 8px;
letter-spacing: 0.1em;
2012-06-05 14:09:56 +03:00
text-decoration: underline;
2012-05-18 17:08:38 +03:00
}
.genpass:hover {
2012-06-07 00:09:28 +03:00
color: #9ba68c;
2012-05-15 15:51:43 +03:00
}
2012-05-28 18:19:49 +03:00
.add-advanced {
color: #34536A;
font-size: 10pt;
2012-06-06 00:58:24 +03:00
font-family: Arial, sans-serif;
2012-05-28 18:19:49 +03:00
letter-spacing: 0.1em;
}
.add-advanced:hover {
2012-06-07 00:09:28 +03:00
color: #9ba68c;
2012-05-28 18:19:49 +03:00
}
2012-05-15 15:51:43 +03:00
</style>
<link type="text/css" href="/css/jquery-custom-dialogs.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
<script language="JavaScript">
2012-06-06 16:09:23 +03:00
var checked=false;
var frmname='';
function checkedAll(frmname) {
var valus= document.getElementById(frmname);
if (checked==false) {
checked=true;
} else {
checked = false;
2012-05-15 15:51:43 +03:00
}
2012-06-06 16:09:23 +03:00
for (var i =0; i < valus.elements.length; i++) {
valus.elements[i].checked=checked;
}
}
2012-05-15 15:51:43 +03:00
</script>
</head>
<body>
<center>