github/myvesta
1
0
Fork 0
mirror of https://github.com/myvesta/vesta synced 2025-08-14 02:28:05 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

export from svn

Browse source
This commit is contained in:
Serghey Rodin 2011-06-14 00:22:25 +03:00
commit 641ed97fdd
340 changed files with 32404 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
web/static-templates/css/ie.css Normal file
View file

@ -0,0 +1,16 @@
#header,
.item,
.item .details,
.memory dl,
.change-params li{
zoom:1;
}
.edit{
margin:0;
}
.cc{
display:inline-block;
}
*html .cc{
height: 1%;
}

45
web/static-templates/css/reset2.css Normal file
View file

@ -0,0 +1,45 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

1752
web/static-templates/css/vesta.css Normal file
View file

File diff suppressed because it is too large Load diff

450
web/static-templates/dns.html Normal file
View file

@ -0,0 +1,450 @@
<!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 | DNS</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>&nbsp;</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">&nbsp;</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">
<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">&nbsp;</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">&nbsp;</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">&nbsp;</i>
</dt>
<dd class="section-contains">
<span class="def">7 db</span>
</dd>
</dl>
</div>
</li>
<li class="section active">
<div class="section-inner">
<dl class="dns-nav-item">
<dt class="section-title cc">
<span class="to-section">Dns</span>
<i class="add-entry">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</i>add dns</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="dns-list">
<!-- row 1 -->
<div class="row first-row dns-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="props-main">
<div class="names">
<strong class="domain-name primary">naumov-socolov.co.uk</strong>
</div>
<div class="show-records">Show records</div>
</div>
<div class="props-additional">
<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>
</div>
<div class="props-ext">
<span class="prop-box ttl-box">
<span class="prop-title">ttl:</span>
<span class="prop-value">7200</span>
</span>
<span class="prop-box soa-box">
<span class="prop-title">soa:</span>
<span class="prop-value">n1.readwriteweb.com</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 1 -->
<!-- row 2 -->
<div class="row dns-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="props-main">
<div class="names">
<strong class="domain-name primary">naumov-socolov.co.uk</strong>
</div>
<div class="show-records">Show records</div>
</div>
<div class="props-additional">
<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>
</div>
<div class="props-ext">
<span class="prop-box ttl-box">
<span class="prop-title">ttl:</span>
<span class="prop-value">7200</span>
</span>
<span class="prop-box soa-box">
<span class="prop-title">soa:</span>
<span class="prop-value">n1.readwriteweb.com</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 2 -->
<!-- row 3 -->
<div class="row dns-details-row checked-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="props-main">
<div class="names">
<strong class="domain-name primary">naumov-socolov.co.uk</strong>
</div>
<div class="show-records">Show records</div>
</div>
<div class="props-additional">
<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>
</div>
<div class="props-ext">
<span class="prop-box ttl-box">
<span class="prop-title">ttl:</span>
<span class="prop-value">7200</span>
</span>
<span class="prop-box soa-box">
<span class="prop-title">soa:</span>
<span class="prop-value">n1.readwriteweb.com</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 3 -->
<!-- row 4 -->
<div class="row dns-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="props-main">
<div class="names">
<strong class="domain-name primary">naumov-socolov.co.uk</strong>
</div>
<div class="show-records hidden">Show records</div>
</div>
<div class="props-additional">
<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>
</div>
<div class="props-ext">
<span class="prop-box ttl-box">
<span class="prop-title">ttl:</span>
<span class="prop-value">7200</span>
</span>
<span class="prop-box soa-box">
<span class="prop-title">soa:</span>
<span class="prop-value">n1.readwriteweb.com</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 4 -->
<!-- show/edit dns records contextual form -->
<div class="b-new-entry b-records-list">
<div class="entry-header">
<div class="hide-records">Hide records</div>
</div>
<div class="form-error">
<div class="error-box">
<span class="error-message">Wrong record format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
</div>
</div>
<div class="form-row add-box cc">
<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add dns record</a>
</div>
<div class="form-row form-row-line cc">
<div class="field-box dns-record-box">
<label class="field-label" for="#">record:</label>
<div class="field-box-inner cc">
<input class="text-field" type="text" value="" />
<div class="field-devider">in</div>
</div>
</div>
<div class="field-box dns-type-box">
<label class="field-label" for="#">type:</label>
<select class="styled" name="dns-type-1">
<option value="1" selected="selected">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
</div>
<div class="field-box dns-value-box">
<label class="field-label" for="#">value:</label>
<input class="text-field" type="text" value="" />
</div>
<div class="delete-record"></div>
</div>
<div class="form-row form-row-line cc">
<div class="field-box dns-record-box">
<input class="text-field" type="text" value="" />
</div>
<div class="field-devider">in</div>
<div class="field-box dns-type-box">
<select class="styled" name="dns-type-2">
<option value="1" selected="selected">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
</div>
<div class="field-box dns-value-box">
<input class="text-field" type="text" value="" />
</div>
<div class="delete-record"></div>
</div>
<div class="form-row form-row-line cc">
<div class="field-box dns-record-box">
<input class="text-field" type="text" value="" />
</div>
<div class="field-devider">in</div>
<div class="field-box dns-type-box">
<select class="styled" name="dns-type-3">
<option value="1" selected="selected">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
</div>
<div class="field-box dns-value-box">
<input class="text-field" type="text" value="" />
</div>
<div class="delete-record"></div>
</div>
<div class="form-row buttons-row cc">
<input class="add-entry-btn" type="submit" value="save" />
<span class="cancel-btn">Cancel</span>
<span class="help-btn">Help</span>
</div>
</div><!-- // form -->
<!-- form -->
<div class="b-new-entry b-new-entry_dns" style="margin-top:25px;">
<div class="entry-header">New dns</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 address:</label>
<div class="autocomplete-box">
<input class="text-field" type="text" value="192.168.64.19" />
<i class="arrow">&nbsp;</i>
</div>
</div>
<div class="form-row dns-template-box 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>
<span class="context-settings">View template settings</span>
</div>
<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>

BIN
web/static-templates/i/Thumbs.db Normal file
View file

Binary file not shown.

BIN
web/static-templates/i/add-entry-plus.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 62 B

BIN
web/static-templates/i/auth-plus.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 252 B

BIN
web/static-templates/i/autocomplete-field-arrow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 874 B

BIN
web/static-templates/i/bg-left.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 205 B

BIN
web/static-templates/i/bg-right.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 205 B

BIN
web/static-templates/i/check-row-sprite.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 365 B

BIN
web/static-templates/i/checkbox.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 483 B

BIN
web/static-templates/i/console-bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 121 B

BIN
web/static-templates/i/console-box-bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 161 B

BIN
web/static-templates/i/content-separator.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 175 B

BIN
web/static-templates/i/custom-checkbox.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 267 B

BIN
web/static-templates/i/delete-ico-off.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 175 B

BIN
web/static-templates/i/delete-ico.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 175 B

BIN
web/static-templates/i/delete.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 778 B

BIN
web/static-templates/i/dotted.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 44 B

BIN
web/static-templates/i/enabled-ico-hover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 216 B

BIN
web/static-templates/i/enabled-ico.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 421 B

BIN
web/static-templates/i/enabled-ico_.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 198 B

BIN
web/static-templates/i/error-bullet.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 359 B

BIN
web/static-templates/i/fone-tr.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 100 B

BIN
web/static-templates/i/footer-bg.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 75 B

BIN
web/static-templates/i/form-bottom-bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 218 B

BIN
web/static-templates/i/form-group-collapsed.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 288 B

BIN
web/static-templates/i/form-group-expanded.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 268 B

BIN
web/static-templates/i/hide-records-ico.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 232 B

BIN
web/static-templates/i/logging-status-sprite.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 323 B

BIN
web/static-templates/i/long-dotted-bg.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 B

BIN
web/static-templates/i/more-info-btn.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
web/static-templates/i/nav-devider-2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 893 B

BIN
web/static-templates/i/nav-devider.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 131 B

BIN
web/static-templates/i/old-delete-ico-off.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 254 B

BIN
web/static-templates/i/old-delete-ico.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 356 B

BIN
web/static-templates/i/primarary-collapsed.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 346 B

BIN
web/static-templates/i/section-status-sprite-2.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 55 B

BIN
web/static-templates/i/section-status-sprite-3.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 104 B

BIN
web/static-templates/i/section-status-sprite-4.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 111 B

BIN
web/static-templates/i/section-status-sprite-5.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 136 B

BIN
web/static-templates/i/section-status-sprite.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 59 B

BIN
web/static-templates/i/select-arrow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 208 B

BIN
web/static-templates/i/show-records-ico.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 216 B

BIN
web/static-templates/i/sprite.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
web/static-templates/i/status-arrow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 293 B

BIN
web/static-templates/i/suspended-ico.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 235 B

BIN
web/static-templates/i/thin-grey-line-2.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 46 B

BIN
web/static-templates/i/thin-grey-line.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 48 B

BIN
web/static-templates/i/vesta-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

435
web/static-templates/ip.html Normal file
View file

@ -0,0 +1,435 @@
<!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 | IP</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>&nbsp;</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">&nbsp;</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">
<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">&nbsp;</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">&nbsp;</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">&nbsp;</i>
</dt>
<dd class="section-contains">
<span class="def">7 db</span>
</dd>
</dl>
</div>
</li>
<li class="section active">
<div class="section-inner">
<dl class="dns-nav-item">
<dt class="section-title cc">
<span class="to-section">Dns</span>
<i class="add-entry">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</i>add ip address</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="ip-list">
<!-- row 1 -->
<div class="row first-row ip-details-row">
<div class="row-actions-box cc">
<div class="check-this"></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="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>
</div>
<span class="prop-box">
<span class="prop-title">netmask:</span>
<span class="prop-value">255.255.255.0</span>
</span>
<span class="prop-box">
<span class="prop-title">interface:</span>
<span class="prop-value">eth1</span>
</span>
<span class="prop-box">
<span class="prop-title">name:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
</div>
<div class="props-additional">
<span class="prop-box owner-box">
<span class="prop-title">owner:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
<span class="prop-box">
<span class="prop-title">status:</span>
<span class="prop-value">shared</span>
</span>
</div>
<div class="props-ext">
<span class="prop-box">
<span class="prop-title">sys users:</span>
<span class="prop-value">9 999</span>
</span>
<span class="prop-box">
<span class="prop-title">web domains:</span>
<span class="prop-value">2 346</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 1 -->
<!-- row 2 -->
<div class="row ip-details-row">
<div class="row-actions-box cc">
<div class="check-this"></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="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>
</div>
<span class="prop-box">
<span class="prop-title">netmask:</span>
<span class="prop-value">255.255.255.0</span>
</span>
<span class="prop-box">
<span class="prop-title">interface:</span>
<span class="prop-value">eth1</span>
</span>
<span class="prop-box">
<span class="prop-title">name:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
</div>
<div class="props-additional">
<span class="prop-box owner-box">
<span class="prop-title">owner:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
<span class="prop-box">
<span class="prop-title">status:</span>
<span class="prop-value">shared</span>
</span>
</div>
<div class="props-ext">
<span class="prop-box">
<span class="prop-title">sys users:</span>
<span class="prop-value">9 999</span>
</span>
<span class="prop-box">
<span class="prop-title">web domains:</span>
<span class="prop-value">2 346</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 2 -->
<!-- row 3 -->
<div class="row ip-details-row">
<div class="row-actions-box cc">
<div class="check-this"></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="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>
</div>
<span class="prop-box">
<span class="prop-title">netmask:</span>
<span class="prop-value">255.255.255.0</span>
</span>
<span class="prop-box">
<span class="prop-title">interface:</span>
<span class="prop-value">eth1</span>
</span>
<span class="prop-box">
<span class="prop-title">name:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
</div>
<div class="props-additional">
<span class="prop-box owner-box">
<span class="prop-title">owner:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
<span class="prop-box">
<span class="prop-title">status:</span>
<span class="prop-value">shared</span>
</span>
</div>
<div class="props-ext">
<span class="prop-box">
<span class="prop-title">sys users:</span>
<span class="prop-value">9 999</span>
</span>
<span class="prop-box">
<span class="prop-title">web domains:</span>
<span class="prop-value">2 346</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 3 -->
<!-- row 4, suspended status -->
<div class="row ip-details-row ip-details-suspended">
<div class="row-actions-box cc">
<div class="check-this"></div>
<div class="row-operations">
<span class="ip-status-info ip-suspended-status"><span class="ip-status-text">suspended</span></span>
</div>
</div>
<div class="row-meta">
<div class="entry-created">12.11.2010</div>
</div>
<div class="row-details cc">
<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>
</div>
<span class="prop-box">
<span class="prop-title">netmask:</span>
<span class="prop-value">255.255.255.0</span>
</span>
<span class="prop-box">
<span class="prop-title">interface:</span>
<span class="prop-value">eth1</span>
</span>
<span class="prop-box">
<span class="prop-title">name:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
</div>
<div class="props-additional">
<span class="prop-box owner-box">
<span class="prop-title">owner:</span>
<span class="prop-value">shared1.hosting-with-very-long-name.co.uk</span>
</span>
<span class="prop-box">
<span class="prop-title">status:</span>
<span class="prop-value">shared</span>
</span>
</div>
<div class="props-ext">
<span class="prop-box">
<span class="prop-title">sys users:</span>
<span class="prop-value">9 999</span>
</span>
<span class="prop-box">
<span class="prop-title">web domains:</span>
<span class="prop-value">2 346</span>
</span>
</div>
</div><!-- // .row-details -->
</div><!-- // .row 4 -->
<!-- form -->
<div class="b-new-entry b-new-entry_ip">
<div class="entry-header">New ip address</div>
<div class="form-row cc">
<label class="field-label" for="#">ip address:</label>
<input class="text-field" type="text" value="192.168.64.19" />
</div>
<div class="form-row cc">
<label class="field-label" for="#">owner:</label>
<select class="styled" name="ownership">
<option value="1" selected="selected">vesta</option>
<option value="2">new mexico</option>
<option value="3">land of magic</option>
</select>
</div>
<div class="form-row cc">
<label class="field-label" for="#">status:</label>
<select class="styled">
<option value="1" selected="selected">shared</option>
<option value="2">suspended</option>
<option value="3">other</option>
</select>
</div>
<div class="form-row cc">
<label class="field-label" for="#">name:</label>
<input class="text-field" type="text" value="super-puper-hoster.long-name.co.uk" />
</div>
<div class="form-row cc">
<label class="field-label" for="#">interface:</label>
<select class="styled">
<option value="1" selected="selected">eth1</option>
<option value="2">eth2</option>
<option value="3">eth3</option>
</select>
</div>
<div class="form-row cc">
<label class="field-label" for="#">netmask:</label>
<div class="autocomplete-box">
<input class="text-field" type="text" value="" />
<i class="arrow">&nbsp;</i>
</div>
</div>
<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><!-- // .ip-list -->
</div>
</div><!-- // #content -->
</div>
</div>
</body>
</html>

144
web/static-templates/js/custom-form-elements.js Normal file
View file

@ -0,0 +1,144 @@
/*
CUSTOM FORM ELEMENTS
Created by Ryan Fait
www.ryanfait.com
The only things you may need to change in this file are the following
variables: checkboxHeight, radioHeight and selectWidth (lines 24, 25, 26)
The numbers you set for checkboxHeight and radioHeight should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.
You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.
The value of selectWidth should be the width of your select list image.
Visit http://ryanfait.com/ for more information.
*/
var checkboxHeight = "25";
var radioHeight = "25";
var selectWidth = "210";
/* No need to change anything after this */
document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');
var Custom = {
init: function() {
var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
for(a = 0; a < inputs.length; a++) {
if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
span[a] = document.createElement("span");
span[a].className = inputs[a].type;
if(inputs[a].checked == true) {
if(inputs[a].type == "checkbox") {
position = "0 -" + (checkboxHeight*2) + "px";
span[a].style.backgroundPosition = position;
} else {
position = "0 -" + (radioHeight*2) + "px";
span[a].style.backgroundPosition = position;
}
}
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
inputs[a].onchange = Custom.clear;
if(!inputs[a].getAttribute("disabled")) {
span[a].onmousedown = Custom.pushed;
span[a].onmouseup = Custom.check;
} else {
span[a].className = span[a].className += " disabled";
}
}
}
inputs = document.getElementsByTagName("select");
for(a = 0; a < inputs.length; a++) {
if(inputs[a].className == "styled") {
option = inputs[a].getElementsByTagName("option");
active = option[0].childNodes[0].nodeValue;
textnode = document.createTextNode(active);
for(b = 0; b < option.length; b++) {
if(option[b].selected == true) {
textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
}
}
span[a] = document.createElement("span");
span[a].className = "select";
span[a].id = "select" + inputs[a].name;
span[a].appendChild(textnode);
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
if(!inputs[a].getAttribute("disabled")) {
inputs[a].onchange = Custom.choose;
} else {
inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
}
}
}
document.onmouseup = Custom.clear;
},
pushed: function() {
element = this.nextSibling;
if(element.checked == true && element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
} else if(element.checked == true && element.type == "radio") {
this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
} else if(element.checked != true && element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
} else {
this.style.backgroundPosition = "0 -" + radioHeight + "px";
}
},
check: function() {
element = this.nextSibling;
if(element.checked == true && element.type == "checkbox") {
this.style.backgroundPosition = "0 0";
element.checked = false;
} else {
if(element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
} else {
this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
group = this.nextSibling.name;
inputs = document.getElementsByTagName("input");
for(a = 0; a < inputs.length; a++) {
if(inputs[a].name == group && inputs[a] != this.nextSibling) {
inputs[a].previousSibling.style.backgroundPosition = "0 0";
}
}
}
element.checked = true;
}
},
clear: function() {
inputs = document.getElementsByTagName("input");
for(var b = 0; b < inputs.length; b++) {
if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 0";
} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 0";
}
}
},
choose: function() {
option = this.getElementsByTagName("option");
for(d = 0; d < option.length; d++) {
if(option[d].selected == true)
document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
}
}
}
}
window.onload = Custom.init;

26
web/static-templates/js/form.css Normal file
View file

@ -0,0 +1,26 @@
body {
font: 0.8em/21px arial,sans-serif;
}
.checkbox, .radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
.radio {
background: url(radio.gif) no-repeat;
}
.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(select.gif) no-repeat;
overflow: hidden;
}

556
web/static-templates/web-domain.html Normal file
View file

@ -0,0 +1,556 @@
<!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>&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>