header.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  5. <title>Vesta - <?php echo "$TAB"; ?> </title>
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  7. <style type="text/css">
  8. body {
  9. margin: 0;
  10. margin-left: auto;
  11. margin-right: auto;
  12. font-family: Arial, Helvetica, sans-serif;
  13. background: #e9e9e9;
  14. }
  15. form {
  16. margin: 0;
  17. }
  18. .hidden {
  19. display: none;
  20. }
  21. .main {
  22. background: #ffffff;
  23. padding: 0 0 18px 0;
  24. box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  25. }
  26. .top {
  27. color: #ffd76e;
  28. padding: 0;
  29. font-family: Arial, Helvetica, sans-serif;
  30. margin: 0;
  31. width: 990px;
  32. font-size: 10pt;
  33. text-align: left;
  34. border: 0px;
  35. border-collapse:collapse;
  36. }
  37. .top thead td {
  38. background: #505050;
  39. border-bottom: 1px solid #fff;
  40. height: 25px;
  41. text-align: right;
  42. padding: 0 24px 0 0px;
  43. weight:120px;
  44. }
  45. .top thead td:first-child{
  46. border-left: 1px solid #fff;
  47. border-right:none;
  48. text-align:left;
  49. padding: 0 0 0 0;
  50. width:auto;
  51. }
  52. .top-link {
  53. padding: 5px 22px 4px;
  54. text-decoration: none;
  55. color: #fff;
  56. border-right: 1px solid #fff;
  57. }
  58. .top-link:hover {
  59. color: #fff;
  60. background: #999;
  61. }
  62. .top-link:active{
  63. color: #fff;
  64. background: #f79b44;
  65. }
  66. .top-selected-link {
  67. padding: 5px 22px;
  68. text-decoration: none;
  69. color: #555;
  70. background: #fff;
  71. border-right: 1px solid #fff;
  72. }
  73. .top-selected-link:hover {
  74. color: #174f82;
  75. }
  76. .top-logout {
  77. text-decoration: none;
  78. color: #d3d3d3;
  79. padding: 0 0 0 2px;
  80. border: noner;
  81. }
  82. .top-logout:hover {
  83. color: #;
  84. }
  85. .top-logout:active {
  86. color: #fff;
  87. background-color: #f79b44;
  88. }
  89. .nav-logo {
  90. float:left;
  91. height:110px;
  92. width:161px;
  93. margin: 0;
  94. border-bottom: 1px solid #e3e3e3;
  95. }
  96. .nav-lnk {
  97. text-decoration: none;
  98. color: #323232;
  99. float:left;
  100. }
  101. .nav-lnk:active {
  102. color: #ccc;
  103. }
  104. .nav-block {
  105. margin: 0;
  106. height:110px;
  107. width: 118px;
  108. float:left;
  109. cursor: pointer;
  110. border-bottom: 1px solid #e3e3e3;
  111. }
  112. .nav-block:hover {
  113. height:107px;
  114. border-bottom: 4px solid #f79b44;
  115. }
  116. .nav-selected-block {
  117. margin: 0;
  118. color: #174f82;
  119. height: 107px;
  120. width: 118px;
  121. float: left;
  122. background: #fff;
  123. border-bottom: 4px solid #777;
  124. cursor: pointer;
  125. }
  126. .nav-selected-block:hover {
  127. height:107px;
  128. border-bottom: 4px solid #f79b44;
  129. }
  130. .nav-header {
  131. padding: 14px 0 0 6px;
  132. margin: 0;
  133. letter-spacing: -1.0px;
  134. font-size: 16pt;
  135. font-weight: bold;
  136. }
  137. .nav-selected-header {
  138. padding: 14px 0 0 6px;
  139. margin: 0;
  140. letter-spacing: -1.0px;
  141. font-size: 16pt;
  142. font-weight: bold;
  143. }
  144. .nav-counters {
  145. padding: 1px 0 0 6px;
  146. margin: 0;
  147. height: 58px;
  148. line-height: 1.4em;
  149. font-size: 9pt;
  150. color: #555;
  151. decoration: none;
  152. }
  153. .submenu {
  154. margin-left: auto;
  155. margin-right: auto;
  156. width: 990px;
  157. font-family:Arial, Helvetica, sans-serif;
  158. height: 54px;
  159. font-size: 10pt;
  160. text-align: left;
  161. vertical-align:top;
  162. padding: 0px 10px 0px 0;
  163. background: none repeat scroll 0% 0% white;
  164. }
  165. .submenu td {
  166. vertical-align: middle;
  167. }
  168. .submenu-button-block {
  169. float: left;
  170. }
  171. .submenu-button {
  172. width: 130px;
  173. height: 24px;
  174. cursor: pointer;
  175. color: #333;
  176. background-color: #fafafa;
  177. border: 1px solid #c3c3c3;
  178. border-radius: 3px 3px 3px 3px;
  179. padding: 0;
  180. font-size: 12px;
  181. font-family:Arial, Helvetica, sans-serif;
  182. }
  183. @-moz-document url-prefix() {
  184. .submenu-button {
  185. padding-bottom: 2px;
  186. }
  187. }
  188. .submenu-button:hover {
  189. background-color: #f0f0f0;
  190. }
  191. .submenu-button:active {
  192. color: #fff;
  193. border: 1px solid #f79b44;
  194. background-color: #f79b44;
  195. }
  196. .submenu-select-block {
  197. float:left;
  198. padding-left: 18px;
  199. }
  200. .submenu-select-link {
  201. color: #6A6A6A;
  202. display: block;
  203. float: left;
  204. font-size: 8pt;
  205. letter-spacing: 0.1em;
  206. margin: 6px 6px 0 0;
  207. text-decoration: none;
  208. padding: 0 4px 0 12px
  209. }
  210. .submenu-select-link:hover {
  211. text-decoration: underline;
  212. }
  213. .submenu-select-link:active {
  214. color: #fff;
  215. background-color: #f79b44;
  216. text-decoration: underline;
  217. }
  218. .submenu-select-dropdown {
  219. font-family:Arial, Helvetica, sans-serif;
  220. color: #333333;
  221. display: block;
  222. float: left;
  223. height: 24px;
  224. margin: 0 4px 0 0;
  225. min-width: 138px;
  226. }
  227. .submenu-search-block {
  228. text-align: right;
  229. float: right;
  230. }
  231. .submenu-search-field {
  232. border: 1px solid #d3d3d3;
  233. border-radius: 3px 3px 3px 3px;
  234. color: #333;
  235. font-size: 14px;
  236. background-color: #fff;
  237. float: left;
  238. padding: 0px 3px 0px 3px;
  239. height: 22px;
  240. width: 250px;
  241. margin: 0 4px 0 0;
  242. }
  243. .bottom {
  244. background: #ebe9dc;
  245. color: #555;
  246. margin: 30px 0 0 0;
  247. padding: 4px 20px 8px 0;
  248. margin-left: auto;
  249. margin-right: auto;
  250. width: 990px;
  251. font-size: 8pt;
  252. text-align: center;
  253. vertical-align:top;
  254. line-height: 0.8em;
  255. border-top: 4px solid #d3d3d3;
  256. }
  257. .bottom a:link {
  258. font-size: 8pt;
  259. text-decoration: none;
  260. color: #555;
  261. }
  262. .bottom a:visited {
  263. text-decoration: none;
  264. color: #555;
  265. }
  266. .bottom a:hover {
  267. text-decoration: underline;
  268. color: #7fa1cb;
  269. }
  270. .vst {
  271. padding: 0 4px 0 4px;
  272. margin: 0;
  273. text-decoration: none;
  274. color: #999;
  275. font-size: 12pt;
  276. float: left;
  277. }
  278. .vst:hover {
  279. text-decoration: underline;
  280. }
  281. .vst:active {
  282. color: #fff;
  283. background-color: #f79b44;
  284. }
  285. .vst-selected {
  286. padding: 0 4px 0 4px;
  287. margin: 0;
  288. text-decoration: none;
  289. color: #174f82;
  290. font-size: 12pt;
  291. float: left;
  292. }
  293. .vst-selected:hover {
  294. text-decoration: underline;
  295. }
  296. .vst-selected:active {
  297. color: #fff;
  298. background-color: #f79b44;
  299. }
  300. .data {
  301. border-collapse:collapse;
  302. margin-left: auto;
  303. margin-right: auto;
  304. width: 990px;
  305. font-family:Arial, Helvetica, sans-serif;
  306. color: #e5a907;
  307. font-size: 12pt;
  308. text-align: left;
  309. vertical-align:top;
  310. margin: 0;
  311. behavior:url("/css/csshover3.htc");
  312. }
  313. .data a {
  314. text-decoration: none;
  315. }
  316. .data-row:hover {
  317. margin: 0;
  318. background-color: #f7f6ed;
  319. }
  320. .datarowhover {
  321. margin: 0;
  322. background-color: #f7f6ed;
  323. }
  324. .data-null {
  325. margin: 0;
  326. width: 990px;
  327. height: 10px;
  328. border-top:1px dotted #d3d3d3;
  329. }
  330. .data-spacer {
  331. margin: 0;
  332. width: 990px;
  333. }
  334. .data-add {
  335. margin: 0;
  336. background-color: #f7f6ed;
  337. border-left: 1px solid #e9e9e9;
  338. border-right: 1px solid #e9e9e9;
  339. border-bottom: 1px solid #e9e9e9;
  340. }
  341. .data-dotted {
  342. text-align: left;
  343. vertical-align:top;
  344. border-top:1px dotted #d3d3d3;
  345. padding: 0 0 26px 0;
  346. margin: 0;
  347. }
  348. .data-dotted td {
  349. margin: 0;
  350. }
  351. .data-col1 {
  352. text-align: left;
  353. padding:0;
  354. }
  355. .data-col1 tr td {
  356. padding:0 0 0 20px;
  357. }
  358. .data-col1 tr:first-child td {
  359. padding:23px 0 0 20px;
  360. }
  361. .data-col2 {
  362. text-align: left;
  363. padding: 0;
  364. overflow: hidden;
  365. }
  366. .data-col2 a:visited {
  367. color: green;
  368. }
  369. .data-col5 {
  370. table-layout: fixed;
  371. text-align: left;
  372. padding: 0;
  373. overflow: hidden;
  374. white-space: nowrap;
  375. }
  376. .data-date {
  377. padding: 0 0 0 18;
  378. letter-spacing: 0.3em;
  379. font-size: 8pt;
  380. color: #6A6A6A
  381. }
  382. .data-active {
  383. font-size: 8pt;
  384. letter-spacing: 0.1em;
  385. color: #81a64f;
  386. padding: 0 0 13 18;
  387. }
  388. .data-suspended {
  389. font-size: 8pt;
  390. letter-spacing: 0.1em;
  391. color: #de5543;
  392. padding: 0 0 13 18;
  393. }
  394. .data-controls {
  395. float: right;
  396. height: 16px;
  397. border-left: 1px solid #d3d3d3;
  398. font-size: 8pt;
  399. padding: 2px 12px 1px 6px;
  400. letter-spacing: 0.1em;
  401. color: #174f82;
  402. text-decoration: none;
  403. cursor: pointer;
  404. }
  405. .data-controls:hover {
  406. color: #ffffff;
  407. background: #f79b44;
  408. }
  409. .data-controls img {
  410. border: 0px;
  411. }
  412. .data-count {
  413. font-family: Arial, Helvetica, sans-serif;
  414. background: #f3f3f3;
  415. color: #555;
  416. font-size: 8pt;
  417. margin: 18px 0 0 0;
  418. text-align:right;
  419. padding: 0 16px 0 0;
  420. }
  421. .chart1 {
  422. color:#000;
  423. font-size: 10pt;
  424. }
  425. .chart2 {
  426. color: #484243;
  427. font-size: 8pt;
  428. }
  429. .username {
  430. color: #323232;
  431. font-size: 16pt;
  432. line-height: 1.2em;
  433. }
  434. .domain {
  435. color: #323232;
  436. font-size: 16pt;
  437. line-height: 0.8em;
  438. }
  439. .cron {
  440. color: #323232;
  441. font-size: 18px;
  442. }
  443. .log {
  444. color: #323232;
  445. font-size: 12pt;
  446. }
  447. .aliases {
  448. font-size: 12pt;
  449. color: #99a7af;
  450. padding: 0 0 0 8px;
  451. }
  452. .nginx-ext {
  453. color: black;
  454. vertical-align:top;
  455. font-size: 10pt;
  456. }
  457. .fullname {
  458. font-size: 18px;
  459. color: #99a7af;
  460. padding: 0 0 0 8px;
  461. }
  462. .counter-name {
  463. vertical-align:top;
  464. line-height: 1.2em;
  465. font-size: 10pt;
  466. color: #505050;
  467. }
  468. .cron-counter-name {
  469. vertical-align:top;
  470. line-height: 0.8em;
  471. font-size: 8pt;
  472. padding: 4 0 0 0;
  473. color: #505050;
  474. }
  475. .counter-value {
  476. vertical-align:top;
  477. line-height: 1.2em;
  478. font-size: 10pt;
  479. color: #000;
  480. padding: 0 0 0 4px;
  481. }
  482. .log-counter-value {
  483. vertical-align:top;
  484. font-size: 12pt;
  485. color: #484243;
  486. }
  487. .cron-counter-value {
  488. vertical-align:top;
  489. line-height: 1.2em;
  490. font-size: 12pt;
  491. color: #484243;
  492. }
  493. .name {
  494. font-size: 16pt;
  495. color: #555;
  496. padding: 0 0 0 10px;
  497. }
  498. .vst-ok {
  499. font-size: 18px;
  500. color: #62a358;
  501. padding: 0 0 0 6px;
  502. }
  503. .vst-ok a{
  504. color: #58934f;
  505. text-decoration: none;
  506. }
  507. .vst-ok a:hover{
  508. text-decoration: underline;
  509. }
  510. .vst-error {
  511. font-size: 18px;
  512. color: #de6c5d;
  513. padding: 0 0 0 6px;
  514. }
  515. .vst-text {
  516. color: #323232;
  517. font-size: 12pt;
  518. }
  519. .vst-textinput {
  520. background-color: #fff;
  521. border: 1px solid #c0c0c0;
  522. border-radius: 3px 3px 3px 3px;
  523. color: #555;
  524. font-size: 18px;
  525. padding: 5px;
  526. width: 360px;
  527. height: 120px;
  528. }
  529. .vst-textinput:hover {
  530. border: 1px solid #f79b44;
  531. }
  532. .vst-textinput:focus {
  533. border: 1px solid #f79b44;
  534. }
  535. .vst-textinput:disabled {
  536. background-color: #f1f1f1;
  537. }
  538. .vst-input {
  539. background-color: #fff;
  540. border: 1px solid #c0c0c0;
  541. border-radius: 3px 3px 3px 3px;
  542. color: #555;
  543. font-size: 14pt;
  544. padding: 5px;
  545. width: 360px;
  546. height: 28px;
  547. }
  548. .vst-input:hover {
  549. border: 1px solid #f79b44;
  550. }
  551. .vst-input:focus {
  552. border: 1px solid #f79b44;
  553. }
  554. .vst-input:disabled {
  555. background-color: #f1f1f1;
  556. }
  557. .vst-list {
  558. font-family:Arial, Helvetica, sans-serif;
  559. font-size: 12pt;
  560. color: #555;
  561. height: 30px;
  562. min-width: 136px;
  563. }
  564. @-moz-document url-prefix() {
  565. .vst-list {
  566. padding-top: 2px;
  567. }
  568. }
  569. .vst-checkbox {
  570. padding: 5px;
  571. font-size: 12pt;
  572. }
  573. .vst-checkbox:hover {
  574. border: 1px solid #f79b44;
  575. }
  576. .button {
  577. filter:chroma(color=#000000);
  578. cursor: pointer;
  579. color: #202020;
  580. background-color: #fafafa;
  581. border: 1px solid #c0c0c0;
  582. border-radius: 3px 3px 3px 3px;
  583. font-size: 14px;
  584. padding: 2px 16px;
  585. width: 108px;
  586. height: 34px;
  587. }
  588. .button:hover {
  589. background-color: #f0f0f0;
  590. }
  591. .button:active {
  592. color: #fff;
  593. border: 1px solid #f79b44;
  594. background-color: #f79b44;
  595. }
  596. .genpass {
  597. color: #34536a;
  598. font-size: 8pt;
  599. padding: 0 5px;
  600. letter-spacing: 0.1em;
  601. text-decoration: underline;
  602. }
  603. .genpass:hover {
  604. color: #7fa1cb;
  605. }
  606. .genpass:active {
  607. background-color: #f79b44;
  608. color: #fff;
  609. }
  610. .vst-advanced {
  611. color: #34536a;
  612. font-size: 10pt;
  613. letter-spacing: 0.1em;
  614. text-decoration: none;
  615. padding: 0 2px;
  616. border-bottom: 1px solid #f79b44;
  617. }
  618. .vst-advanced:hover {
  619. color: #7fa1cb;
  620. }
  621. .vst-advanced:active {
  622. color: #fff;
  623. background-color: #f79b44;
  624. }
  625. .fixed{
  626. position: fixed;
  627. border: none;
  628. top: -3px;
  629. border-bottom: 1px solid #d3d3d3;
  630. background-color: #fff;
  631. }
  632. *html .fixed{
  633. position:absolute;
  634. position:fixed;
  635. _position:absolute;
  636. top:0;
  637. _top:expression( eval(document.body.scrollTop) + 'px' );
  638. }
  639. #vstobjects{
  640. padding-top: 192px;
  641. width: 996px;
  642. padding-left: 3px;
  643. min-height: 370px;
  644. }
  645. .login {
  646. font-family:Arial, Helvetica, sans-serif;
  647. margin: 80px 0 80px 0;
  648. padding: 0;
  649. background: #fff;
  650. text-align: left;
  651. vertical-align:top;
  652. width: 500px;
  653. box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  654. }
  655. .login-box {
  656. text-align: left;
  657. vertical-align:top;
  658. color: #323232;
  659. }
  660. .login-bottom {
  661. color: #ebe9dc;
  662. text-align: right;
  663. vertical-align:top;
  664. width: 500px;
  665. height: 50px;
  666. background: #ebe9dc;
  667. padding: 0 8px 0 0;
  668. margin: 0;
  669. }
  670. .vestacp{
  671. font-size: 8pt;
  672. color: #323232;
  673. text-align: right;
  674. padding: 20px 0 0 0;
  675. }
  676. .error {
  677. font-size: 10pt;
  678. color: #dE6c5d;
  679. }
  680. </style>
  681. <!--[if IE]>
  682. <style type="text/css">
  683. html, body, div, span, applet, object, iframe {
  684. margin: 0;
  685. padding: 0;
  686. border: 0;
  687. font-size: 100%;
  688. font: inherit;
  689. vertical-align: baseline;
  690. }
  691. .fixed {
  692. margin-top: 0px;
  693. }
  694. .vst-advanced {
  695. text-decoration: underline;
  696. }
  697. #vstobjects{
  698. padding-top: 195px;
  699. min-height: 370px;
  700. height: auto !important;
  701. height: 370px;
  702. width: 996px;
  703. }
  704. .nav-logo {
  705. float:left;
  706. height:112px;
  707. width:161px;
  708. margin: 0;
  709. border-bottom: 1px solid #d3d3d3;
  710. }
  711. .nav-block {
  712. margin: 0;
  713. height:112px;
  714. width: 118px;
  715. float:left;
  716. cursor: pointer;
  717. border-bottom: 1px solid #d3d3d3;
  718. }
  719. .nav-block:hover {
  720. height:109px;
  721. border-bottom: 4px solid #f79b44;
  722. }
  723. .nav-selected-block {
  724. margin: 0;
  725. color: #174f82;
  726. height: 109px;
  727. width: 118px;
  728. float: left;
  729. background: #fff;
  730. border-bottom: 4px solid #777;
  731. cursor: pointer;
  732. }
  733. .nav-selected-block:hover {
  734. height:109px;
  735. border-bottom: 4px solid #f79b44;
  736. }
  737. </style>
  738. <![endif]-->
  739. <!--[if IE 7]>
  740. <style type="text/css">
  741. .data-col1 a {
  742. white-space: nowrap;
  743. }
  744. .submenu-button-block {
  745. width: 120px;
  746. }
  747. .submenu-search-block {
  748. width:369px;
  749. }
  750. .submenu-select-block {
  751. width:239px;
  752. }
  753. .submenu-select-dropdown {
  754. position: relative;
  755. top: 2px;
  756. }
  757. </style>
  758. <![endif]-->
  759. <link type="text/css" href="/css/jquery-custom-dialogs.css" rel="stylesheet" />
  760. <script type="text/javascript" src="/js/events.js"></script>
  761. <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
  762. <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
  763. <script language="JavaScript">
  764. var checked=false;
  765. var frmname='';
  766. function checkedAll(frmname) {
  767. var valus= document.getElementById(frmname);
  768. if (checked==false) {
  769. checked=true;
  770. } else {
  771. checked = false;
  772. }
  773. for (var i =0; i < valus.elements.length; i++) {
  774. valus.elements[i].checked=checked;
  775. }
  776. }
  777. </script>
  778. </head>
  779. <body>