index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
  3. <head>
  4. <title>Vesta | IP</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="imagetoolbar" content="false" />
  7. <link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
  8. <link rel="stylesheet" media="all" type="text/css" href="css/main.css" />
  9. <link rel="stylesheet" media="all" type="text/css" href="css/popup.css" />
  10. <!--[if lt IE 8]>
  11. <link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/1750887/projects/vesta2/css/ie.css" />
  12. <![endif]-->
  13. <style>
  14. .styled{display:block}
  15. .black_overlay{
  16. position: absolute;
  17. top: 0%;
  18. left: 0%;
  19. width: 100%;
  20. height: 100%;
  21. background-color: black;
  22. z-index:1001;
  23. -moz-opacity: 0.8;
  24. opacity:.80;
  25. filter: alpha(opacity=80);
  26. }
  27. .popup_content {
  28. position: absolute;
  29. top: 25%;
  30. left: 25%;
  31. width: 50%;
  32. height: 50%;
  33. padding: 16px;
  34. border: 16px solid orange;
  35. background-color: white;
  36. z-index:1002;
  37. overflow: auto;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div id="page">
  43. <div class="outer">
  44. <div id="header">
  45. <div class="logo-box">
  46. <h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
  47. </div>
  48. <ul class="settings">
  49. <li><a href="#">settings</a></li>
  50. <li><a href="#">exit</a></li>
  51. </ul>
  52. </div>
  53. <div id="primary-nav-box">
  54. <ul class="primary-nav cc">
  55. <li class="section" id="USER">
  56. <div class="section-inner">
  57. <dl class="users-nav-item">
  58. <dt class="section-title cc">
  59. <span class="to-section">Users</span>
  60. <i class="add-entry do_action_new_entry">&nbsp;</i>
  61. </dt>
  62. <dd class="section-contains">
  63. <span class="def"><span class="num-total">0</span> users</span>
  64. <span class="def"><span class="num-blocked">0</span> blocked</span>
  65. </dd>
  66. </dl>
  67. </div>
  68. </li>
  69. <li class="section" id="WEB_DOMAIN">
  70. <div class="section-inner">
  71. <dl class="users-nav-item">
  72. <dt class="section-title cc">
  73. <span class="to-section">Web Domain</span>
  74. <i class="add-entry do_action_new_entry">&nbsp;</i>
  75. </dt>
  76. <dd class="section-contains">
  77. <span class="def"><span class="num-total">0</span> web domains</span>
  78. <span class="def"><span class="num-blocked">0</span> blocked</span>
  79. </dd>
  80. </dl>
  81. </div>
  82. </li>
  83. <li class="section" id="MAIL">
  84. <div class="section-inner">
  85. <dl class="users-nav-item">
  86. <dt class="section-title cc">
  87. <span class="to-section">Mail</span>
  88. <i class="add-entry do_action_new_entry">&nbsp;</i>
  89. </dt>
  90. <dd class="section-contains">
  91. <span class="def"><span class="num-total">0</span> mails</span>
  92. </dd>
  93. </dl>
  94. </div>
  95. </li>
  96. <li class="section" id="DB">
  97. <div class="section-inner">
  98. <dl class="users-nav-item">
  99. <dt class="section-title cc">
  100. <span class="to-section">DB</span>
  101. <i class="add-entry do_action_new_entry">&nbsp;</i>
  102. </dt>
  103. <dd class="section-contains">
  104. <span class="def"><span class="num-total">0</span> databases</span>
  105. <span class="def"><span class="num-blocked">0</span> blocked</span>
  106. </dd>
  107. </dl>
  108. </div>
  109. </li>
  110. <li class="section active" id="DNS">
  111. <div class="section-inner">
  112. <dl class="users-nav-item">
  113. <dt class="section-title cc">
  114. <span class="to-section">DNS</span>
  115. <i class="add-entry do_action_new_entry">&nbsp;</i>
  116. </dt>
  117. <dd class="section-contains">
  118. <span class="def"><span class="num-total">0</span> total records</span>
  119. </dd>
  120. </dl>
  121. </div>
  122. </li>
  123. <li class="section" id="IP">
  124. <div class="section-inner">
  125. <dl class="users-nav-item">
  126. <dt class="section-title cc">
  127. <span class="to-section">IP</span>
  128. <i class="add-entry do_action_new_entry">&nbsp;</i>
  129. </dt>
  130. <dd class="section-contains">
  131. <span class="def"><span class="num-total">0</span> ip entries</span>
  132. <span class="def"><span class="num-blocked">0</span> blocked</span>
  133. </dd>
  134. </dl>
  135. </div>
  136. </li>
  137. <li class="section last-section" id="CRON">
  138. <div class="section-inner">
  139. <dl class="users-nav-item">
  140. <dt class="section-title cc">
  141. <span class="to-section">Cron</span>
  142. <i class="add-entry do_action_new_entry">&nbsp;</i>
  143. </dt>
  144. <dd class="section-contains">
  145. <span class="def"><span class="num-total">0</span> cron records</span>
  146. <span class="def"><span class="num-blocked">0</span> blocked</span>
  147. </dd>
  148. </dl>
  149. </div>
  150. </li>
  151. </ul>
  152. </div>
  153. <div id="console">
  154. <div class="b-console">
  155. <div class="b-console-wrap">
  156. <form class="b-console-form cc" action="#" method="post">
  157. <fieldset>
  158. <input class="b-console-field" type="text" value="/"/>
  159. <input class="b-console-btn" type="submit" value="Go" />
  160. </fieldset>
  161. </form>
  162. <div class="b-console-statuses hidden">
  163. <div class="b-console-status cc">
  164. <p class="b-console-status-message">domain <b>google.com</b> have been added <br />
  165. </p>
  166. <span class="b-console-status-action">cancel</span>
  167. <i class="b-console-status-arrow">&nbsp;</i>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="b-console-results"></div>
  172. </div>
  173. </div>
  174. <div id="actions-toolbar" class="cc">
  175. <a class="add-domain do_action_new_entry" href="javascript:void(0)">
  176. <i class="icon do_action_new_entry">&nbsp;</i>
  177. add new <span id="new-entry-keyword" class="do_action_new_entry">entry</span>
  178. </a>
  179. </div>
  180. <div id="content">
  181. <!-- -->
  182. <!-- -->
  183. </div>
  184. </div>
  185. </div>
  186. <script type="text/javascript" src="js/lib/cookie.js"></script>
  187. <script type="text/javascript" src="js/lib/jquery-1.6.1.js"></script>
  188. <script type="text/javascript" src="js/lib/jquery-ui-1.8.13.custom.min.js"></script>
  189. <script type="text/javascript" src="js/date_format.js"></script>
  190. <script type="text/javascript" src="js/lib/custom-form-elements.js"></script>
  191. <script type="text/javascript" src="js/lib/browser.js"></script>
  192. <script type="text/javascript" src="js/lib/popup.js"></script>
  193. <script type="text/javascript" src="js/tech.js"></script>
  194. <script type="text/javascript" src="js/app.js"></script>
  195. <script type="text/javascript" src="js/tech.js"></script>
  196. <script type="text/javascript" src="js/_settings.js"></script>
  197. <script type="text/javascript" src="js/actions.js"></script>
  198. <script type="text/javascript" src="js/helpers.js"></script>
  199. <script type="text/javascript" src="js/templates.js"></script>
  200. <script type="text/javascript" src="js/html.js"></script>
  201. <script type="text/javascript" src="js/view.js"></script>
  202. <script type="text/javascript" src="js/ref.js"></script>
  203. <script type="text/javascript" src="js/pages.js"></script>
  204. <script type="text/javascript" src="js/model.js"></script>
  205. <script type="text/javascript" src="js/core.js"></script>
  206. <script type="text/javascript" src="js/validators.js"></script>
  207. <script type="text/javascript" src="js/__init__.js"></script>
  208. </body>
  209. </html>