mirror of
https://github.com/serghey-rodin/vesta.git
synced 2026-09-10 00:39:28 +02:00
557 lines
21 KiB
HTML
557 lines
21 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
|
||
|
||
<head>
|
||
<title>Vesta | Web domain</title>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta http-equiv="imagetoolbar" content="false" />
|
||
|
||
<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
|
||
<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
|
||
|
||
<!--[if lt IE 8]>
|
||
<link rel="stylesheet" type="text/css" href="css/ie.css" />
|
||
<![endif]-->
|
||
|
||
<script type="text/javascript" src="js/custom-form-elements.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="page">
|
||
<div class="outer">
|
||
<div id="header">
|
||
<div class="logo-box">
|
||
<h1 class="logo"><a href="#">Vesta panel <span> </span></a></h1>
|
||
</div>
|
||
<ul class="settings">
|
||
<li><a href="#">settings</a></li>
|
||
<li><a href="#">exit</a></li>
|
||
</ul>
|
||
</div>
|
||
<div id="primary-nav-box">
|
||
<ul class="primary-nav cc">
|
||
<li class="section">
|
||
<div class="section-inner">
|
||
<dl class="users-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">Users</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">386 users</span>
|
||
<span class="def">7 blocked</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
<li class="section active">
|
||
<div class="section-inner">
|
||
<dl class="domains-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">Web Domain</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">580 domains</span>
|
||
<span class="def">22 out of mem</span>
|
||
<span class="def">3 waiting</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
<li class="section">
|
||
<div class="section-inner">
|
||
<dl class="mail-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">Mail</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">320 domains</span>
|
||
<span class="def">1209 mailboxes</span>
|
||
<span class="def">25 full</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
<li class="section">
|
||
<div class="section-inner">
|
||
<dl class="db-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">DB</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">7 db</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
<li class="section">
|
||
<div class="section-inner">
|
||
<dl class="dns-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">Dns</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">289 records</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
<li class="section">
|
||
<div class="section-inner">
|
||
<dl class="dnstpl-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">IP</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">7 templates</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
<li class="section last-section">
|
||
<div class="section-inner">
|
||
<dl class="cron-nav-item">
|
||
<dt class="section-title cc">
|
||
<span class="to-section">Cron</span>
|
||
<i class="add-entry"> </i>
|
||
</dt>
|
||
<dd class="section-contains">
|
||
<span class="def">15 records</span>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div id="console">
|
||
<div class="b-console">
|
||
<div class="b-console-wrap">
|
||
<form class="b-console-form cc" action="#" method="post">
|
||
<fieldset>
|
||
<input class="b-console-field" type="text" value="/"/>
|
||
<input class="b-console-btn" type="submit" value="Go" />
|
||
</fieldset>
|
||
</form>
|
||
<!-- div class="b-console-statuses">
|
||
<div class="b-console-status cc">
|
||
<p class="b-console-status-message">domain <b>google.com</b> have been added <br />
|
||
Cтиль менеджмента, на первый взгляд, методически оправдывает культурный побочный PR-эффект, осознавая социальную ответственность бизнеса. Исходя из структуры пирамиды Маслоу, рекламное сообщество экономит product placement, невзирая на действия конкурентов. Узнавание бренда слабо транслирует имидж, оптимизируя бюджеты.
|
||
</p>
|
||
<span class="b-console-status-action">cancel</span>
|
||
<i class="b-console-status-arrow"> </i>
|
||
</div>
|
||
</div -->
|
||
</div>
|
||
<div class="b-console-results"></div>
|
||
</div>
|
||
</div>
|
||
<!-- actions toolbar -->
|
||
<div id="actions-toolbar" class="cc">
|
||
<a class="add-btn" href="#"><i class="add-btn-icon"> </i>add web domain</a>
|
||
<span class="select-all">select all</span>
|
||
<span class="clear-selected">Delete selected</span>
|
||
</div><!-- // actions toolbar -->
|
||
<div id="content">
|
||
<!-- additional info block -->
|
||
<div class="b-ext-info-wrap b-ext-info-wrap_collapsed">
|
||
<div class="b-ext-info">
|
||
<p>Механическая природа пододвигается под устойчивый силовой трёхосный гироскопический стабилизатор, что увязывается со структурно-тектонической обстановкой, гидродинамическими условиями и литолого-минералогическим составом пород. Фосфоритообразование методически опускает уходящий огненный пояс, исходя из суммы моментов. Инерциальная навигация, в соответствии с основным законом динамики, представляет собой тальк, пользуясь последними системами уравнений. Имея такие данные, можно сделать существенный вывод о том, что маховик неустойчив.</p>
|
||
</div>
|
||
<div class="b-ext-info-btn"></div>
|
||
</div><!-- // additional info block -->
|
||
<div class="content-inner">
|
||
<div class="domains-list">
|
||
<!-- row 1 -->
|
||
<div class="row first-row domain-details-row">
|
||
<div class="row-actions-box cc">
|
||
<div class="check-this check-control"></div>
|
||
<div class="row-operations">
|
||
<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
|
||
<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
|
||
</div>
|
||
</div>
|
||
<div class="row-meta">
|
||
<div class="entry-created">12.11.2010</div>
|
||
</div>
|
||
<div class="row-details cc">
|
||
<div class="names">
|
||
<strong class="domain-name primary">naumov-socolov.co.uk</strong>
|
||
<span class="alias-title">Alias:</span>
|
||
<span class="domain-name">naumov-socolov.org.ua,</span>
|
||
<span class="domain-name">naumov-socolov.org.md,</span>
|
||
<span class="domain-name">naumov-socolov.to</span>
|
||
</div>
|
||
<div class="props-main">
|
||
<div class="ip-adr-box">
|
||
<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
|
||
<span class="prop-box template-box">
|
||
<span class="prop-title">template:</span>
|
||
<span class="prop-value">default</span>
|
||
</span>
|
||
</div>
|
||
<!-- disk usage block -->
|
||
<div class="b-usage-box disk-usage cc">
|
||
<span class="prop-title">disk usage:</span>
|
||
<div class="usage-box">
|
||
<div class="value-box">
|
||
<span class="value">900</span>
|
||
<div class="graph low">
|
||
<span class="bar" style="width:25%;"></span>
|
||
</div>
|
||
</div>
|
||
<div class="max-size">3 000 <span class="units">Mb</span></div>
|
||
</div>
|
||
</div><!-- // disk usage block -->
|
||
<!-- bandwidth usage block -->
|
||
<div class="b-usage-box bandwidth-box cc">
|
||
<span class="prop-title">bandwidth:</span>
|
||
<div class="usage-box">
|
||
<div class="value-box">
|
||
<span class="value">2572</span>
|
||
<div class="graph low">
|
||
<span class="bar" style="width:30%;"></span>
|
||
</div>
|
||
</div>
|
||
<div class="max-size">5 000 <span class="units">Mb</span></div>
|
||
</div>
|
||
</div><!-- // bandwidth usage block -->
|
||
</div>
|
||
<div class="props-additional">
|
||
<span class="prop-box php-box">
|
||
<span class="prop-title">php:</span>
|
||
<span class="prop-value">cgi</span>
|
||
</span>
|
||
<span class="prop-box cgi-box">
|
||
<span class="prop-title">cgi:</span>
|
||
<span class="prop-value">yes</span>
|
||
</span>
|
||
<span class="prop-box elog-box">
|
||
<span class="prop-title">elog:</span>
|
||
<span class="prop-value">no</span>
|
||
</span>
|
||
<span class="prop-box stats-box">
|
||
<span class="prop-title">stats:</span>
|
||
<span class="prop-value">yes</span>
|
||
<span class="stats-auth stats-auth-on">
|
||
<span class="stats-auth-text">auth</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div class="props-ext">
|
||
<span class="prop-box ssl-box">
|
||
<span class="prop-title">ssl:</span>
|
||
<span class="prop-value">yes</span>
|
||
</span>
|
||
<span class="prop-box nginx-box">
|
||
<span class="prop-title">nginx:</span>
|
||
<span class="prop-value">yes</span>
|
||
<span class="nginx-ext-list">extension list</span>
|
||
</span>
|
||
</div>
|
||
</div><!-- // .row-details -->
|
||
</div><!-- // .row 1 -->
|
||
|
||
<!-- row 2 -->
|
||
<div class="row domain-details-row">
|
||
<div class="row-actions-box cc">
|
||
<div class="check-this check-control"></div>
|
||
<div class="row-operations">
|
||
<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
|
||
<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
|
||
</div>
|
||
</div>
|
||
<div class="row-meta">
|
||
<div class="entry-created">12.11.2010</div>
|
||
</div>
|
||
<div class="row-details cc">
|
||
<div class="names">
|
||
<strong class="domain-name primary">www.baden-wuerttemberg.de</strong>
|
||
<span class="alias-title">Alias:</span>
|
||
<span class="domain-name">mecklenburg-vorpommern.eu,</span>
|
||
<span class="domain-name">www.ostprignitz-ruppin.de,</span>
|
||
<span class="domain-name">potsdam-mittelmark.de,</span>
|
||
<span class="domain-name">maerkisch-oderland.de</span>
|
||
</div>
|
||
<div class="props-main">
|
||
<div class="ip-adr-box">
|
||
<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
|
||
<span class="prop-box template-box">
|
||
<span class="prop-title">template:</span>
|
||
<span class="prop-value">default</span>
|
||
</span>
|
||
</div>
|
||
<!-- disk usage block -->
|
||
<div class="b-usage-box disk-usage cc">
|
||
<span class="prop-title">disk usage:</span>
|
||
<div class="usage-box">
|
||
<div class="value-box">
|
||
<span class="value">1600</span>
|
||
<div class="graph middle">
|
||
<span class="bar" style="width:55%;"></span>
|
||
</div>
|
||
</div>
|
||
<div class="max-size">3 000 <span class="units">Mb</span></div>
|
||
</div>
|
||
</div><!-- // disk usage block -->
|
||
<!-- bandwidth usage block -->
|
||
<div class="b-usage-box bandwidth-box cc">
|
||
<span class="prop-title">bandwidth:</span>
|
||
<div class="usage-box">
|
||
<div class="value-box">
|
||
<span class="value">3800</span>
|
||
<div class="graph middle">
|
||
<span class="bar" style="width:70%;"></span>
|
||
</div>
|
||
</div>
|
||
<div class="max-size">5 000 <span class="units">Mb</span></div>
|
||
</div>
|
||
</div><!-- // bandwidth usage block -->
|
||
</div>
|
||
<div class="props-additional">
|
||
<span class="prop-box php-box">
|
||
<span class="prop-title">php:</span>
|
||
<span class="prop-value">cgi</span>
|
||
</span>
|
||
<span class="prop-box cgi-box">
|
||
<span class="prop-title">cgi:</span>
|
||
<span class="prop-value">yes</span>
|
||
</span>
|
||
<span class="prop-box elog-box">
|
||
<span class="prop-title">elog:</span>
|
||
<span class="prop-value">no</span>
|
||
</span>
|
||
<span class="prop-box stats-box">
|
||
<span class="prop-title">stats:</span>
|
||
<span class="prop-value">yes</span>
|
||
<span class="stats-auth stats-auth-on">
|
||
<span class="stats-auth-text">auth</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div class="props-ext">
|
||
<span class="prop-box ssl-box">
|
||
<span class="prop-title">ssl:</span>
|
||
<span class="prop-value">yes</span>
|
||
</span>
|
||
<span class="prop-box nginx-box">
|
||
<span class="prop-title">nginx:</span>
|
||
<span class="prop-value">yes</span>
|
||
<span class="nginx-ext-list">extension list</span>
|
||
</span>
|
||
</div>
|
||
</div><!-- // .row-details -->
|
||
</div><!-- // .row 2 -->
|
||
|
||
<!-- row 3 -->
|
||
<div class="row domain-details-row">
|
||
<div class="row-actions-box cc">
|
||
<div class="check-this check-control"></div>
|
||
<div class="row-operations">
|
||
<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>
|
||
<span class="delete-entry"><span class="delete-entry-text">delete</span></span>
|
||
</div>
|
||
</div>
|
||
<div class="row-meta">
|
||
<div class="entry-created">25.12.2010</div>
|
||
</div>
|
||
<div class="row-details cc">
|
||
<div class="names">
|
||
<strong class="domain-name primary">www.digital-photography-school.com</strong>
|
||
<span class="alias-title">Alias:</span>
|
||
<span class="domain-name">www.designer-daily.com,</span>
|
||
<span class="domain-name">whatismyipaddress.com,</span>
|
||
<span class="domain-name">theoryandpractice.ru,</span>
|
||
<span class="domain-name">www.the-north-pole.com</span>
|
||
</div>
|
||
<div class="props-main">
|
||
<div class="ip-adr-box">
|
||
<span class="ip-adr">192<span class="dot">.</span>52<span class="dot">.</span>107<span class="dot">.</span>26</span>
|
||
<span class="prop-box template-box">
|
||
<span class="prop-title">template:</span>
|
||
<span class="prop-value">default</span>
|
||
</span>
|
||
</div>
|
||
<!-- disk usage block -->
|
||
<div class="b-usage-box disk-usage cc">
|
||
<span class="prop-title">disk usage:</span>
|
||
<div class="usage-box">
|
||
<div class="value-box">
|
||
<span class="value">2700</span>
|
||
<div class="graph critical">
|
||
<span class="bar" style="width:91%;"></span>
|
||
</div>
|
||
</div>
|
||
<div class="max-size">3 000 <span class="units">Mb</span></div>
|
||
</div>
|
||
</div><!-- // disk usage block -->
|
||
<!-- bandwidth usage block -->
|
||
<div class="b-usage-box bandwidth-box cc">
|
||
<span class="prop-title">bandwidth:</span>
|
||
<div class="usage-box">
|
||
<div class="value-box">
|
||
<span class="value">4980</span>
|
||
<div class="graph critical">
|
||
<span class="bar" style="width:97%;"></span>
|
||
</div>
|
||
</div>
|
||
<div class="max-size">5 000 <span class="units">Mb</span></div>
|
||
</div>
|
||
</div><!-- // bandwidth usage block -->
|
||
</div>
|
||
<div class="props-additional">
|
||
<span class="prop-box php-box">
|
||
<span class="prop-title">php:</span>
|
||
<span class="prop-value">cgi</span>
|
||
</span>
|
||
<span class="prop-box cgi-box">
|
||
<span class="prop-title">cgi:</span>
|
||
<span class="prop-value">yes</span>
|
||
</span>
|
||
<span class="prop-box elog-box">
|
||
<span class="prop-title">elog:</span>
|
||
<span class="prop-value">no</span>
|
||
</span>
|
||
<span class="prop-box stats-box">
|
||
<span class="prop-title">stats:</span>
|
||
<span class="prop-value">yes</span>
|
||
<span class="stats-auth stats-auth-on">
|
||
<span class="stats-auth-text">auth</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div class="props-ext">
|
||
<span class="prop-box ssl-box">
|
||
<span class="prop-title">ssl:</span>
|
||
<span class="prop-value">yes</span>
|
||
</span>
|
||
<span class="prop-box nginx-box">
|
||
<span class="prop-title">nginx:</span>
|
||
<span class="prop-value">yes</span>
|
||
<span class="nginx-ext-list">extension list</span>
|
||
</span>
|
||
</div>
|
||
</div><!-- // .row-details -->
|
||
</div><!-- // .row 3 -->
|
||
|
||
<!-- form -->
|
||
<div class="b-new-entry b-new-entry_domain">
|
||
<div class="entry-header">New web domain</div>
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">domain:</label>
|
||
<input class="text-field" type="text" value="www.digital-photography-school.com" />
|
||
</div>
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">ip:</label>
|
||
<div class="autocomplete-box">
|
||
<input class="text-field" type="text" value="192.168.64.19" />
|
||
<i class="arrow"> </i>
|
||
</div>
|
||
</div>
|
||
<!-- advanced options -->
|
||
<div class="form-options-group">
|
||
<div class="group-header cc expanded">
|
||
<span class="group-title-outer">
|
||
<span class="group-title">Advanced options</span>
|
||
</span>
|
||
</div>
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">template:</label>
|
||
<select class="styled" name="template">
|
||
<option value="1" selected="selected">default</option>
|
||
<option value="2">custom</option>
|
||
<option value="3">advanced</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">alias list:</label>
|
||
<textarea class="textarea"></textarea>
|
||
</div>
|
||
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">statistics:</label>
|
||
<input class="styled" type="checkbox" value="" />
|
||
</div>
|
||
|
||
<!-- stats settings -->
|
||
<div class="stats-settings">
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">stats auth:</label>
|
||
<input class="styled" type="checkbox" value="" />
|
||
</div>
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">login:</label>
|
||
<input class="text-field" type="text" value="" />
|
||
</div>
|
||
<div class="form-row pwd-box cc">
|
||
<label class="field-label" for="#">password:</label>
|
||
<input class="text-field" type="password" value="" />
|
||
<span class="generate-pwd">Generate</span>
|
||
</div>
|
||
</div><!-- // stats settings -->
|
||
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">ssl:</label>
|
||
<input class="styled" type="checkbox" value="" />
|
||
</div>
|
||
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">ssl home:</label>
|
||
<input class="text-field" type="text" value="" />
|
||
</div>
|
||
|
||
<div class="form-row ssl-crtfct-box cc">
|
||
<label class="field-label" for="#">ssl certificate: <span class="remark">(upload file or insert text)</label>
|
||
<input class="file-upload" size="43" type="file" value="" />
|
||
<textarea class="textarea"></textarea>
|
||
</div>
|
||
</div><!-- // advanced options -->
|
||
|
||
<!-- DNS options -->
|
||
<div class="form-options-group">
|
||
<div class="group-header cc expanded">
|
||
<span class="group-title-outer">
|
||
<span class="group-title">DNS options</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="form-row cc">
|
||
<label class="field-label" for="#">create dns domain:</label>
|
||
<input class="styled" type="checkbox" value="" />
|
||
</div>
|
||
|
||
</div><!-- DNS options -->
|
||
|
||
<!-- Mail options -->
|
||
<div class="form-options-group">
|
||
<div class="group-header cc collapsed">
|
||
<span class="group-title-outer">
|
||
<span class="group-title">Mail options</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="form-row cc hidden">
|
||
<label class="field-label" for="#">create mail domain:</label>
|
||
<input class="styled" type="checkbox" value="" />
|
||
</div>
|
||
|
||
</div><!-- Mail options -->
|
||
|
||
<div class="form-row buttons-row cc">
|
||
<input class="add-entry-btn" type="submit" value="add" />
|
||
<span class="cancel-btn">Cancel</span>
|
||
<span class="help-btn">Help</span>
|
||
</div>
|
||
</div><!-- // form -->
|
||
</div><!-- // .domain-list -->
|
||
</div>
|
||
</div><!-- // #content -->
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|