index.html 11 KB

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