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