index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  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">0 users</span>
  64. <span class="def">0 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">0 users</span>
  78. <span class="def">0 blocked</span>
  79. <span class="def">3 waiting</span>
  80. </dd>
  81. </dl>
  82. </div>
  83. </li>
  84. <li class="section" id="MAIL">
  85. <div class="section-inner">
  86. <dl class="users-nav-item">
  87. <dt class="section-title cc">
  88. <span class="to-section">Mail</span>
  89. <i class="add-entry do_action_new_entry">&nbsp;</i>
  90. </dt>
  91. <dd class="section-contains">
  92. <span class="def">0 users</span>
  93. <span class="def">0 blocked</span>
  94. <span class="def">3 waiting</span>
  95. </dd>
  96. </dl>
  97. </div>
  98. </li>
  99. <li class="section" id="DB">
  100. <div class="section-inner">
  101. <dl class="users-nav-item">
  102. <dt class="section-title cc">
  103. <span class="to-section">DB</span>
  104. <i class="add-entry do_action_new_entry">&nbsp;</i>
  105. </dt>
  106. <dd class="section-contains">
  107. <span class="def">0 users</span>
  108. <span class="def">0 blocked</span>
  109. <span class="def">3 waiting</span>
  110. </dd>
  111. </dl>
  112. </div>
  113. </li>
  114. <li class="section active" id="DNS">
  115. <div class="section-inner">
  116. <dl class="users-nav-item">
  117. <dt class="section-title cc">
  118. <span class="to-section">DNS</span>
  119. <i class="add-entry do_action_new_entry">&nbsp;</i>
  120. </dt>
  121. <dd class="section-contains">
  122. <span class="def total_dns_records">0 total records</span>
  123. </dd>
  124. </dl>
  125. </div>
  126. </li>
  127. <li class="section" id="IP">
  128. <div class="section-inner">
  129. <dl class="users-nav-item">
  130. <dt class="section-title cc">
  131. <span class="to-section">IP</span>
  132. <i class="add-entry do_action_new_entry">&nbsp;</i>
  133. </dt>
  134. <dd class="section-contains">
  135. <span class="def">0 users</span>
  136. <span class="def">0 blocked</span>
  137. <span class="def">3 waiting</span>
  138. </dd>
  139. </dl>
  140. </div>
  141. </li>
  142. <li class="section last-section" id="CRON">
  143. <div class="section-inner">
  144. <dl class="users-nav-item">
  145. <dt class="section-title cc">
  146. <span class="to-section">Cron</span>
  147. <i class="add-entry do_action_new_entry">&nbsp;</i>
  148. </dt>
  149. <dd class="section-contains">
  150. <span class="def">0 users</span>
  151. <span class="def">0 blocked</span>
  152. <span class="def">3 waiting</span>
  153. </dd>
  154. </dl>
  155. </div>
  156. </li>
  157. </ul>
  158. </div>
  159. <div id="console">
  160. <div class="b-console">
  161. <div class="b-console-wrap">
  162. <form class="b-console-form cc" action="#" method="post">
  163. <fieldset>
  164. <input class="b-console-field" type="text" value="/"/>
  165. <input class="b-console-btn" type="submit" value="Go" />
  166. </fieldset>
  167. </form>
  168. <div class="b-console-statuses hidden">
  169. <div class="b-console-status cc">
  170. <p class="b-console-status-message">domain <b>google.com</b> have been added <br />
  171. </p>
  172. <span class="b-console-status-action">cancel</span>
  173. <i class="b-console-status-arrow">&nbsp;</i>
  174. </div>
  175. </div>
  176. </div>
  177. <div class="b-console-results"></div>
  178. </div>
  179. </div>
  180. <div id="actions-toolbar" class="cc">
  181. <a class="add-domain do_action_new_entry" href="javascript:void(0)">
  182. <i class="icon do_action_new_entry">&nbsp;</i>
  183. add new entry
  184. </a>
  185. </div>
  186. <div id="content">
  187. <!-- -->
  188. <!-- -->
  189. </div>
  190. </div>
  191. </div>
  192. <!-- script type="text/javascript" src="js/lib/jquery-1.4.4.min.js"></script -->
  193. <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.js"></script>
  194. <script type="text/javascript" src="js/date_format.js"></script>
  195. <script type="text/javascript" src="js/lib/custom-form-elements.js"></script>
  196. <script type="text/javascript" src="js/lib/browser.js"></script>
  197. <script type="text/javascript" src="js/lib/popup.js"></script>
  198. <script type="text/javascript" src="js/tech.js"></script>
  199. <script type="text/javascript" src="js/app.js"></script>
  200. <script type="text/javascript" src="js/tech.js"></script>
  201. <script type="text/javascript" src="js/_settings.js"></script>
  202. <script type="text/javascript" src="js/actions.js"></script>
  203. <script type="text/javascript" src="js/helpers.js"></script>
  204. <script type="text/javascript" src="js/templates.js"></script>
  205. <script type="text/javascript" src="js/html.js"></script>
  206. <script type="text/javascript" src="js/view.js"></script>
  207. <script type="text/javascript" src="js/ref.js"></script>
  208. <script type="text/javascript" src="js/pages.js"></script>
  209. <script type="text/javascript" src="js/model.js"></script>
  210. <script type="text/javascript" src="js/core.js"></script>
  211. <script type="text/javascript" src="js/validators.js"></script>
  212. <script type="text/javascript" src="js/__init__.js"></script>
  213. </body>
  214. </html>