Головна сторінка Огляд Довідка
Увійти
yosoyhendrix
/
vesta
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Дерево: dbe277b042
Гілки Теги
vesta
/
web
/
static-templates
/
users-2.html

users-2.html 47 KB
Історія Запис

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
    3. 

  3. 

  4. <head>
    5. 

  5. 	<title>Vesta | Users</title>
    6. 

  6. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    7. 

  7. 	<meta http-equiv="imagetoolbar" content="false" />
    8. 

  8. 

  9. 	<link rel="shortcut icon" href="i/fav.ico" type="image/x-icon">
    10. 

  10. 

  11. 	<link rel="stylesheet" media="all" type="text/css" href="css/reset2.css" />
    12. 

  12. 	<link rel="stylesheet" media="all" type="text/css" href="css/popup.css" />
    13. 

  13. 	<link rel="stylesheet" media="all" type="text/css" href="css/vesta.css" />
    14. 

  14. 

  15. 	<!--[if lt IE 8]>
    16. 

  16. 		<link rel="stylesheet" type="text/css" href="css/ie.css" />
    17. 

  17.     <![endif]-->
    18. 

  18. 

  19. 	<script type="text/javascript" src="js/custom-form-elements.js"></script>
    20. 

  20. </head>
    21. 

  21. 

  22. <body>
    23. 

  23. <div id="page">
    24. 

  24. 	<div class="outer">
    25. 

  25. 		<div id="header">
    26. 

  26. 			<div class="logo-box">
    27. 

  27. 				<h1 class="logo"><a href="#">Vesta panel <span>&nbsp;</span></a></h1>
    28. 

  28. 			</div>
    29. 

  29. 			<ul class="settings">
    30. 

  30. 				<li class="settings-item">
    31. 

  31. 					<span class="logged-as">Fabricius Euphranor von Neoptolemos</span>
    32. 

  32. 					<a class="item-title" href="#">Profile</a>
    33. 

  33. 				</li>
    34. 

  34. 				<li class="settings-item"><a class="item-title" href="#">Settings</a></li>
    35. 

  35. 				<li class="logout"><a class="item-title" href="#"><span class="item-title-inner">Exit</span></a></li>
    36. 

  36. 			</ul>
    37. 

  37. 			<ul class="extra-services">
    38. 

  38. 				<li class="service-item active">
    39. 

  39. 					<span class="item-title">Backups</span>
    40. 

  40. 					<i class="item-devider"></i>
    41. 

  41. 				</li>
    42. 

  42. 				<li class="service-item">
    43. 

  43. 					<span class="item-title">Stats</span>
    44. 

  44. 					<i class="item-devider"></i>
    45. 

  45. 				</li>
    46. 

  46. 			</ul>
    47. 

  47. 		</div>
    48. 

  48. 		<div id="primary-nav-box">
    49. 

  49. 			<ul class="primary-nav cc">
    50. 

  50. 				<li class="section active">
    51. 

  51. 					<div class="section-inner">
    52. 

  52. 						<dl class="users-nav-item">
    53. 

  53. 							<dt class="section-title cc">
    54. 

  54. 								<span class="to-section">Users</span> 
    55. 

  55. 								<i class="add-entry">&nbsp;</i>
    56. 

  56. 							</dt>
    57. 

  57. 							<dd class="section-contains">
    58. 

  58. 								<span class="def">386 users</span>
    59. 

  59. 								<span class="def">7 blocked</span>
    60. 

  60. 							</dd>
    61. 

  61. 						</dl>
    62. 

  62. 					</div>
    63. 

  63. 					<i class="section-devider"></i>
    64. 

  64. 				</li>
    65. 

  65. 				<li class="section">
    66. 

  66. 					<div class="section-inner">
    67. 

  67. 						<dl class="domains-nav-item">
    68. 

  68. 							<dt class="section-title cc">
    69. 

  69. 								<span class="to-section">Web Domain</span>
    70. 

  70. 								<i class="add-entry">&nbsp;</i>
    71. 

  71. 							</dt>
    72. 

  72. 							<dd class="section-contains">
    73. 

  73. 								<span class="def">580 domains</span>
    74. 

  74. 								<span class="def">22 out of mem</span>
    75. 

  75. 								<span class="def">3 waiting</span>
    76. 

  76. 							</dd>
    77. 

  77. 						</dl>
    78. 

  78. 					</div>
    79. 

  79. 					<i class="section-devider"></i>
    80. 

  80. 				</li>
    81. 

  81. 				<li class="section">
    82. 

  82. 					<div class="section-inner">
    83. 

  83. 						<dl class="mail-nav-item">
    84. 

  84. 							<dt class="section-title cc">
    85. 

  85. 								<span class="to-section">Mail</span>
    86. 

  86. 								<i class="add-entry">&nbsp;</i>
    87. 

  87. 							</dt>
    88. 

  88. 							<dd class="section-contains">
    89. 

  89. 								<span class="def">320 domains</span>
    90. 

  90. 								<span class="def">1209 mailboxes</span>
    91. 

  91. 								<span class="def">25 full</span>
    92. 

  92. 							</dd>
    93. 

  93. 						</dl>
    94. 

  94. 					</div>
    95. 

  95. 					<i class="section-devider"></i>
    96. 

  96. 				</li>
    97. 

  97. 				<li class="section">
    98. 

  98. 					<div class="section-inner">
    99. 

  99. 						<dl class="db-nav-item">
    100. 

  100. 							<dt class="section-title cc">
    101. 

  101. 								<span class="to-section">DB</span>
    102. 

  102. 								<i class="add-entry">&nbsp;</i>
    103. 

  103. 							</dt>
    104. 

  104. 							<dd class="section-contains">
    105. 

  105. 								<span class="def">7 db</span>
    106. 

  106. 							</dd>
    107. 

  107. 						</dl>
    108. 

  108. 					</div>
    109. 

  109. 					<i class="section-devider"></i>
    110. 

  110. 				</li>
    111. 

  111. 				<li class="section">
    112. 

  112. 					<div class="section-inner">
    113. 

  113. 						<dl class="dns-nav-item">
    114. 

  114. 							<dt class="section-title cc">
    115. 

  115. 								<span class="to-section">Dns</span>
    116. 

  116. 								<i class="add-entry">&nbsp;</i>
    117. 

  117. 							</dt>
    118. 

  118. 							<dd class="section-contains">
    119. 

  119. 								<span class="def">289 records</span>
    120. 

  120. 							</dd>
    121. 

  121. 						</dl>
    122. 

  122. 					</div>
    123. 

  123. 					<i class="section-devider"></i>
    124. 

  124. 				</li>
    125. 

  125. 				<li class="section">
    126. 

  126. 					<div class="section-inner">
    127. 

  127. 						<dl class="dnstpl-nav-item">
    128. 

  128. 							<dt class="section-title cc">
    129. 

  129. 								<span class="to-section">IP</span> 
    130. 

  130. 								<i class="add-entry">&nbsp;</i>
    131. 

  131. 							</dt>
    132. 

  132. 							<dd class="section-contains">
    133. 

  133. 								<span class="def">7 templates</span>
    134. 

  134. 							</dd>
    135. 

  135. 						</dl>
    136. 

  136. 					</div>
    137. 

  137. 					<i class="section-devider"></i>
    138. 

  138. 				</li>
    139. 

  139. 				<li class="section last-section">
    140. 

  140. 					<div class="section-inner">
    141. 

  141. 						<dl class="cron-nav-item">
    142. 

  142. 							<dt class="section-title cc">
    143. 

  143. 								<span class="to-section">Cron</span>
    144. 

  144. 								<i class="add-entry">&nbsp;</i>
    145. 

  145. 							</dt>
    146. 

  146. 							<dd class="section-contains">
    147. 

  147. 								<span class="def">15 records</span>
    148. 

  148. 							</dd>
    149. 

  149. 						</dl>
    150. 

  150. 					</div>
    151. 

  151. 					<i class="section-devider"></i>
    152. 

  152. 				</li>
    153. 

  153. 			</ul>
    154. 

  154. 		</div>
    155. 

  155. 		<div id="console">
    156. 

  156. 			<div class="b-console">
    157. 

  157. 				<div class="b-console-wrap">
    158. 

  158. 					<form class="b-console-form cc" action="#" method="post">
    159. 

  159. 						<fieldset>
    160. 

  160. 							<input class="b-console-field" type="text" value="/"/>
    161. 

  161. 							<input class="b-console-btn" type="submit" value="Go" />
    162. 

  162. 						</fieldset>
    163. 

  163. 					</form>
    164. 

  164. 				</div>
    165. 

  165. 				<div class="b-console-results"></div>
    166. 

  166. 			</div>
    167. 

  167. 		</div>
    168. 

  168. 		<!-- actions toolbar -->
    169. 

  169. 		<div id="actions-toolbar" class="cc">
    170. 

  170. 			<a class="add-btn" href="#"><i class="add-btn-icon">&nbsp;</i>add user</a>
    171. 

  171. 			
    172. 

  172. 			<div class="row-filters cc">
    173. 

  173. 				<div class="b-row-selector">
    174. 

  174. 					<div class="checkbox-selector cc">
    175. 

  175. 						<input class="styled" type="checkbox" value="" />
    176. 

  176. 						<span class="selector-title">385 Selected</span>
    177. 

  177. 					</div>
    178. 

  178. 					<div class="context-actions">
    179. 

  179. 						<div class="b-cust-sel b-cust-sel_inactive">
    180. 

  180. 							<span class="title">Action</span>
    181. 

  181. 							<div class="cust-sel-arrow"><i>&nbsp;</i></div>
    182. 

  182. 							<div class="cust-sel-options">
    183. 

  183. 								<div class="cust-sel-option ico_gray">Suspend</div>
    184. 

  184. 								<div class="cust-sel-option ico_green">Unsuspend</div>
    185. 

  185. 								<div class="cust-sel-option ico_red">Delete</div>
    186. 

  186. 							</div>
    187. 

  187. 						</div>
    188. 

  188. 					</div>
    189. 

  189. 				</div>
    190. 

  190. 				<!-- visible only for admin -->
    191. 

  191. 				<div class="domain-groups-selector">
    192. 

  192. 					<div class="selector-wrap">
    193. 

  193. 						<strong class="selector-title">Show:</strong>
    194. 

  194. 						<span class="selected-groups">mine, vesta, Chronos, vasya (and 35 more)</span>
    195. 

  195. 					</div>
    196. 

  196. 				</div><!-- // visible only for admin -->
    197. 

  197. 				
    198. 

  198. 			</div>
    199. 

  199. 			
    200. 

  200. 		</div><!-- // actions toolbar -->
    201. 

  201. 		<div id="content">
    202. 

  202. 			<div class="content-inner">
    203. 

  203. 				<div class="users-list">
    204. 

  204. 					<!-- row 1 -->
    205. 

  205. 					<div class="row first-row user-details-row">
    206. 

  206. 						<div class="row-actions-box cc">
    207. 

  207. 							<div class="check-this check-control"></div>
    208. 

  208. 							<div class="row-operations">
    209. 

  209. 								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
    210. 

  210. 							</div>
    211. 

  211. 						</div>
    212. 

  212. 						<div class="row-meta">
    213. 

  213. 							<div class="entry-created">12.11.2010</div>
    214. 

  214. 							<div class="ownership">
    215. 

  215. 								<span class="prop-box">
    216. 

  216. 									<span class="prop-title">owner:</span>
    217. 

  217. 									<span class="prop-value">vestavestavesta vestavesta vesta</span>
    218. 

  218. 								</span>
    219. 

  219. 							</div>
    220. 

  220. 						</div>
    221. 

  221. 						<div class="row-details cc">
    222. 

  222. 							<div class="props-main">
    223. 

  223. 								<div class="user-wrap">
    224. 

  224. 									<div class="username-box">
    225. 

  225. 										<span class="user">
    226. 

  226. 											<span class="nickname">han_solo</span>
    227. 

  227. 											<span class="role">(user)</span>
    228. 

  228. 										</span>
    229. 

  229. 										<span class="prop-box template-box">
    230. 

  230. 											<span class="prop-title">package:</span>
    231. 

  231. 											<span class="prop-value">default</span>
    232. 

  232. 										</span>
    233. 

  233. 									</div>
    234. 

  234. 

  235. 									<div class="user-details-box">
    236. 

  236.                                         <span class="prop-box user-name">
    237. 

  237.                                             <span class="prop-title">name:</span>
    238. 

  238.                                             <span class="prop-value">Clayton Musselwhite</span>
    239. 

  239.                                         </span>
    240. 

  240. 

  241.                                         <span class="prop-box prop-box_group-values cc user-details">
    242. 

  242.                                             <span class="prop-title">email:</span>
    243. 

  243.                                             <span class="group-values">
    244. 

  244.                                                 <span class="prop-value user-email">han_solo@han_solohan_solo.com</span>
    245. 

  245.                                                 <span class="prop-value user-reports">(reports enabled)</span>                                        	</span>
    246. 

  246.                                         </span>
    247. 

  247.                                         <span class="prop-box childs-box">
    248. 

  248.                                             <span class="prop-title">childs:</span>
    249. 

  249.                                             <span class="prop-value prop-value-collapsed-childs">2 (30)</span>
    250. 

  250.                                         </span>
    251. 

  251. 									</div>
    252. 

  252.                                     
    253. 

  253. 								</div>
    254. 

  254. 

  255. 								<div class="b-stats-box">
    256. 

  256. 									<div class="stats-box-title">stats</div>	
    257. 

  257.                                     <!-- disk usage block -->
    258. 

  258.                                     <div class="b-usage-box2 disk-usage cc">
    259. 

  259.                                         <span class="prop-title">disk usage:</span>
    260. 

  260.                                         <div class="usage-box">
    261. 

  261.                                             <div class="value-box">
    262. 

  262.                                                 <div class="graph">
    263. 

  263.                                                     <span class="value" style="left:25%;">25% <span class="value-size">(900 Mb)</span></span>
    264. 

  264.                                                     <span class="bar" style="width:25%;"></span>
    265. 

  265.                                                 </div>
    266. 

  266.                                             </div>
    267. 

  267.                                             <div class="max-size">3 <span class="units">Gb</span></div>
    268. 

  268.                                         </div>
    269. 

  269.                                     </div><!-- // disk usage block -->
    270. 

  270.                                     <!-- bandwidth usage block -->
    271. 

  271.                                     <div class="b-usage-box2 bandwidth-box cc">
    272. 

  272.                                         <span class="prop-title">bandwidth:</span>
    273. 

  273.                                         <div class="usage-box">
    274. 

  274.                                             <div class="value-box overdraft">
    275. 

  275.                                                 <div class="graph">
    276. 

  276.                                                     <span class="value" style="left:135%;">135% <span class="value-size">(2572 Gb)</span></span>
    277. 

  277.                                                     <span class="bar" style="width:100%;"></span>
    278. 

  278.                                                     <span class="bar_overdraft" style="width:35%;right:-35%;"></span>
    279. 

  279.                                                 </div>
    280. 

  280.                                             </div>
    281. 

  281.                                             <div class="max-size">800 <span class="units">Mb</span></div>
    282. 

  282.                                         </div>
    283. 

  283.                                     </div><!-- // bandwidth usage block -->
    284. 

  284. 								</div><!-- // .stats-box -->
    285. 

  285.                                 
    286. 

  286. 							</div>
    287. 

  287. 							<div class="props-additional">
    288. 

  288. 								<span class="prop-box webdomains-box">
    289. 

  289. 									<span class="prop-title">web domains:</span>
    290. 

  290. 									<span class="prop-value">1 (5)</span>
    291. 

  291. 								</span>
    292. 

  292. 								<span class="prop-box websl-box">
    293. 

  293. 									<span class="prop-title">web ssl:</span>
    294. 

  294. 									<span class="prop-value">0 (5)</span>
    295. 

  295. 								</span>
    296. 

  296. 								<span class="prop-box webalias-box">
    297. 

  297. 									<span class="prop-title">web alias:</span>
    298. 

  298. 									<span class="prop-value prop-value-collapsed-childs">(7) per domain</span>
    299. 

  299. 								</span>
    300. 

  300. 								<span class="prop-box prop-box_group-values cc webtpl-box">
    301. 

  301. 									<span class="prop-title">web templates:</span>
    302. 

  302. 									<span class="group-values group-values__bullet">
    303. 

  303. 										<span class="prop-value">default</span>
    304. 

  304. 										<span class="prop-value">phpcgi</span>
    305. 

  305. 										<span class="prop-value">unlim</span>
    306. 

  306. 										<span class="group-switcher">
    307. 

  307. 											<span class="group-values-count">6 more</span>
    308. 

  308. 										</span>
    309. 

  309. 									</span>
    310. 

  310. 								</span>
    311. 

  311. 								<span class="prop-box db-box">
    312. 

  312. 									<span class="prop-title">databases:</span>
    313. 

  313. 									<span class="prop-value">1 (5)</span>
    314. 

  314. 								</span>
    315. 

  315. 								<span class="prop-box shell-box">
    316. 

  316. 									<span class="prop-title">shell:</span>
    317. 

  317. 									<span class="prop-value">bash</span>
    318. 

  318. 								</span>
    319. 

  319. 								<span class="prop-box backups-box">
    320. 

  320. 									<span class="prop-title">backups:</span>
    321. 

  321. 									<span class="prop-value">retention 3</span>
    322. 

  322. 								</span>
    323. 

  323. 							</div>
    324. 

  324. 							<div class="props-ext">
    325. 

  325. 								<span class="prop-box mailboxes-box">
    326. 

  326. 									<span class="prop-title">mailboxes:</span>
    327. 

  327. 									<span class="prop-value">? (30)</span>
    328. 

  328. 								</span>
    329. 

  329. 								<span class="prop-box mailfwds-box">
    330. 

  330. 									<span class="prop-title">mail forwarders:</span>
    331. 

  331. 									<span class="prop-value">? (30)</span>
    332. 

  332. 								</span>
    333. 

  333. 								<span class="prop-box maildomains-box">
    334. 

  334. 									<span class="prop-title">mail domains:</span>
    335. 

  335. 									<span class="prop-value">0 (?)</span>
    336. 

  336. 								</span>
    337. 

  337. 								<span class="prop-box dnsdomains-box">
    338. 

  338. 									<span class="prop-title">dns domains:</span>
    339. 

  339. 									<span class="prop-value">0 (5)</span>
    340. 

  340. 								</span>
    341. 

  341. 								<span class="prop-box prop-box_group-values cc ns-list-box">
    342. 

  342. 									<span class="prop-title">ns list:</span>
    343. 

  343. 									<span class="group-values group-values__bullet">
    344. 

  344. 										<span class="prop-value">n1.readwriteweb.com</span>
    345. 

  345. 										<span class="prop-value">n2.readwriteweb.com</span>
    346. 

  346. 										<span class="prop-value">n3.readwriteweb.com</span>
    347. 

  347. 										<span class="group-switcher">
    348. 

  348. 											<span class="group-values-count">6 more</span>
    349. 

  349. 										</span>
    350. 

  350. 									</span>
    351. 

  351. 								</span>
    352. 

  352. 							</div>							
    353. 

  353. 						</div><!-- // .row-details -->
    354. 

  354. 					</div><!-- // .row 1 -->
    355. 

  355. 

  356. 					<!-- row 2 -->
    357. 

  357. 					<div class="row user-details-row">
    358. 

  358. 						<div class="row-actions-box cc">
    359. 

  359. 							<div class="check-this check-control"></div>
    360. 

  360. 							<div class="row-operations">
    361. 

  361. 								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
    362. 

  362. 							</div>
    363. 

  363. 						</div>
    364. 

  364. 						<div class="row-meta">
    365. 

  365. 							<div class="entry-created">12.11.2010</div>
    366. 

  366. 							<div class="ownership">
    367. 

  367. 								<span class="prop-box">
    368. 

  368. 									<span class="prop-title">owner:</span>
    369. 

  369. 									<span class="prop-value">loraine_pledger</span>
    370. 

  370. 								</span>
    371. 

  371. 							</div>
    372. 

  372. 						</div>
    373. 

  373. 						<div class="row-details cc">
    374. 

  374. 							<div class="props-main">
    375. 

  375. 								<div class="user-wrap">
    376. 

  376. 									<div class="username-box">
    377. 

  377. 										<span class="user">
    378. 

  378. 											<span class="nickname">loraine_pledger</span>
    379. 

  379. 											<span class="role">(user)</span>
    380. 

  380. 										</span>
    381. 

  381. 										<span class="prop-box template-box">
    382. 

  382. 											<span class="prop-title">package:</span>
    383. 

  383. 											<span class="prop-value">default</span>
    384. 

  384. 										</span>
    385. 

  385. 									</div>
    386. 

  386. 									<div class="user-details-box">
    387. 

  387.                                         <span class="prop-box user-name">
    388. 

  388.                                             <span class="prop-title">name:</span>
    389. 

  389.                                             <span class="prop-value">Louisa Brockwell</span>
    390. 

  390.                                         </span>
    391. 

  391.                                         <span class="prop-box prop-box_group-values cc user-details">
    392. 

  392.                                             <span class="prop-title">email:</span>
    393. 

  393.                                             <span class="group-values">
    394. 

  394.                                                 <span class="prop-value user-email">louisa.brockwell@han_solo_loraine_pledger.com</span>
    395. 

  395.                                                 <span class="prop-value user-reports">(reports enabled)</span>
    396. 

  396. 											</span>
    397. 

  397.                                         </span>
    398. 

  398. 									</div>
    399. 

  399. 								</div>
    400. 

  400. 								<div class="b-stats-box">
    401. 

  401. 									<div class="stats-box-title">stats</div>	
    402. 

  402.                                     <!-- disk usage block -->
    403. 

  403.                                     <div class="b-usage-box2 disk-usage cc">
    404. 

  404.                                         <span class="prop-title">disk usage:</span>
    405. 

  405.                                         <div class="usage-box">
    406. 

  406.                                             <div class="value-box">
    407. 

  407.                                                 <div class="graph">
    408. 

  408.                                                     <span class="value" style="left:75%;">75% <span class="value-size">(2304 Mb)</span></span>
    409. 

  409.                                                     <span class="bar" style="width:75%;"></span>
    410. 

  410.                                                 </div>
    411. 

  411.                                             </div>
    412. 

  412.                                             <div class="max-size">3 <span class="units">Gb</span></div>
    413. 

  413.                                         </div>
    414. 

  414.                                     </div><!-- // disk usage block -->
    415. 

  415.                                     <!-- bandwidth usage block -->
    416. 

  416.                                     <div class="b-usage-box2 bandwidth-box cc">
    417. 

  417.                                         <span class="prop-title">bandwidth:</span>
    418. 

  418.                                         <div class="usage-box">
    419. 

  419.                                             <div class="value-box">
    420. 

  420.                                                 <div class="graph">
    421. 

  421.                                                     <span class="value" style="left:95%;">95% <span class="value-size">(750 Gb)</span></span>
    422. 

  422.                                                     <span class="bar" style="width:95%;"></span>
    423. 

  423.                                                 </div>
    424. 

  424.                                             </div>
    425. 

  425.                                             <div class="max-size">800 <span class="units">Mb</span></div>
    426. 

  426.                                         </div>
    427. 

  427.                                     </div><!-- // bandwidth usage block -->
    428. 

  428. 								</div><!-- // .stats-box -->
    429. 

  429. 							</div>
    430. 

  430. 							<div class="props-additional">
    431. 

  431. 								<span class="prop-box webdomains-box">
    432. 

  432. 									<span class="prop-title">web domains:</span>
    433. 

  433. 									<span class="prop-value">1 (5)</span>
    434. 

  434. 								</span>
    435. 

  435. 								<span class="prop-box websl-box">
    436. 

  436. 									<span class="prop-title">web ssl:</span>
    437. 

  437. 									<span class="prop-value">0 (5)</span>
    438. 

  438. 								</span>
    439. 

  439. 								<span class="prop-box webalias-box">
    440. 

  440. 									<span class="prop-title">web alias:</span>
    441. 

  441. 									<span class="prop-value prop-value-collapsed-childs">(7) per domain</span>
    442. 

  442. 								</span>
    443. 

  443. 								<span class="prop-box prop-box_group-values cc webtpl-box">
    444. 

  444. 									<span class="prop-title">web templates:</span>
    445. 

  445. 									<span class="group-values group-values__bullet">
    446. 

  446. 										<span class="prop-value">default</span>
    447. 

  447. 										<span class="prop-value">phpcgi</span>
    448. 

  448. 										<span class="prop-value">unlim</span>
    449. 

  449. 									</span>
    450. 

  450. 								</span>
    451. 

  451. 								<span class="prop-box db-box">
    452. 

  452. 									<span class="prop-title">databases:</span>
    453. 

  453. 									<span class="prop-value">1 (5)</span>
    454. 

  454. 								</span>
    455. 

  455. 								<span class="prop-box shell-box">
    456. 

  456. 									<span class="prop-title">shell:</span>
    457. 

  457. 									<span class="prop-value">bash</span>
    458. 

  458. 								</span>
    459. 

  459. 								<span class="prop-box backups-box">
    460. 

  460. 									<span class="prop-title">backups:</span>
    461. 

  461. 									<span class="prop-value">retention 3</span>
    462. 

  462. 								</span>
    463. 

  463. 							</div>
    464. 

  464. 							<div class="props-ext">
    465. 

  465. 								<span class="prop-box mailboxes-box">
    466. 

  466. 									<span class="prop-title">mailboxes:</span>
    467. 

  467. 									<span class="prop-value">? (30)</span>
    468. 

  468. 								</span>
    469. 

  469. 								<span class="prop-box mailfwds-box">
    470. 

  470. 									<span class="prop-title">mail forwarders:</span>
    471. 

  471. 									<span class="prop-value">? (30)</span>
    472. 

  472. 								</span>
    473. 

  473. 								<span class="prop-box maildomains-box">
    474. 

  474. 									<span class="prop-title">mail domains:</span>
    475. 

  475. 									<span class="prop-value">0 (?)</span>
    476. 

  476. 								</span>
    477. 

  477. 								<span class="prop-box dnsdomains-box">
    478. 

  478. 									<span class="prop-title">dns domains:</span>
    479. 

  479. 									<span class="prop-value">0 (5)</span>
    480. 

  480. 								</span>
    481. 

  481. 								<span class="prop-box prop-box_group-values cc ns-list-box">
    482. 

  482. 									<span class="prop-title">ns list:</span>
    483. 

  483. 									<span class="group-values group-values__bullet">
    484. 

  484. 										<span class="prop-value">n1.readwriteweb.com</span>
    485. 

  485. 										<span class="prop-value">n2.readwriteweb.com</span>
    486. 

  486. 										<span class="prop-value">n3.readwriteweb.com</span>
    487. 

  487. 										<span class="group-switcher">
    488. 

  488. 											<span class="group-values-count">6 more</span>
    489. 

  489. 										</span>
    490. 

  490. 									</span>
    491. 

  491. 								</span>
    492. 

  492. 							</div>							
    493. 

  493. 						</div><!-- // .row-details -->
    494. 

  494. 					</div><!-- // .row 2 -->
    495. 

  495. 

  496. 					<!-- row 3 -->
    497. 

  497. 					<div class="row user-details-row checked-row">
    498. 

  498. 						<div class="row-actions-box cc">
    499. 

  499. 							<div class="check-this check-control"></div>
    500. 

  500. 							<div class="row-operations">
    501. 

  501. 								<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">active</span></span>
    502. 

  502. 							</div>
    503. 

  503. 						</div>
    504. 

  504. 						<div class="row-meta">
    505. 

  505. 							<div class="entry-created">12.11.2010</div>
    506. 

  506. 							<div class="ownership">
    507. 

  507. 								<span class="prop-box">
    508. 

  508. 									<span class="prop-title">owner:</span>
    509. 

  509. 									<span class="prop-value">vestavestavesta vestavesta vesta</span>
    510. 

  510. 								</span>
    511. 

  511. 							</div>
    512. 

  512. 						</div>
    513. 

  513. 						<div class="row-details cc">
    514. 

  514. 							<div class="props-main">
    515. 

  515. 								<div class="user-wrap">
    516. 

  516. 									<div class="username-box">
    517. 

  517. 										<span class="user">
    518. 

  518. 											<span class="nickname">Clayton.Musselwhite</span>
    519. 

  519. 											<span class="role">(user)</span>
    520. 

  520. 										</span>
    521. 

  521. 										<span class="prop-box template-box">
    522. 

  522. 											<span class="prop-title">package:</span>
    523. 

  523. 											<span class="prop-value">default</span>
    524. 

  524. 										</span>
    525. 

  525. 									</div>
    526. 

  526. 									<div class="user-details-box">
    527. 

  527.                                         <span class="prop-box user-name">
    528. 

  528.                                             <span class="prop-title">name:</span>
    529. 

  529.                                             <span class="prop-value">Clayton Musselwhite</span>
    530. 

  530.                                         </span>
    531. 

  531.                                         <span class="prop-box prop-box_group-values cc user-details">
    532. 

  532.                                             <span class="prop-title">email:</span>
    533. 

  533.                                             <span class="group-values">
    534. 

  534.                                                 <span class="prop-value user-email">Clayton.Musselwhite@clayton-musselwhite.com</span>
    535. 

  535.                                                 <span class="prop-value user-reports">(reports enabled)</span>
    536. 

  536. 											</span>
    537. 

  537.                                         </span>
    538. 

  538. 									</div>
    539. 

  539. 								</div>
    540. 

  540. 								<div class="b-stats-box">
    541. 

  541. 									<div class="stats-box-title">stats</div>	
    542. 

  542.                                     <!-- disk usage block -->
    543. 

  543.                                     <div class="b-usage-box2 disk-usage cc">
    544. 

  544.                                         <span class="prop-title">disk usage:</span>
    545. 

  545.                                         <div class="usage-box">
    546. 

  546.                                             <div class="value-box">
    547. 

  547.                                                 <div class="graph">
    548. 

  548.                                                     <span class="value" style="left:15%;">15% <span class="value-size">(304 Mb)</span></span>
    549. 

  549.                                                     <span class="bar" style="width:15%;"></span>
    550. 

  550.                                                 </div>
    551. 

  551.                                             </div>
    552. 

  552.                                             <div class="max-size">3 <span class="units">Gb</span></div>
    553. 

  553.                                         </div>
    554. 

  554.                                     </div><!-- // disk usage block -->
    555. 

  555.                                     <!-- bandwidth usage block -->
    556. 

  556.                                     <div class="b-usage-box2 bandwidth-box cc">
    557. 

  557.                                         <span class="prop-title">bandwidth:</span>
    558. 

  558.                                         <div class="usage-box">
    559. 

  559.                                             <div class="value-box overdraft">
    560. 

  560.                                                 <div class="graph">
    561. 

  561.                                                     <span class="value" style="left:205%;">205% <span class="value-size">(16 Tb)</span></span>
    562. 

  562.                                                     <span class="bar" style="width:100%;"></span>
    563. 

  563.                                                     <span class="bar_overdraft" style="width:105%;right:-105%;"></span>
    564. 

  564.                                                 </div>
    565. 

  565.                                             </div>
    566. 

  566.                                             <div class="max-size">800 <span class="units">Mb</span></div>
    567. 

  567.                                         </div>
    568. 

  568.                                     </div><!-- // bandwidth usage block -->
    569. 

  569. 								</div><!-- // .stats-box -->
    570. 

  570. 							</div>
    571. 

  571. 							<div class="props-additional">
    572. 

  572. 								<span class="prop-box webdomains-box">
    573. 

  573. 									<span class="prop-title">web domains:</span>
    574. 

  574. 									<span class="prop-value">1 (5)</span>
    575. 

  575. 								</span>
    576. 

  576. 								<span class="prop-box websl-box">
    577. 

  577. 									<span class="prop-title">web ssl:</span>
    578. 

  578. 									<span class="prop-value">0 (5)</span>
    579. 

  579. 								</span>
    580. 

  580. 								<span class="prop-box webalias-box">
    581. 

  581. 									<span class="prop-title">web alias:</span>
    582. 

  582. 									<span class="prop-value prop-value-collapsed-childs">(7) per domain</span>
    583. 

  583. 								</span>
    584. 

  584. 								<span class="prop-box prop-box_group-values cc webtpl-box">
    585. 

  585. 									<span class="prop-title">web templates:</span>
    586. 

  586. 									<span class="group-values group-values__bullet">
    587. 

  587. 										<span class="prop-value">default</span>
    588. 

  588. 										<span class="prop-value">phpcgi</span>
    589. 

  589. 										<span class="prop-value">unlim</span>
    590. 

  590. 									</span>
    591. 

  591. 								</span>
    592. 

  592. 								<span class="prop-box db-box">
    593. 

  593. 									<span class="prop-title">databases:</span>
    594. 

  594. 									<span class="prop-value">1 (5)</span>
    595. 

  595. 								</span>
    596. 

  596. 								<span class="prop-box shell-box">
    597. 

  597. 									<span class="prop-title">shell:</span>
    598. 

  598. 									<span class="prop-value">bash</span>
    599. 

  599. 								</span>
    600. 

  600. 								<span class="prop-box backups-box">
    601. 

  601. 									<span class="prop-title">backups:</span>
    602. 

  602. 									<span class="prop-value">retention 3</span>
    603. 

  603. 								</span>
    604. 

  604. 							</div>
    605. 

  605. 							<div class="props-ext">
    606. 

  606. 								<span class="prop-box mailboxes-box">
    607. 

  607. 									<span class="prop-title">mailboxes:</span>
    608. 

  608. 									<span class="prop-value">? (30)</span>
    609. 

  609. 								</span>
    610. 

  610. 								<span class="prop-box mailfwds-box">
    611. 

  611. 									<span class="prop-title">mail forwarders:</span>
    612. 

  612. 									<span class="prop-value">? (30)</span>
    613. 

  613. 								</span>
    614. 

  614. 								<span class="prop-box maildomains-box">
    615. 

  615. 									<span class="prop-title">mail domains:</span>
    616. 

  616. 									<span class="prop-value">0 (?)</span>
    617. 

  617. 								</span>
    618. 

  618. 								<span class="prop-box dnsdomains-box">
    619. 

  619. 									<span class="prop-title">dns domains:</span>
    620. 

  620. 									<span class="prop-value">0 (5)</span>
    621. 

  621. 								</span>
    622. 

  622. 								<span class="prop-box prop-box_group-values cc ns-list-box">
    623. 

  623. 									<span class="prop-title">ns list:</span>
    624. 

  624. 									<span class="group-values group-values__bullet">
    625. 

  625. 										<span class="prop-value">n1.readwriteweb.com</span>
    626. 

  626. 										<span class="prop-value">n2.readwriteweb.com</span>
    627. 

  627. 										<span class="prop-value">n3.readwriteweb.com</span>
    628. 

  628. 										<span class="group-switcher">
    629. 

  629. 											<span class="group-values-count">6 more</span>
    630. 

  630. 										</span>
    631. 

  631. 									</span>
    632. 

  632. 								</span>
    633. 

  633. 							</div>							
    634. 

  634. 						</div><!-- // .row-details -->
    635. 

  635. 					</div><!-- // .row 3 -->
    636. 

  636. 

  637. 					<!-- row 4, suspended status -->
    638. 

  638. 					<div class="row user-details-row suspended-row">
    639. 

  639. 						<div class="row-actions-box cc">
    640. 

  640. 							<div class="check-this check-control"></div>
    641. 

  641. 							<div class="row-operations">
    642. 

  642. 								<span class="ip-status-info ip-suspended-status"><span class="ip-status-text">suspended</span></span>
    643. 

  643. 							</div>
    644. 

  644. 						</div>
    645. 

  645. 						<div class="row-meta">
    646. 

  646. 							<div class="entry-created">12.11.2010</div>
    647. 

  647. 							<div class="ownership">
    648. 

  648. 								<span class="prop-box">
    649. 

  649. 									<span class="prop-title">owner:</span>
    650. 

  650. 									<span class="prop-value">vestavestavesta vestavesta vesta</span>
    651. 

  651. 								</span>
    652. 

  652. 							</div>
    653. 

  653. 						</div>
    654. 

  654. 						<div class="row-details cc">
    655. 

  655. 							<div class="props-main">
    656. 

  656. 								<div class="user-wrap">
    657. 

  657. 									<div class="username-box">
    658. 

  658. 										<span class="user">
    659. 

  659. 											<span class="nickname">Althea-Switalski</span>
    660. 

  660. 											<span class="role">(user)</span>
    661. 

  661. 										</span>
    662. 

  662. 										<span class="prop-box template-box">
    663. 

  663. 											<span class="prop-title">package:</span>
    664. 

  664. 											<span class="prop-value">default</span>
    665. 

  665. 										</span>
    666. 

  666. 									</div>
    667. 

  667. 									<div class="user-details-box">
    668. 

  668.                                         <span class="prop-box user-name">
    669. 

  669.                                             <span class="prop-title">name:</span>
    670. 

  670.                                             <span class="prop-value">Althea Switalski</span>
    671. 

  671.                                         </span>
    672. 

  672.                                         <span class="prop-box prop-box_group-values cc user-details">
    673. 

  673.                                             <span class="prop-title">email:</span>
    674. 

  674.                                             <span class="group-values">
    675. 

  675.                                                 <span class="prop-value user-email">Althea.Switalski@han_solo_musselwhite.com</span>
    676. 

  676.                                                 <span class="prop-value user-reports">(reports enabled)</span>
    677. 

  677. 											</span>
    678. 

  678.                                         </span>
    679. 

  679. 									</div>
    680. 

  680. 								</div>
    681. 

  681. 								<div class="b-stats-box">
    682. 

  682. 									<div class="stats-box-title">stats</div>	
    683. 

  683.                                     <!-- disk usage block -->
    684. 

  684.                                     <div class="b-usage-box2 disk-usage cc">
    685. 

  685.                                         <span class="prop-title">disk usage:</span>
    686. 

  686.                                         <div class="usage-box">
    687. 

  687.                                             <div class="value-box">
    688. 

  688.                                                 <div class="graph">
    689. 

  689.                                                     <span class="value" style="left:75%;">75% <span class="value-size">(2304 Mb)</span></span>
    690. 

  690.                                                     <span class="bar" style="width:75%;"></span>
    691. 

  691.                                                 </div>
    692. 

  692.                                             </div>
    693. 

  693.                                             <div class="max-size">3 <span class="units">Gb</span></div>
    694. 

  694.                                         </div>
    695. 

  695.                                     </div><!-- // disk usage block -->
    696. 

  696.                                     <!-- bandwidth usage block -->
    697. 

  697.                                     <div class="b-usage-box2 bandwidth-box cc">
    698. 

  698.                                         <span class="prop-title">bandwidth:</span>
    699. 

  699.                                         <div class="usage-box">
    700. 

  700.                                             <div class="value-box">
    701. 

  701.                                                 <div class="graph">
    702. 

  702.                                                     <span class="value" style="left:95%;">95% <span class="value-size">(750 Gb)</span></span>
    703. 

  703.                                                     <span class="bar" style="width:95%;"></span>
    704. 

  704.                                                 </div>
    705. 

  705.                                             </div>
    706. 

  706.                                             <div class="max-size">800 <span class="units">Mb</span></div>
    707. 

  707.                                         </div>
    708. 

  708.                                     </div><!-- // bandwidth usage block -->
    709. 

  709. 								</div><!-- // .stats-box -->
    710. 

  710. 							</div>
    711. 

  711. 							<div class="props-additional">
    712. 

  712. 								<span class="prop-box webdomains-box">
    713. 

  713. 									<span class="prop-title">web domains:</span>
    714. 

  714. 									<span class="prop-value">1 (5)</span>
    715. 

  715. 								</span>
    716. 

  716. 								<span class="prop-box websl-box">
    717. 

  717. 									<span class="prop-title">web ssl:</span>
    718. 

  718. 									<span class="prop-value">0 (5)</span>
    719. 

  719. 								</span>
    720. 

  720. 								<span class="prop-box webalias-box">
    721. 

  721. 									<span class="prop-title">web alias:</span>
    722. 

  722. 									<span class="prop-value prop-value-collapsed-childs">(7) per domain</span>
    723. 

  723. 								</span>
    724. 

  724. 								<span class="prop-box prop-box_group-values cc webtpl-box">
    725. 

  725. 									<span class="prop-title">web templates:</span>
    726. 

  726. 									<span class="group-values group-values__bullet">
    727. 

  727. 										<span class="prop-value">default</span>
    728. 

  728. 										<span class="prop-value">phpcgi</span>
    729. 

  729. 										<span class="prop-value">unlim</span>
    730. 

  730. 									</span>
    731. 

  731. 								</span>
    732. 

  732. 								<span class="prop-box db-box">
    733. 

  733. 									<span class="prop-title">databases:</span>
    734. 

  734. 									<span class="prop-value">1 (5)</span>
    735. 

  735. 								</span>
    736. 

  736. 								<span class="prop-box shell-box">
    737. 

  737. 									<span class="prop-title">shell:</span>
    738. 

  738. 									<span class="prop-value">bash</span>
    739. 

  739. 								</span>
    740. 

  740. 								<span class="prop-box backups-box">
    741. 

  741. 									<span class="prop-title">backups:</span>
    742. 

  742. 									<span class="prop-value">retention 3</span>
    743. 

  743. 								</span>
    744. 

  744. 							</div>
    745. 

  745. 							<div class="props-ext">
    746. 

  746. 								<span class="prop-box mailboxes-box">
    747. 

  747. 									<span class="prop-title">mailboxes:</span>
    748. 

  748. 									<span class="prop-value">? (30)</span>
    749. 

  749. 								</span>
    750. 

  750. 								<span class="prop-box mailfwds-box">
    751. 

  751. 									<span class="prop-title">mail forwarders:</span>
    752. 

  752. 									<span class="prop-value">? (30)</span>
    753. 

  753. 								</span>
    754. 

  754. 								<span class="prop-box maildomains-box">
    755. 

  755. 									<span class="prop-title">mail domains:</span>
    756. 

  756. 									<span class="prop-value">0 (?)</span>
    757. 

  757. 								</span>
    758. 

  758. 								<span class="prop-box dnsdomains-box">
    759. 

  759. 									<span class="prop-title">dns domains:</span>
    760. 

  760. 									<span class="prop-value">0 (5)</span>
    761. 

  761. 								</span>
    762. 

  762. 								<span class="prop-box prop-box_group-values cc ns-list-box">
    763. 

  763. 									<span class="prop-title">ns list:</span>
    764. 

  764. 									<span class="group-values group-values__bullet">
    765. 

  765. 										<span class="prop-value">n1.readwriteweb.com</span>
    766. 

  766. 										<span class="prop-value">n2.readwriteweb.com</span>
    767. 

  767. 										<span class="prop-value">n3.readwriteweb.com</span>
    768. 

  768. 										<span class="group-switcher">
    769. 

  769. 											<span class="group-values-count">6 more</span>
    770. 

  770. 										</span>
    771. 

  771. 									</span>
    772. 

  772. 								</span>
    773. 

  773. 							</div>							
    774. 

  774. 						</div><!-- // .row-details -->
    775. 

  775. 					</div><!-- // .row 4 -->
    776. 

  776. 

  777. 					<!-- form -->
    778. 

  778. 					<div class="b-new-entry b-new-entry_user">
    779. 

  779. 						<div class="entry-header">New user</div>
    780. 

  780. 						<div class="form-error">
    781. 

  781. 							<div class="error-box">
    782. 

  782. 								<span class="error-message">Wrong minute format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
    783. 

  783. 							</div>
    784. 

  784. 						</div>
    785. 

  785. 						<div class="form-row cc">
    786. 

  786. 							<label class="field-label" for="#">username:</label>
    787. 

  787. 							<input class="text-field" type="text" value="Carlene Delcambre" />
    788. 

  788. 						</div>
    789. 

  789. 						<div class="form-row pwd-box cc">
    790. 

  790. 							<label class="field-label" for="#">password:</label>
    791. 

  791. 							<input class="text-field" type="text" value="g179x2vpvfamn7v" />
    792. 

  792. 							<span class="generate-pwd">Generate</span>
    793. 

  793. 						</div>
    794. 

  794. 						<div class="form-row cc">
    795. 

  795. 							<label class="field-label" for="#">package:</label>
    796. 

  796. 							<select class="styled" name="template">
    797. 

  797. 								<option value="1" selected="selected">default</option>
    798. 

  798. 								<option value="2">custom</option>
    799. 

  799. 								<option value="3">advanced</option>
    800. 

  800. 							</select>
    801. 

  801. 						</div>
    802. 

  802. 						<div class="form-row cc">
    803. 

  803. 							<label class="field-label" for="#">role:</label>
    804. 

  804. 							<select class="styled" name="template">
    805. 

  805. 								<option value="1" selected="selected">user</option>
    806. 

  806. 								<option value="2">administrator</option>
    807. 

  807. 							</select>
    808. 

  808. 						</div>
    809. 

  809. 						<div class="form-row cc">
    810. 

  810. 							<label class="field-label" for="#">contact email:</label>
    811. 

  811. 							<input class="text-field" type="text" value="hansolo.buheit@digital-photography-school.com" />
    812. 

  812. 						</div>
    813. 

  813. 

  814. 						<div class="form-row cc">
    815. 

  815. 							<label class="field-label" for="#">reports:</label>
    816. 

  816. 							<input class="styled" type="checkbox" value="" />
    817. 

  817. 						</div>
    818. 

  818. 						<div class="form-row cc">
    819. 

  819. 							<label class="field-label" for="#">ns1:</label>
    820. 

  820. 							<input class="text-field" type="text" value="shared-dedicated-1.digital-photography-school.com" />
    821. 

  821. 						</div>
    822. 

  822. 						<div class="form-row cc">
    823. 

  823. 							<label class="field-label" for="#">ns2:</label>
    824. 

  824. 							<input class="text-field" type="text" value="custom-edge-cdn2.digital-photography-school.com" />
    825. 

  825. 						</div>
    826. 

  826. 

  827. 						
    828. 

  828. 						<div class="form-row buttons-row cc">
    829. 

  829. 							<input class="add-entry-btn" type="submit" value="add" />
    830. 

  830. 							<span class="cancel-btn">Cancel</span>
    831. 

  831. 							<span class="delete-btn">Delete</span>
    832. 

  832. 						</div>
    833. 

  833. 					</div><!-- // form -->
    834. 

  834. 					
    835. 

  835. 					<!-- form -->
    836. 

  836. 					<div class="b-new-entry b-new-entry_user">
    837. 

  837. 						<div class="entry-header">Edit user</div>
    838. 

  838. 						<div class="form-error">
    839. 

  839. 							<div class="error-box">
    840. 

  840. 								<span class="error-message">Wrong minute format. Need some <a class="help-tip-url" href="#">Help</a> ?</span>
    841. 

  841. 							</div>
    842. 

  842. 						</div>
    843. 

  843. 						<div class="form-row cc">
    844. 

  844. 							<label class="field-label" for="#">username:</label>
    845. 

  845. 							<input class="text-field" type="text" value="Carlene Delcambre" />
    846. 

  846. 						</div>
    847. 

  847. 						<div class="form-row pwd-box cc">
    848. 

  848. 							<label class="field-label" for="#">password:</label>
    849. 

  849. 							<input class="text-field" type="text" value="g179x2vpvfamn7v" />
    850. 

  850. 							<span class="generate-pwd">Generate</span>
    851. 

  851. 						</div>
    852. 

  852. 						<div class="form-row cc">
    853. 

  853. 							<label class="field-label" for="#">first name:</label>
    854. 

  854. 							<input class="text-field" type="text" value="Carlene" />
    855. 

  855. 						</div>
    856. 

  856. 						<div class="form-row lastname-box cc">
    857. 

  857. 							<label class="field-label" for="#">last name:</label>
    858. 

  858. 							<input class="text-field" type="text" value="Delcambre" />
    859. 

  859. 						</div>
    860. 

  860. 						<div class="form-row cc">
    861. 

  861. 							<label class="field-label" for="#">package:</label>
    862. 

  862. 							<select class="styled" name="template">
    863. 

  863. 								<option value="1" selected="selected">default</option>
    864. 

  864. 								<option value="2">custom</option>
    865. 

  865. 								<option value="3">advanced</option>
    866. 

  866. 							</select>
    867. 

  867. 						</div>
    868. 

  868. 						<div class="form-row cc">
    869. 

  869. 							<label class="field-label" for="#">role:</label>
    870. 

  870. 							<select class="styled" name="template">
    871. 

  871. 								<option value="1" selected="selected">user</option>
    872. 

  872. 								<option value="2">administrator</option>
    873. 

  873. 							</select>
    874. 

  874. 						</div>
    875. 

  875. 						<div class="form-row cc">
    876. 

  876. 							<label class="field-label" for="#">contact email:</label>
    877. 

  877. 							<input class="text-field" type="text" value="hansolo.buheit@digital-photography-school.com" />
    878. 

  878. 						</div>
    879. 

  879. 

  880. 						<div class="form-row cc">
    881. 

  881. 							<label class="field-label" for="#">reports:</label>
    882. 

  882. 							<input class="styled" type="checkbox" value="" />
    883. 

  883. 						</div>
    884. 

  884. 						<div class="form-row cc">
    885. 

  885. 							<label class="field-label" for="#">ns1:</label>
    886. 

  886. 							<input class="text-field" type="text" value="shared-dedicated-1.digital-photography-school.com" />
    887. 

  887. 						</div>
    888. 

  888. 						<div class="form-row cc">
    889. 

  889. 							<label class="field-label" for="#">ns2:</label>
    890. 

  890. 							<input class="text-field" type="text" value="custom-edge-cdn2.digital-photography-school.com" />
    891. 

  891. 						</div>
    892. 

  892. 						<div class="form-row cc">
    893. 

  893. 							<label class="field-label" for="#">ns3:</label>
    894. 

  894. 							<input class="text-field" type="text" value="" />
    895. 

  895. 							<b class="delete-record"></b>
    896. 

  896. 						</div>
    897. 

  897. 						<div class="form-row cc">
    898. 

  898. 							<label class="field-label" for="#">ns4:</label>
    899. 

  899. 							<input class="text-field" type="text" value="" />
    900. 

  900. 							<b class="delete-record"></b>
    901. 

  901. 						</div>
    902. 

  902. 						<div class="form-row cc">
    903. 

  903. 							<label class="field-label" for="#">ns5:</label>
    904. 

  904. 							<input class="text-field" type="text" value="" />
    905. 

  905. 							<b class="delete-record"></b>
    906. 

  906. 						</div>
    907. 

  907. 						<div class="form-row cc">
    908. 

  908. 							<a class="add-ns" href="#">
    909. 

  909. 								<i class="icon">&nbsp;</i> 
    910. 

  910. 								<span class="btn-title">Add additional NS</span>
    911. 

  911. 							</a>
    912. 

  912. 						</div>
    913. 

  913. 						<div class="form-row cc">
    914. 

  914. 							<label class="field-label" for="#">suspended:</label>
    915. 

  915. 							<input class="styled" type="checkbox" value="" />
    916. 

  916. 						</div>
    917. 

  917. 						<div class="form-row buttons-row cc">
    918. 

  918. 							<input class="add-entry-btn" type="submit" value="add" />
    919. 

  919. 							<span class="cancel-btn">Cancel</span>
    920. 

  920. 							<span class="delete-btn">Delete</span>
    921. 

  921. 						</div>
    922. 

  922. 					</div><!-- // form -->
    923. 

  923. 

  924. 				</div><!-- // .domain-list -->
    925. 

  925. 			</div>
    926. 

  926. 		</div><!-- // #content -->
    927. 

  927. 	</div>
    928. 

  928. </div>
    929. 

  929. <div class="d-popup d-popup-ns-list" style="left:1160px;top:685px;z-index:1000;display:block;">
    930. 

  930. 	<div class="d-popup-inner">
    931. 

  931. 		<span class="close">&times;</span>
    932. 

  932.         <div class="d-popup-content">
    933. 

  933.         	<div class="d-popup-title">NS List</div>
    934. 

  934.             <ul class="d-popup-items">
    935. 

  935.             	<li class="item">read1@write.com</li>
    936. 

  936.             	<li class="item">read2@write.com</li>
    937. 

  937.             	<li class="item">read3@write.com</li>
    938. 

  938.             	<li class="item">read4@write.com</li>
    939. 

  939.             	<li class="item">read5@write.com</li>
    940. 

  940.             	<li class="item">read5@write.com</li>
    941. 

  941.             </ul>
    942. 

  942.         </div>
    943. 

  943.     </div>
    944. 

  944. </div>
    945. 

  945. <div class="d-popup d-popup-webaliases-list" style="left:975px;top:485px;z-index:1001;display:none;">
    946. 

  946. 	<div class="d-popup-inner">
    947. 

  947. 		<span class="close">&times;</span>
    948. 

  948.         <div class="d-popup-content">
    949. 

  949.         	<div class="d-popup-title">Web aliases</div>
    950. 

  950.             <ul class="d-popup-items">
    951. 

  951.             	<li class="item"><a href="#">write.com</a> 1</li>
    952. 

  952.             	<li class="item"><a href="#">write.com</a> 1</li>
    953. 

  953.             	<li class="item"><a href="#">write.com</a> 1</li>
    954. 

  954.             	<li class="item"><a href="#">write.com</a> 1</li>
    955. 

  955.             </ul>
    956. 

  956.         </div>
    957. 

  957.     </div>
    958. 

  958. </div>
    959. 

  959. <div class="d-popup d-popup-default-tpl" style="left:780px;top:840px;z-index:1002;">
    960. 

  960. 	<div class="d-popup-inner">
    961. 

  961. 		<span class="close">&times;</span>
    962. 

  962.         <div class="d-popup-content">
    963. 

  963.         	<div class="d-popup-title">Defaul template</div>
    964. 

  964. 			<div class="group">
    965. 

  965.                 <span class="prop-box webdomains-box">
    966. 

  966.                     <span class="prop-title">web domains:</span>
    967. 

  967.                     <span class="prop-value">1 (5)</span>
    968. 

  968.                 </span>
    969. 

  969.                 <span class="prop-box websl-box">
    970. 

  970.                     <span class="prop-title">web sl:</span>
    971. 

  971.                     <span class="prop-value">0 (5)</span>
    972. 

  972.                 </span>
    973. 

  973.                 <span class="prop-box webalias-box">
    974. 

  974.                     <span class="prop-title">web alias:</span>
    975. 

  975.                     <span class="prop-value">? (10)</span>
    976. 

  976.                 </span>
    977. 

  977.                 <span class="prop-box shell-box">
    978. 

  978.                     <span class="prop-title">shell:</span>
    979. 

  979.                     <span class="prop-value">bash</span>
    980. 

  980.                 </span>
    981. 

  981.                 <span class="prop-box db-box">
    982. 

  982.                     <span class="prop-title">databases:</span>
    983. 

  983.                     <span class="prop-value">1 (5)</span>
    984. 

  984.                 </span>
    985. 

  985.                 <span class="prop-box mailboxes-box">
    986. 

  986.                     <span class="prop-title">mailboxes:</span>
    987. 

  987.                     <span class="prop-value">? (30)</span>
    988. 

  988.                 </span>
    989. 

  989.                 <span class="prop-box mailboxes-box">
    990. 

  990.                     <span class="prop-title">mail forwarders:</span>
    991. 

  991.                     <span class="prop-value">? (30)</span>
    992. 

  992.                 </span>
    993. 

  993.                 <span class="prop-box mailboxes-box">
    994. 

  994.                     <span class="prop-title">mail domains:</span>
    995. 

  995.                     <span class="prop-value">0 (?)</span>
    996. 

  996.                 </span>
    997. 

  997.                 <span class="prop-box mailboxes-box">
    998. 

  998.                     <span class="prop-title">dns domains:</span>
    999. 

  999.                     <span class="prop-value">0 (5)</span>
    1000. 

  1000.                 </span>
    1001. 

  1001. 			</div>
    1002. 

  1002.         </div>
    1003. 

  1003.     </div>
    1004. 

  1004. </div>
    1005. 

  1005. <div class="d-popup d-popup-package-tpl" style="left:780px;top:1240px;z-index:1000;display:block;">
    1006. 

  1006. 	<div class="d-popup-inner">
    1007. 

  1007. 		<span class="close">&times;</span>
    1008. 

  1008.         <div class="d-popup-content">
    1009. 

  1009. 		----------PACKAGE:          defaultWEB_DOMAINS:      10WEB_SSL:          10WEB_ALIASES:      10DATABASES:        10MAIL_DOMAINS:     10MAIL_BOXES:       30MAIL_FORWARDERS:  30DNS_DOMAINS:      10DISK_QUOTA:       10000BANDWIDTH:        10000NS1:NS2:SHELL:            nologinBACKUPS:          3WEB_TPL:          default,phpcgi,unlim,phpfcgidMAX_CHILDS:       300----------PACKAGE:          palegreenWEB_DOMAINS:      30WEB_SSL:          30WEB_ALIASES:      50DATABASES:        30MAIL_DOMAINS:     30MAIL_BOXES:       50MAIL_FORWARDERS:  50DNS_DOMAINS:      30DISK_QUOTA:       50000BANDWIDTH:        50000NS1:NS2:SHELL:            nologinBACKUPS:          5WEB_TPL:          default,phpcgi,unlim,phpfcgidMAX_CHILDS:       300                
    1010. 

  1010. 		</div>
    1011. 

  1011. 	</div>
    1012. 

  1012. </div>
    1013. 

  1013. <div class="d-popup d-popup-errors" style="left:900px;top:290px;z-index:999;display:block;">
    1014. 

  1014. 	<div class="d-popup-inner">
    1015. 

  1015. 		<span class="close">&times;</span>
    1016. 

  1016. 		<div class="d-popup-content">
    1017. 

  1017. 			<div class="d-popup-title">
    1018. 

  1018. 				<span class="popup-title-wrap">This is out of Newton's Phisics <i class="planets">&nbsp;</i></span>
    1019. 

  1019. 			</div>
    1020. 

  1020. 			<div class="d-popup-main">
    1021. 

  1021. 				<h2 class="section-title">Internet connection seems to be lost</h2>
    1022. 

  1022. 				<div class="d-popup-summary">
    1023. 

  1023. 					<ul>
    1024. 

  1024. 						<li>Please check your connection</li>
    1025. 

  1025. 						<li>Contact your provider</li>
    1026. 

  1026. 						<li>or give us a call (+373 22) 25-11-65</li>
    1027. 

  1027. 					</ul>
    1028. 

  1028. 				</div>
    1029. 

  1029. 			</div>
    1030. 

  1030. 			<div class="footnotes cc">
    1031. 

  1031. 				<p class="additional-info">For questions please contact <a class="questions-url" href="mailto:support@vestacp.com">support@vestacp.com</a></p>
    1032. 

  1032. 				<a class="report-case-url" href="#">report this case</a>
    1033. 

  1033. 			</div>
    1034. 

  1034. 		</div>
    1035. 

  1035. 	</div>
    1036. 

  1036. </div>
    1037. 

  1037. 

  1038. <div class="d-popup d-popup-errors d-popup-errors2" style="left:320px;top:290px;z-index:999;display:block;">
    1039. 

  1039. 	<div class="d-popup-inner">
    1040. 

  1040. 		<span class="close">&times;</span>
    1041. 

  1041. 		<div class="d-popup-content">
    1042. 

  1042. 			<div class="d-popup-title">
    1043. 

  1043. 				<span class="popup-title-wrap">This is out of Newton's Phisics <i class="planets">&nbsp;</i></span>
    1044. 

  1044. 			</div>
    1045. 

  1045. 			<div class="d-popup-main">
    1046. 

  1046. 				<h2 class="section-title">Something went wrong. We're working on getting this fixed as soon as we can. </h2>
    1047. 

  1047. 				<div class="d-popup-summary">
    1048. 

  1048. <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
    1049. 

  1049. 				</div>
    1050. 

  1050. 			</div>
    1051. 

  1051. 			<div class="footnotes cc">
    1052. 

  1052. 				<p class="additional-info">For questions please contact <a class="questions-url" href="mailto:support@vestacp.com">support@vestacp.com</a></p>
    1053. 

  1053. 				<a class="report-case-url" href="#">report this case</a>
    1054. 

  1054. 			</div>
    1055. 

  1055. 		</div>
    1056. 

  1056. 	</div>
    1057. 

  1057. </div>
    1058. 

  1058. 

  1059. </body>
    1060. 

  1060. </html>
    1061.