diff --git a/web/css/main.css b/web/css/main.css index 415979623..3d75a1cd7 100644 --- a/web/css/main.css +++ b/web/css/main.css @@ -1,3153 +1,3199 @@ -/*- - - - - - - - - - - - - - - - - - - -Title : Vesta -Author : Eugen Lobicov, eugen.lobicov@gmail.com - -created : November 27, 2009 -last updated : December 16, 2011 -- - - - - - - - - - - - - - - - - - */ - -html{ - font-size:100.01%; /* prevent IE's extreme font-resizing bug*/ -} - -body{ - position:relative; - font:normal 62.5%/1.5 Helvetica, Arial, sans-serif; - background:#B2AD9C url(../images/thin-grey-line-4.gif) repeat-x; - color:#333; -} -#page{ - width:965px; - width:955px; - margin:3px auto 0; - border:1px solid red; - border:solid #807D70; - border-width:0 1px; -} -.outer{ - padding-bottom:58px; - background:#fff url(../images/footer-bg.gif) repeat-x 0 100%; -} -#header{ - padding:0 1px 0 10px; - height:26px; - border-bottom:2px solid #333527; - background-color:#484439; -} -.logo-box{ - float:left; -} -.logo, -.logo a, -.logo a span{ - display:block; - width:80px; - height:26px; -} -.logo a{ - position:relative; - overflow:hidden; - font-size:1.2em; /*12px */ - text-decoration:none; - color:#fff; - display:block; - text-indent:-9999px; -} -.logo a span{ - position:absolute; - top:1px; - left:0; - z-index:1; - width:72px; - height:24px; - background:url(../images/vesta-logo-2011-12-14.png) no-repeat; -} -.settings{ - float:right; -} -.settings .settings-item, -.extra-services .service-item{ - float:left; - display:block; - padding:0 10px; - font-size:9px; - line-height:26px; - - text-transform:uppercase; - letter-spacing:1px; -} -.settings .item-title, -.extra-services .item-title{ - font-family:Arial, Helvetica, san-serif; - font-size:9px; - color:#C0BD00; - text-decoration:none; - border-bottom:1px dotted #68684B; -} -.settings a.item-title:hover{ - color:#fefda0; - text-decoration:none; -} -.settings a.item-title:active{ - color:#E16734; - text-decoration:none; -} -.settings .logged-as{ - margin:0; -} -.settings .logged-as{ - position:relative; - top:1px; - padding-right:5px; - font-size:16px; - line-height:20px; - font-family:Georgia, Cambria, "Times New Roman", Times, serif; - font-weight:bold; - font-style:italic; - color:#fff; - text-transform:none; - border:none; - letter-spacing:normal; -} -.settings .logout{ - float:left; - display:block; - text-transform:uppercase; - letter-spacing:1px; - line-height:26px; - } - .settings .logout .item-title{ - display:block; - padding:0 10px; - font-size:9px; - line-height:26px; - border:none; - } - .settings .logout .item-title-inner{ - border-bottom:1px dotted #68684B; - } - .logout a.item-title:hover{ - background-color:#a3b82d; - color:#ffffc5; - } - .logout a.item-title:hover .item-title-inner{ - border:none; - } - - .logout a.item-title:active{ - background-color:#ffff66; - color:#272700; - } - - -.extra-services{ - float:right; - margin-right:59px; -} -.extra-services .service-item{ - position:relative; - padding:0 13px; - line-height:26px; - letter-spacing:normal; -} -.extra-services .item-devider{ - position:absolute; - top:-3px; - left:0; - width:100%; - height:3px; -} -.extra-services .item-title{ - font-family:Arial, Helvetica, san-serif; - font-size:10px; - font-weight:bold; - color:#C0E1F3; - border-bottom:1px dotted #7D939F; -} -.extra-services .active{ - cursor:default; - background:#333; - font-weight:bold; - } - .extra-services .service-item:hover{ - cursor:pointer; - } - .extra-services .service-item:hover .item-title{ - color:#fffa96; - border-bottom-color:#fffa96; - } - .extra-services .service-item:active{ - background:#333; - } - .extra-services .service-item:active .item-title{ - color:#fff; - border:none; - } - .extra-services .active .item-title{ - color:#fff997; - border:none; - } - .extra-services .active .item-devider{ - background:#ff6766; - } - -/*Remove button padding in FF*/ -input::-moz-focus-inner{ - border: 0; - padding: 0; -} -.cc:after{ - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.hidden{ - display:none !important; -} - -/* Navigation -- - - - - - - - - - - - - - - - - - - - */ -#primary-nav-box{ - clear:both; - height:115px; - background-color:#ecf3d2; -} -.primary-nav{} - -.primary-nav .section{ - position:relative; - float:left; - display:block; - padding-right:1px; - background:url(../images/nav-devider-2.png) no-repeat 100% 50%; -} -.primary-nav .last-section{ - background:none; - padding:0; -} -.section .section-inner{ - width:130px; - min-height:100px; - height:auto !important; - height:100px; - padding:15px 0 3px 6px; - padding:15px 0 0 6px; - } -.primary-nav .last-section .section-inner{ - width:133px; - width:127px; -} -.section .section-title{ - position:absolute; - left:7px; - bottom:9px; - font-family:Arial, Helvetica, sans-serif; - font-size:15px; - line-height:1.2; - font-weight:bold; - text-transform:uppercase; - color:#393939; - color:#33342e; - } - .section .section-title .to-section{ - float:left; - margin-right:4px; - } - .section .section-title .add-entry{ - position:relative; - top:2px; - float:left; - display:block; - width:14px; - height:14px; - background:url(../images/plus-sprite1.png) no-repeat; - font-size:0; - line-height:0; - visibility:hidden; - } - .section .section-title .add-entry:hover{ - background-position:-14px 0; - cursor:pointer; - } - -.section .section-devider{ - position:absolute; - left:0; - bottom:0; - z-index:10; - /*background:url(../images/section-status-sprite-5.gif) no-repeat -420px 115px; */ - display:block; - width:100%; - height:3px; - background:url(../images/section-status-sprite-6.png) no-repeat -420px 100%; -} - -.dnstpl-nav-item .section-title{ - background-position:100% 85%; -} -.section .def{ - display:block; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - color:#8c9c91; -} -.section:hover .section-inner{ - background-color:#F1F7D6; - color:#000; - cursor:pointer; - } - .section:hover .section-devider{ - background-position:0 100%; - } - .section:hover .section-title{ - color:#000; - } -.primary-nav .active .section-inner{ - cursor:pointer; - } - .primary-nav .active .section-devider{ - background-position:-283px 100%; - height:6px; - bottom:-3px; - } - .primary-nav .active .def{ - color:#8c9c91; - } - .primary-nav .active .section-title{ - color:#393939; - } - -#console{ - position:relative; - clear:both; - height:70px; - background-color:#a09d98; - background:#535049 url(../images/console-box-bg.png) repeat-x; - border-bottom:1px solid #7a7967; - z-index:1; -} - -.b-console{ - position:absolute; - left:50%; -} - -.b-console-wrap{ - position:relative; - right:50%; - width:655px; - padding:10px 15px 16px 25px; - background:url(../images/console-bg.png) repeat; - - border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -webkit-border-top-right-radius: 0; - -webkit-border-top-left-radius: 0; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; -} - .b-console-form{} - - .b-console-field{ - float:left; - width:548px; - margin-right:15px; - padding:5px 10px; - border:2px solid #42647f; - font-family:Arial, Helvetica, sans-serif; - font-size:18px; - font-style:italic; - font-weight:bold; - color:#aaa; - } - .b-console-field:focus{ - -moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); - -webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); - border-color:rgba(82, 168, 236, 0.75) !important; - color:#333; - } - .b-console-btn{ - float:left; - overflow:visible; - height:30px; - margin:4px 0 0; - padding:0 20px; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; - border:0 none; - background-color:#fdcd00; - color:#4b3600; - - font-size:13px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - line-height:30px; - text-transform:uppercase; - cursor:pointer; - - /* a little animation effect on hover for -webkit- */ - -webkit-transition-property: background; - -webkit-transition-duration: 150ms; - -webkit-transition-timing-function: ease-in-out; - } - .b-console-btn:focus{ - position:relative; - top:1px; - } - .b-console-btn:hover{ - background-color:#ffe84c; - color:#39351c; - } - .b-console-btn:active{ - background-color:#333; - color:#fff; - } - -.b-console-statuses{ - margin-top:15px; -} - - .b-console-status{ - position:relative; - padding:5px 80px 5px 10px; - border:2px dashed #999; - background-color:#feff99; - color:#666; - font-size:12px; - } - .b-console-status-message{ - float:left; - color:#666; - } - .b-console-status-action{ - float:right; - margin-right:-36px; - text-decoration:underline; - } - .b-console-status-message b{ - font-weight:bold; - color:#333; - } - .b-console-status-arrow{ - position:absolute; - top:10px; - right:12px; - display:block; - width:14px; - height:8px; - background:url(../images/status-arrow.png) no-repeat; - } - - - -#actions-toolbar{ - clear:both; - position:relative; - /*padding:15px 20px 15px 280px;*/ - padding:15px 20px 15px 250px; - background-color:#f3f3d9; - border-bottom:1px solid #c9cbc8; -} -.add-domain, -.add-btn{ - position:relative; - top:2px; - float:left; - /*margin:0 0 0 -260px;*/ - margin:0 0 0 -230px; - border-bottom:1px solid #b5c968; - font-family:Georgia, "Times New Roman", Times, serif; - font-size:16px; - line-height:1; - text-transform:uppercase; - color:#66685d; - text-decoration:none; -} -.add-domain .icon, -.add-btn-icon{ - float:left; - display:block; - width:11px; - height:11px; - margin:4px 5px 0 0; - background:url(../images/add-entry-plus.gif) no-repeat; - font-size:0; - line-height:0; - } - .add-btn:hover{ - color:#000; - border-bottom-color:#b85152; - } - .add-btn:active{ - color:#b85152; - border-bottom-color:#000; - } - -.select-all{ - padding:0 40px 0 0; - font-size:13px; - color:#7f7e6c; - text-decoration:underline; - cursor:pointer; - } - .select-all:hover{ - text-decoration:none; - } -.clear-selected{ - font-size:11px; - line-height:10px; - text-transform:uppercase; - color:#bcb6a6; - cursor:pointer; - letter-spacing:0.2px; - border-bottom:1px solid #bcb6a6; - } - .clear-selected:hover{ - color:#000; - border-bottom-color:#b85152; - } - .clear-selected:active{ - color:#b85152; - border-bottom-color:#000; - } - -.db-manager{ - float:right; - margin:5px 0 0 25px; - font-size:11px; - line-height:1.273; /*14px*/ - text-transform:uppercase; - letter-spacing:0.2px; - border-bottom:1px solid #bcb6a6; - text-decoration:none; - color:#9b9b8f; - } - .db-manager .highlighted{ - font-style:normal; - font-weight:bold; - color:#4097b3; - } - .db-manager:hover{ - color:#4097b3; - border-bottom-color:#b85152; - } - .db-manager:active{ - color:#b85152; - border-bottom-color:#4097b3; - } - .db-manager:active .highlighted{ - color:#b85152; - } - -/* Row filters */ - -.row-filters{} - - .b-row-selector{ - float:left; - width:240px; - } - - .b-row-selector .checkbox-selector{ - position:relative; - top:4px; - margin-right:20px; - } - .b-row-selector .b-cust-sel{ - width:100px; - } - -.checkbox-selector, -.context-actions{ - display:-moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - vertical-align:top; - } - .checkbox-selector .checkbox{ - display:block; - float:left; - width:11px; - height:11px; - margin:2px 5px 0 0; - background:url(../images/chekbox-selector.png) no-repeat; - cursor:pointer; - } - .checkbox-selector .selector-title{ - float:left; - font-size:11px; - line-height:15px; - text-transform:uppercase; - color:#5d5d5d; - cursor:pointer; - white-space:nowrap; - } - .checkbox-selector .selector-title:hover{ - color:#2ea8bd; - } - .checkbox-selector .selector-title:active{ - color:#fc0; - } - -/* Custom select */ -.b-cust-sel{ - position: relative; - font-size: 12px; - - background-color: #fff; -/* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); - background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); - background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); - background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%); - background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); - background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%); - - -moz-background-clip : padding; - -webkit-background-clip: padding-box; - background-clip : padding-box; -*/ - - box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.10); - -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.10); - -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.10); - - border: 1px solid #c5c4bf; - display: block; - white-space: nowrap; - position: relative; - height: 20px; - line-height: 20px; - padding: 0 0 0 8px; - color: #616161; - -} -.b-cust-sel .title{ - margin-right: 26px; - display: block; - overflow: hidden; - white-space: nowrap; - -o-text-overflow: ellipsis; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; -} -.cust-sel-arrow{ - -moz-background-clip : padding; - -webkit-background-clip: padding-box; - background-clip : padding-box; - background: #ccc; - -/* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); - background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); - background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); - background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); - background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); - background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); -*/ - - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.6, #f5f4ef)); - background-image: -webkit-linear-gradient(center bottom, #fff 0%, #f5f4ef 60%); - background-image: -moz-linear-gradient(center bottom, #fff 0%, #f5f4ef 60%); - background-image: -o-linear-gradient(bottom, #fff 0%, #f5f4ef 60%); - background-image: -ms-linear-gradient(top, #cccccc 0%,#f5f4ef 60%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f5f4ef',GradientType=0 ); - background-image: linear-gradient(top, #cccccc 0%,#f5f4ef 60%); - - border-left: 1px solid #c5c4bf; - position: absolute; - right: 0; - top: 0; - display: block; - height: 100%; - width: 21px; -} -.cust-sel-arrow i{ - display: block; - width: 100%; - height: 100%; - background:url(../images/custom-arrow.png) no-repeat 50% 50%; -} -.b-cust-sel .cust-sel-options{ - position:absolute; - top:21px; - left:-1px; - width:100%; - padding:5px 0 2px; - border:solid #C5C4BF; - border-width:0 1px 1px; - background:#fff; - z-index:100; - } - .b-cust-sel .cust-sel-option{ - padding:0 0 4px 18px; - background:url(../images/cust-option-bullets.png) no-repeat 5px 7px; - color:#828282; - cursor:pointer; - } - .b-cust-sel .cust-sel-option:hover{ - color:#333; - } - .b-cust-sel .ico_gray{ - background-position:5px 7px; - } - .b-cust-sel .ico_green{ - background-position:5px -35px; - } - .b-cust-sel .ico_red{ - background-position:5px -79px; - } - -.b-cust-sel_inactive{ - background:#f3f3d9; - box-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - } - .b-cust-sel_inactive .cust-sel-arrow{ - background:#f3f3d9; - } - .b-cust-sel_inactive .cust-sel-options{ - display:none; - } - -.domain-groups-selector{ - float:left; - width:270px; - padding-top:2px; - font-size:11px; - line-height:15px; - } - .domain-groups-selector .selector-wrap{ - display:-moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - vertical-align:top; - padding-right:15px; - border-bottom:1px solid #d5d6c4; - background:url(../images/custom-arrow.png) no-repeat 100% 6px; - } - .domain-groups-selector .selector-title{ - padding-right:5px; - font-weight:normal; - text-transform:uppercase; - color:#8b8b8b; - } - .domain-groups-selector .selected-groups{ - color:#5d5d5d; - } - -#content{ - padding:8px 0 50px; - background:#fff url(../images/content-separator.png) repeat-x; -} -.b-ext-info-wrap{ - position:relative; - min-height:40px; - } - .b-ext-info{ - margin:0 0 6px; - padding:10px 25px 15px; - background:#ddd; - font-size:12px; - color:#000; - text-shadow: 0px 1px 1px #fff; - } - .b-ext-info-btn{ - position:relative; - left:-1px; - width:102px; - height:15px; - margin-left:-50px; - margin:-6px auto 0; - background-color:#fff; - cursor:pointer; - } - .b-ext-info-wrap_collapsed .b-ext-info-btn{ - background:url(../images/more-info-btn.png) no-repeat; - } -.content-inner{ - background-color:#fff; - padding:0 15px 15px; -} -/* -.domains{ - border-bottom:1px solid #333; - background-color:#fff; -} -.domains .item{ - position:relative; - padding:0 20px; - background:url(../images/long-dotted-bg.gif) repeat-x; -} -.domains .first{ - margin:0; - background:none; -} -.item .view{ - padding:15px 0 10px; -} -.item .ip-box{ - float:left; - width:150px; - padding-top:12px; -} -.ip-box .ip{ - font-size:1.1em; /*11px* - line-height:21px; - font-weight:normal; - letter-spacing:.175em; -} -.ip-box .owner{ - display:block; - font-size:1.2em; - color:#999; -} -.details .names .primary{ - font-size:20px; - font-family:Georgia, "Times New Roman", Times, serif; - font-weight:normal; - font-style:normal; - color:#000; /* radikal'no cherniy, da! * -} -.names .divider{ - font-size:12px; - line-height:2; - text-transform:uppercase; - color:#999; -} -.names .domain-name{ - padding:0 10px; - font-size:12px; - line-height:2; - font-style:italic; - color:#999; - white-space:nowrap; -} -.item .details{ - margin-left:150px; -} -.item .details .status{ - float:right; - width:60%; - margin:5px 20px 0 0; - color:#999; -} -.details .status .logging{ - float:left; -} -.logging .err-log, -.logging .log, -.logging .stats{ - float:left; - display:inline; - margin:0 20px 0 0; - padding-right:25px; - background:url(../images/logging-status-sprite.png) no-repeat -100% -100%; -} -.logging .off{ - background-position:100% 0; -} -.logging .on{ - background-position:100% 100%; -} -.logging .stats{ - margin-right:10px; -} -.logging .stat-auth{ - float:left; - display:inline; - margin:0 10px 0 0; - border-bottom:1px solid #9bcad0; - color:#999; - cursor:pointer; -} -.details .status .params{ - float:right; -} -.params .memory, -.params .t, -.params .max-weight, -.params .upload-weight{ - float:left; - display:inline; - margin-right:25px; -} -.memory{} - -.memory dl{ - overflow:hidden; - margin-bottom:2px; -} - -.memory dt{ - float:left; - width:15px; -} -.memory dd{ - float:left; -} -.memory .usage{} - -.memory .usage .value{ - float:left; - width:30px; -} -.memory .usage .divider{ - padding-right:2px; -} -.memory .usage .max{ - font-weight:bold; - border-bottom:1px solid #9bcad0; - cursor:pointer; -} -.memory .graph{ - clear:both; - position:relative; - border:1px solid #ccc; - font-size:0; - line-height:0; -} -.memory .graph .bar{ - position:relative; - display:block; - height:2px; -} -.critical .bar{ - background-color:#f00; -} -.middle .bar{ - background-color:#ff9934; -} -.low .bar{ - background-color:#acd45a; -} -.params .upload-weight{ - margin:0; -} -.t .value, -.max-weight .value, -.upload-weight .value{ - border-bottom:1px solid #9bcad0; - cursor:pointer; -} -.item .close{ - position:absolute; - top:30px; - right:20px; - display:block; - width:16px; - height:16px; - background:url(../images/sprite.png) no-repeat; - cursor:pointer; -} -.item .close:hover{ - background-position:-16px 0; -} -*/ -/* row hover effect -- - - - - - - - - - - - - - - - - - - */ -/* -.domains .item:hover{ - background-color:#ffffcb; -} -.item:hover .names .primary{ - cursor:pointer; - border-bottom:1px dotted #ccc; -} -.item:hover .logging .err-log, -.item:hover .logging .log, -.item:hover .logging .stats, -.item:hover .memory dt, -.item:hover .memory .divider, -.item:hover .params .title{ - color:#98bc65; -} -.item:hover .logging .stat-auth, -.item:hover .memory .max, -.item:hover .t .value, -.item:hover .max-weight .value, -.item:hover .upload-weight .value{ - color:#333; -} -*/ -/* Edit -- - - - - - - - - - - - - - - - - - - */ -/* -.edit{ - position:relative; - clear:both; - margin:0 -20px; - padding:15px 20px 10px; - border-top:2px solid #999; - background-color:#ffffcb; -} -.change-ip-box{ - margin:0 0 20px; -} -.edit .ip-details{ - float:left; - margin-right:20px; -} -.change-ip{ - width:140px; - padding:3px 5px; - border:2px solid #9bcad0; - font-size:16px; -} -.ip-details .created{ - display:block; - margin:5px 0 0; - font-size:12px; -} -.change-domain-name{ - width:360px; - padding:3px 5px; - border:2px solid #9bcad0; - font-size:16px; - font-weight:bold; -} -.edit .domain-name{ - font-size:20px; - font-family:Georgia, "Times New Roman", Times, serif; - font-weight:normal; - font-style:normal; - color:#000; /* radikal'no cherniy, da! * - white-space:nowrap; - line-height:2; -} -.change-logs-box{ - float:left; - width:170px; - margin-right:50px; - padding-left:180px; -} -.ownership{ - display:inline; - float:left; - width:160px; - margin:0 0 0 -180px; - font-size:12px; -} -.ownership .owner{ - display:block; - font-size:16px; - font-weight:bold; - font-style:italic; -} -.change-logs{ - padding-top:5px; -} -.change-logs label{ - display:block; - margin:0 0 9px; -} -.change-logs .last{ - margin:0; -} -.change-logs .title{ - display:block; - float:left; - width:70px; - font-size:14px; -} -.change-logs .title b{ - font-weight:bold; -} -.change-logs .checkbox{ - margin:3px 0 0; - border:2px solid #9bcad0; -} -.change-logs .stat-auth{ - position:relative; - top:-3px; - left:10px; - border-bottom:1px solid #9BCAD0; - cursor:pointer; -} -.change-memory{ - float:left; - width:150px; - padding-top:5px; - font-size:14px; -} -.change-memory dl{ - margin-bottom:13px; -} -.change-memory .value{ - padding:0 5px; - font-style:italic; - font-weight:bold; - color:#6b930f; -} -.change-memory .amount{ - margin-top:7px; -} -.change-memory .amount .max{ - width:50px; - margin-left:10px; - padding:2px 5px; - border:2px solid #9bcad0; - text-align:right; -} -.change-memory .graph{ - clear:both; - position:relative; - border:1px solid #9c9c82; - font-size:0; - line-height:0; -} -.change-memory .graph .bar{ - position:relative; - display:block; - height:2px; -} -.change-params{ - float:right; - font-size:14px; -} -.change-params li{ - margin-top:5px; - overflow:hidden; -} -.change-params .title{ - float:left; - width:165px; -} -.change-params .param-value{ - width:30px; - margin-right:5px; - padding:1px 5px; - border:2px solid #9bcad0; - text-align:right; - -} -.aliases{ - position:relative; - padding-top:20px; - margin-bottom:20px; -} -.aliases .title{ - float:left; - display:block; - margin-right:20px; - padding-top:3px; - font-size:17px; -} -.aliases .hint{ - position:absolute; - top:-15px; - left:78px; - font-style:italic; - color:#999; -} -.aliases-list{ - width:90%; - padding:3px 5px; - border:2px solid #9bcad0; - font-size:16px; -} -.buttons{} - -.buttons .apply{ - width:auto; - overflow:visible; - padding:4px 20px 3px 17px; - background-color:#feff99; - border:1px solid #728b25; - - font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; - font-size:120%; - font-weight:bold; - text-transform:uppercase; - - line-height:130%; - color:#6b9e05; - cursor:pointer; - - float:right; -} -.buttons .devider{ - text-transform:uppercase; - float:right; - display:block; - line-height:24px; - margin:0 10px; -} -.buttons .cancel{ - float:right; - width:auto; - height:20px; - padding:0; - border:0 none; - background:none; - color:#e09462; - text-decoration:underline; - cursor:pointer; -} -.hidden{ - display:none; -} -.edit .iSelected{ /* descendant selector for more specific style context * - border-color:#59B4FF; /* blue border on focused input * - font-weight:bold; -} -.edit .not-valid{ /* descendant selector for more specific style context * - border-color:#f00; /* RED border on error field * -} - -.edit .edit-help{ - padding-bottom:1px; - font-family:Arial, Helvetica, sans-serif; - font-size:14px; - color:#a0a094; - text-decoration:none; - text-transform:uppercase; - border-bottom:1px solid #b5b59b; -} -.edit .delete{ - position:absolute; - top:15px; - right:25px; - padding:3px 25px 3px 2px; - font-family:Arial, Helvetica, sans-serif; - font-size:14px; - color:#a0a094; - text-transform:uppercase; - background:url(../images/delete.gif) no-repeat 100% 50%; - cursor:pointer; -} -.edit .delete .title{ - padding-bottom:1px; - border-bottom:1px solid #b5b59b; -} -*/ - -/* IP list -- - - - - - - - - - - - - - - - - - - - */ -#content{ - padding-bottom:0; -} -.ip-list{} - - .row{ - padding-top:10px; - padding:10px 10px 15px 10px; -/* min-height:125px; - min-height:110px;*/ - background:url(../images/long-dotted-bg.gif) repeat-x; - } - .first-row{ - background-image:none; - } - .row-meta{ - float:left; - width:150px; - } - .row-details{ - margin-left:150px; -/* background:#e0e0e0;*/ - } - .row-actions-box{ -/* margin:0 0 5px;*/ - } - - .row-actions-box .check-this, - .row-actions-box .check-control{ - float:left; - width:10px; - height:10px; - margin-top:4px; -/* background:url(../images/logging-status-sprite.png) no-repeat;*/ - background:url(../images/check-row-sprite.png) no-repeat; - background:url(../images/check-row-sprite_.png) no-repeat; - } - .row-actions-box .check-control:hover{ - cursor:pointer; - background-position:0 -89px; - } - .row-actions-box .row-operations{ - float:right; - } - .ip-status-info{ - position:relative; - display:block; - float:left; - /*margin-right:25px;*/ - padding-right:15px; - font-size:12px; - } - .ip-status-info .ip-status-text{ - visibility:hidden; - } - .row .ip-suspended-status{ - margin:0; - background:url(../images/suspended-ico.png) no-repeat 100% 65%; - } - .row .ip-suspended-status .ip-status-text{ - text-transform:uppercase; - color:#333; - font-size:10px; - visibility:visible; - } - .delete-entry{ - position:relative; - top:2px; - display:block; - float:left; - padding-right:15px; - font-size:11px; - text-transform:uppercase; - } - .delete-entry .delete-entry-text{ - visibility:hidden; - } - .entry-created{ - padding-top:7px; - font-size:11px; - color:#6f6f6f; - } - .props-main{ - float:left; - width:425px; -/* background:#eee;*/ - } - .props-main .prop-box{ - margin-bottom:15px; - } - - .props-additional{ - float:left; - width:200px; - padding:5px 10px 0 0; -/* background:#ccc;*/ - } - .props-ext{ - float:right; - width:120px; - padding-top:5px; -/* background:#d5d5d5;*/ - } - .ip-adr-box, - .user-wrap{ - margin:0 0 5px; - } - .ip-adr{ - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - font-size:22px; - line-height:1; - font-weight:normal; - letter-spacing:0.5px; - } - .ip-adr:active, - .ip-adr:focus{ - color:#9fb749; - } - .ip-adr .dot{ - padding:0 3px; - } - .ip-list .ip-adr{ - border-bottom:1px solid #fff; - } - .username-box .user{ - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - margin-right:10px; - } - .username-box .nickname{ - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - margin-right:5px; - - font-size:20px; - line-height:25px; - font-family:Arial, Helvetica, sans-serif; - color:#000; - - } - .username-box .role{ - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - position:relative; - top:2px; - - font-size:12px; - line-height:25px; - color:#777; - } - - .prop-box{ - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - min-width:40%; -/* width:auto !important; - width:40%;*/ - margin:0 0 3px; - font-size:10px; - } - .prop-title{ - text-transform:uppercase; - color:#9c9c9c; - font-size:9px; - line-height:15px; - } - .prop-value{ - padding-left:3px; - font-size:12px; - color:#777; - } - .prop-value-collapsed-childs{ - padding-right:15px; - background:url(../images/group-values-collapsed.png) no-repeat 100% 5px; - cursor:pointer; - } - .show-records{ - display:inline-block; - padding-right:15px; - border-bottom:1px solid #c9cabc; - background:url(../images/show-records-ico.png) no-repeat 100% 50%; - text-transform:uppercase; - line-height:13px; - cursor:pointer; - } - .hide-records{ - display:inline-block; - padding-right:15px; - border-bottom:1px solid #c9cabc; - background:url(../images/hide-records-ico.png) no-repeat 100% 50%; - text-transform:uppercase; - line-height:13px; - cursor:pointer; - } - - .prop-box_group-values{ - display:block; - } - .prop-box_group-values .prop-title{ - float: left; - margin:2px 0 0; - } - .prop-box_group-values .group-values{ - float:left; - margin-left:3px; - } - .group-values .prop-value{ - display:block; - } - .group-values__bullet .prop-value{ - padding-left:15px; - background:url(../images/group-value-bullet.png) no-repeat 5px 8px; - } - .group-values .group-switcher{ - padding-right:15px; - background:url(../images/group-values-collapsed.png) no-repeat 100% 4px; - } - .group-values .group-values-count{ - font-size:12px; - font-style:italic; - color:#cdcdcd; - border-bottom:1px solid #c9cac4; - cursor:pointer; - } - - .props-additional .owner-box{ - padding-left:45px; - } - .props-additional .owner-box .prop-title{ - float:left; - display:inline; - margin:2px 0 0 -45px; - } - .props-additional .owner-box .prop-value{ - padding:0; - } - - .ip-list .ip-name-box{ - margin:0 0 3px; - } - - -/* Entry adding form -- - - - - - - - - - - - - - - - - - - */ -.b-new-entry{ - margin-top:25px; - border-style:solid; - border-width:2px 1px 1px; - border-color:#999 #ccc #ccc #ccc; - - background-color:#ffffcb; - } - .b-new-entry .entry-header{ - margin:0 0 10px; - padding:8px 15px 9px; - border-bottom:1px solid #dcdbab; - font-size:16px; - font-family:Georgia, "Times New Roman", Times, serif; - text-transform:uppercase; - color:#747668; - } - .b-new-entry .form-row{ - position:relative; - padding:10px 15px; - } - .b-new-entry .field-label, - .b-new-entry .row-header{ - float:left; - width:180px; - font-size:15px; - line-height:2; - color:#3d504a; - } - .b-new-entry .text-field{ - float:left; - width:265px; - margin:0 15px 0 0; - padding:6px 7px; - border:2px solid #b8c2c3; - color:#555; - font-family:Arial, Helvetica, sans-serif; - font-size:14px; - font-weight:bold; - } - .b-new-entry .field-label .remark{ - position:relative; - top:-14px; - display:block; - font-style:italic; - font-size:14px; - color:#a3a590; - } - - .b-new-entry .custom-select{} - - .b-new-entry .textarea{ - width:685px; - height:100px; - padding:6px 7px; - border:2px solid #b8c2c3; - color:#555; - font-family:Arial, Helvetica, sans-serif; - font-size:14px; - font-weight:bold; - } - .b-new-entry .text-field:focus, - .b-new-entry .textarea:focus{ - -moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); - -webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); - border-color:rgba(82, 168, 236, 0.75) !important; - color:#333; - } - - .b-new-entry .ssl-crtfct-box .textarea{ - margin:10px 0 0; - } - .b-new-entry .select{ - position: absolute; - top:auto; - left:195px; - width: 195px; - height: 28px; - padding: 0 24px 0 8px; - color: #333; - font:bold 14px/28px arial,sans-serif; - background:#fff url(../images/select-arrow.png) no-repeat 100% 50%; - overflow: hidden; - border:2px solid #b8c2c3; - } - .b-new-entry select.styled{ - top:10px; - } - .b-new-entry option{ - font:14px arial,sans-serif; - } - .b-new-entry .form-options-group{} - - .b-new-entry .group-header{ - margin:12px 25px 12px 15px; - text-transform:uppercase; - color:#9c9c9c; - font-size:11px; - line-height:15px; - height:16px; - background:url(../images/dotted.gif) repeat-x 0 50%; - } - .b-new-entry .group-title-outer{ - display:inline-block; - width:165px; - padding:0 15px 0 0; - line-height:16px; - text-align:right; - background:#ffffcb; - } - .b-new-entry .group-title-inner{ - padding:2px 13px 2px 0; - } - .b-new-entry .group-title{ - border-bottom:1px solid #FFFFCB; - } - .b-new-entry .expanded .group-title-inner{ - background:#ffffcb url(../images/form-group-expanded.png) no-repeat 100% 50%; - } - .b-new-entry .collapsed .group-title-inner{ - background:#ffffcb url(../images/form-group-collapsed.png) no-repeat 100% 50%; - } - .b-new-entry .group-header:hover{ - cursor:pointer; - } - .b-new-entry .group-header:hover .group-title, - .b-new-entry .group-header .group-title:hover{ - color:#000; - border-bottom-color:#9fb35a; - } - .b-new-entry .group-header .group-title:active{ - color:#4B9427; - } - - .b-new-entry .mail-options-group{ - margin-bottom:27px; - } - .b-new-entry .mail-options-group .form-row{ - padding-bottom:0; - } - - .b-new-entry .delete-record{ - display: block; - position:relative; - top:11px; - float: left; - width: 11px; - height: 11px; - background: url(../images/delete-ico-off.png) no-repeat; - } - .b-new-entry .delete-record:hover{ - cursor:pointer; - background-image:url(../images/delete-ico.png); - } - .b-new-entry .delete-record:active{ - cursor:pointer; - background-image:url(../images/delete-ico-active.png); - } - - - .b-new-entry .checkbox{ - display:block; - float:left; - width:18px; - height:18px; - margin:6px 0 0; - background:url(../images/checkbox-1.png) no-repeat; - } - .b-new-entry .checkbox:hover{ - background-position:0 -98px; - } - .b-new-entry .stats-settings{ - padding-left:40px; - } - .b-new-entry .db-credentials .field-label{ - text-indent:40px; - } - /*.b-new-entry .pwd-box .text-field{ - float:left; - margin:0 15px 0 0; - }*/ - .b-new-entry_user .lastname-box{ - margin-bottom:30px; - } - .b-new-entry_dns .dns-template-box .styled{ - float:left; - margin:0 40px 0 0; - margin:0 20px 0 0; - width:230px; - cursor:pointer; - } - .b-new-entry_dns .ttl-field{ - width:75px; - } - .generate-pwd, - .context-settings{ - position:relative; - top:10px; - float:left; - display:block; - color:#5ea2a1; - border-bottom:1px solid #cdcea6; - text-transform:uppercase; - cursor:pointer; - - font-size:11px; - line-height:1; - letter-spacing:0.5px; - } - .generate-pwd:hover, - .context-settings:hover{ - color:#575757; - border-bottom-color:#b4c775; - } - .generate-pwd:active, - .context-settings:active{ - color:#b4c775; - } - - .b-new-entry .add-ns{ - display:-moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - - margin:0 0 7px 180px; - font-family:Georgia, "Times New Roman", Times, serif; - font-size:14px; - line-height:1; - text-transform:uppercase; - color:#66685d; - text-decoration:none; - } - .add-ns .icon{ - float:left; - display:block; - width:11px; - height:11px; - margin:2px 5px 0 0; - background:url(../images/add-entry-plus.gif) no-repeat; - font-size:0; - line-height:0; - } - .add-ns .btn-title{ - display:inline-block; - border-bottom:1px solid #b5c968; - } - .add-ns .btn-title:hover{ - color:#000; - border-bottom-color:#b85152; - } - .add-ns .btn-title:active{ - color:#b85152; - border-bottom-color:#000; - } - - - .b-new-entry .buttons-row{ - position:relative; - margin-top:13px; - padding:8px 15px 8px 195px; - border-top:1px solid #dcdbad; - background:url(../images/form-bottom-bg.png) repeat-x; - } -/* .b-new-entry .help-btn{ - position:absolute; - top:13px; - right:20px; - font-size:11px; - line-height:12px; - color:#b4b39f; - text-transform:uppercase; - cursor:pointer; - border-bottom:1px solid #b4b39f; - text-decoration:none; - } - .b-new-entry .help-btn:hover{ - color:#000; - border-bottom-color:#9fb35a; - } - .b-new-entry .help-btn:active{ - color:#4B9427; - } -*/ - - .b-new-entry .cancel-btn{ - - display:-moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - - margin-left:30px; - font-size:11px; - line-height:1; - font-weight:bold; - - text-transform:uppercase; - color:#2ca9bd; - cursor:pointer; - border-bottom:1px solid #2ca9bd; - } - .b-new-entry .cancel-btn:hover{ - color:#999; - border-bottom-color:#999; - } - .b-new-entry .cancel-btn:active{ - color:#fc0; - border-bottom-color:#fc0; - } - - .b-new-entry .delete-btn{ - position:absolute; - top:18px; - right:16px; - - font-size:9px; - line-height:11px; - text-transform:uppercase; - color:#333; - letter-spacing:3px; - cursor:pointer; - border-bottom:1px solid #ff6766; - } - .b-new-entry .delete-btn:hover{ - color:#ff6766; - } - .b-new-entry .delete-btn:active{ - color:#fc0; - border-bottom-color:#fc0; - } - - - .b-new-entry .add-entry-btn{ - overflow:visible; - height:28px; - padding:0 50px; - -webkit-border-radius:9px; - -moz-border-radius:9px; - border-radius:9px; - border:2px solid #c8c09c; - background-color:#feff99; - color:#444428; - font-size:14px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - line-height:25px; - text-transform:uppercase; - cursor:pointer; - } - .b-new-entry .add-entry-btn:focus{ - position:relative; - top:1px; - } - .b-new-entry .add-entry-btn:hover{ - background-color:#feff77; - color:#464322; - border-color:#9e977b; - } - .b-new-entry .add-entry-btn:active{ - background-color:#928d7a; - color:#fefe9e; - border-color:#87826e; - } - .b-new-entry .autocomplete-box{ - position:relative; - float:left; - padding-right:35px; - background:#fff; - } - .b-new-entry .autocomplete-box .text-field{ - width:213px; - margin:0; - } - .b-new-entry .autocomplete-box .arrow{ - position:absolute; - top:0; - right:0; - display:block; - width:32px; - height:32px; - font-size:0; - line-height:0; -/* background:#fff url(../images/select-arrow.png) no-repeat 100% 50%;*/ - background:#fff url(../images/autocomplete-field-arrows-sprite.png) no-repeat; - cursor:pointer; - } - .b-new-entry .autocomplete-box .arrow:hover, - .b-new-entry .autocomplete-box .arrow:active, - .b-new-entry .autocomplete-box .arrow:focus{ - background-position:0 -32px; - } - - .b-new-entry .form-error{ - position:relative; - margin:-5px 5px 5px; - padding:8px 15px; - border:1px solid #dcdbad; - background:url(../images/form-bottom-bg.png) repeat-x; - } - .form-error .error-box{ - padding-left:18px; - background:url(../images/error-bullet.png) no-repeat 0 50%; - } - .form-error .error-box .error-message{ - color:#9a32ff; - font-size:16px; - line-height:22px; - } - .form-error .error-box .help-tip-url{ - position:relative; - top:-1px; - font-size:12px; - line-height:15px; - color:#b4b39f; - text-transform:uppercase; - text-decoration:none; - cursor:pointer; - border-bottom:1px solid #b4b39f; - } - .b-new-entry .help-tip-url:hover{ - color:#000; - border-bottom-color:#9fb35a; - } - - .b-new-entry_cron{} - - .b-new-entry_cron .form-row{ - padding-top:7px; - padding-bottom:5px; - } - .b-new-entry_cron .run-at-box{ - padding-bottom:7px; - } - .b-new-entry_cron .run-at-box .row-header{ - margin-top:35px; - } - .b-new-entry_cron .form-row-line .field-box{ - margin-right:14px; - } - .b-new-entry_cron .form-row-line .cron-week-box{ - margin:0; - } - .b-new-entry_cron .form-row-line .field-label{ - display:block; - float:none; - width:auto; - line-height:1; - padding:0 0 8px; - color:#7d7d7d; - - font-size:13px; - } - .b-new-entry_cron .form-row-line .text-field{ - width:112px; - margin:0; - } - .b-new-entry_cron .form-row-line .cron-week-box .text-field{ - width:109px; - margin:0; - } - .b-new-entry_cron .textarea{ - height:60px; - } - - - .b-new-detailed-restore{} - - .b-new-detailed-restore .add-entry-btn{ - padding:0 30px; - } -/* - .b-new-detailed-restore .cancel-btn{ - left:auto; - right:16px; - } -*/ - -/* Show/edit dns records form -- - - - - - - - - - - - - - - - - - - */ -.b-records-list{ - margin-left:160px; - } - .b-records-list .entry-header{ - padding-top:6px; - padding-bottom:11px; - } - .b-records-list .hide-records{ - font-size:10px; - font-family:Arial, Helvetica, sans-serif; - line-height:13px; - } - .b-records-list .add-btn{ - margin:0; - float:none; - } - .b-records-list .form-row{ - padding-top:5px; - padding-bottom:5px; - } - .b-records-list .add-box{ - padding-bottom:15px; - } - .b-records-list .buttons-row{ - margin-top:20px; - } - .form-row-line{ - position:relative; - } - .form-row-line .field-box{ - float:left; - } - .form-row-line .field-devider{ - float:left; - display:block; - min-height:30px; - margin:0 15px; - font-size:15px; - line-height:2; - } - .b-records-list .form-row-line .field-label{ - float:none; - display:block; - width:auto; - line-height:20px; - } - .b-records-list .dns-record-box .text-field{ - width:147px; - float:left; - margin:0; - } - .b-records-list .dns-type-box{ - margin-right:15px; - } - .b-records-list .dns-type-box .select{ - width:51px; - left:221px; - } - .b-records-list .dns-type-box select.styled{ - width:87px; - cursor:pointer; - } - .b-records-list .dns-value-box .text-field{ - float:none; - width:390px; - margin:0; - } - .b-records-list .delete-record{ - position:absolute; - top: auto; - bottom:15px; - right:11px; - display:block; - float:left; - width:11px; - height:11px; - background:url(../images/delete-ico-off.png) no-repeat; - } - - -/* Web-domains list -- - - - - - - - - - - - - - - - - - - */ -.domains-list{} - - .domains-list .entry-created{ - padding-top:9px; - } - .names{ - margin:0 0 6px; - color:#acacac; - } - .names .alias-title{ - position:relative; - top:-1px; - padding-right:3px; - padding:0 3px 0 25px; - font-size:10px; - line-height:1.8; - text-transform:uppercase; - } - .names .domain-name{ - position:relative; - top:-1px; - padding:0 3px 0 0; - font-size:12px; - line-height:1.5; - color:#acacac; - white-space:nowrap; - } - .row-details .names .primary{ - top:0; -/* padding:0 25px 0 0;*/ - font-size:20px; - font-family:Arial, Helvetica, sans-serif; - font-weight:normal; - font-style:normal; - color:#000; /* radikal'no cherniy, da! */ - } - .names .primary:active{ - color:#9fb749; - } - .domains-list .names .primary, - .dns-list .names .primary{ - border-bottom:1px solid #fff; - } - - .domains-list .props-main{ - width:345px; - } - .domains-list .ip-adr{ - font-size:16px; - color:#888; - } - .domains-list .ip-adr-box .prop-box{ - margin-left:20px; - } - - .domains-list .props-additional{ - width:230px; - padding-top:0; -/* background:#bbb;*/ - } - .domains-list .props-ext{ - width:170px; - padding-top:0; -/* background:#ddd;*/ - } - -.b-usage-box{ - display:block; -} - - .b-usage-box .prop-title{ - float:left; - margin:2px 15px 0 0; - } - .b-usage-box .usage-box{ - float:left; - width:136px; - } - .b-usage-box .usage-box{ - - } - .b-usage-box .value-box{ - float:left; - width:75px; - } - .b-usage-box .max-size{ - float:right; - } - .b-usage-box .value{ - display:block; - font-size:11px; - line-height:1; - color:#999; - } - .b-usage-box .max-size{ - position:relative; - top:2px; - font-size:14px; - line-height:1; - color:#ababab; - } - .b-usage-box .max-size .units{ - font-size:12px; - color:#797979; - } - .graph{ - position:relative; - border:1px solid #b7b7b9; - font-size:0; - line-height:0; - } - .graph .bar{ - position:relative; - display:block; - height:2px; - } - .critical .bar{ - background-color:#f00; - } - .middle .bar{ - background-color:#ff9934; - } - .low .bar{ - background-color:#9fec00; - } - -/* New graphs */ -.b-stats-box{ - position:relative; - margin-left:-25px; - padding-left:25px; - background:url(../images/stats-brace.png) no-repeat 0 50%; - } - .stats-box-title{ - position:absolute; - top:50%; - left:-65px; - margin-top:-10px; - padding-right:25px; - text-transform:uppercase; - font-size:9px; - line-height:12px; - background:url(../images/stats-curve.png) no-repeat 100% 50%; - color:#acacac; - /*border-bottom:1px solid #acacac;*/ - } -.b-usage-box2{ - display:block; - margin:0 0 22px; - position:relative; - } - .b-usage-box2 .prop-title{ - float:left; - margin:2px 15px 0 0; - } - .b-usage-box2 .usage-box{ - float:left; - } - .b-usage-box2 .value-box{ - padding-top:11px; - float:left; - width:85px; - } - .b-usage-box2 .max-size{ - position:relative; - top:11px; - float:right; - padding:7px 0 0 3px; - border-left:1px solid #B7B7B9; - font-size:10px; - line-height:1; - color:#acacac; - } - .b-usage-box2 .max-size .units{ - font-size:10px; - color:#acacac; - } - .b-usage-box2 .graph{ - position:relative; - border:solid #b7b7b9; - border-width:1px 0 1px 1px; - font-size:0; - line-height:0; - } - .b-usage-box2 .value{ - position:absolute; - top:-15px; - left:0; - z-index:10; - display:block; - white-space:nowrap; - padding:0 0 7px 3px; - font-size:11px; - line-height:1; - background:url(../images/bar-value-mark.png) no-repeat 0 100%; - color:#797979; - } - .b-usage-box2 .value-size{ - padding-left:3px; - } - .b-usage-box2 .graph .bar{ - position:relative; - display:block; - height:2px; - background-color:#9fec00; - } - - /* Overdraft */ - .b-usage-box2 .overdraft{} - - .b-usage-box2 .overdraft .value{ - margin-left:-1px; - color:#F00; - } - - .b-usage-box2 .bar_overdraft{ - position:absolute; - top:-1px; - z-index:5; - display:block; - height:2px; - border:solid #b7b7b9; - border-width:1px 0; - background:#ff9934 url(../images/overrun-border.png) no-repeat 100% 0; - } - - -.domains-list .disk-usage{ - margin:0 0 6px; -} -.domains-list .props-additional .prop-box, -.domains-list .props-ext .prop-box{ - display:block; - margin:0; - } - .stats-box{} - - .stats-box .stats-auth{ - position:relative; - top:3px; - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - margin:0 0 0 5px; - padding:0 0 0 10px; - font-size:12px; - line-height:1.5; - color:#777; - cursor:pointer; - } - .stats-box .stats-auth-on{ - background:url(../images/auth-plus.png) no-repeat 0 60%; - } - .stats-box .stats-auth-text{ - display:block; - line-height:11px; - border-bottom:1px solid #cacbbd; - } - - .nginx-box{} - - .nginx-box .nginx-ext-list{ - position:relative; - top:3px; - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - margin:0 0 0 5px; - border-bottom:1px solid #cacbbd; - font-size:12px; - line-height:1; - color:#777; - cursor:pointer; - } - .template-box{} - - .template-box .prop-value{ - padding:0; - cursor:pointer; - border-bottom:1px solid #cbcbbf; - } - -/* DNS list -- - - - - - - - - - - - - - - - - - - */ -.dns-list{} - - .dns-list .row-details{ - padding-bottom:8px; - } - .dns-list .entry-created{ - padding-top:9px; - } - .dns-list .props-main{ - width:295px; - } - .dns-list .props-additional{ - width:200px; - } - .dns-list .props-ext{ - width:250px; - } -.dns-list .props-additional .prop-box, -.dns-list .props-ext .prop-box{ - display:block; - margin:0; - } -.dns-list .ip-adr-box{ - margin:0; - } - .dns-list .ip-adr{ - font-size:12px; - line-height:1.5; - color:#777; - } - -/* Cron list -- - - - - - - - - - - - - - - - - - - */ -.cron-list{} - - .cron-list .entry-created{ - padding-top:18px; - } - .cron-list .cron-meta{ - margin:0 0 9px; - } - .cron-meta .prop-box{ - min-width:0; - } - .cron-meta .prop-title{ - display:block; - text-transform:none; - font-size:10px; - } - .cron-meta .prop-value{ - padding:0; - font-size:16px; - color:#7c7c7c; - } - .cron-meta .cron-min, - .cron-meta .cron-hour, - .cron-meta .cron-day, - .cron-meta .cron-week, - .cron-meta .cron-month{ - min-width:45px; - padding-right:20px; - } - - .cron-command-box{ - margin:0 0 5px; - } - .cron-command-line{ - position:relative; - padding:0 3px 0 0; - font-family:Arial, Helvetica, sans-serif; - font-size:20px; - line-height:1.5; - font-weight:normal; - font-style:normal; - color:#000; - - } - .cron-command-line:active{ - color:#9fb749; - } - .cron-list .cron-command-line{ - border-bottom:1px solid #fff; - } - - .cron-reported-to{ - margin:0 0 3px; - } - .cron-reported-to .prop-title{ - padding-right:3px; - } - .cron-reported-to .prop-value{ - padding:0 3px 0 0; - } - -/* Users list -- - - - - - - - - - - - - - - - - - - */ -.users-list{} - - .users-list .entry-created{ - padding-top:10px; - } - .users-list .user-wrap{ - margin:0 0 19px; - } - .users-list .props-main{ - width:345px; - width:330px; - } - .users-list .username-box{ - padding-top:6px; - margin:0 0 15px; - } - .users-list .username-box .user{ - position:relative; - top:-6px; - } - .users-list .username-box .nickname{ - border-bottom:1px solid #fff; - } - - .user-backups-box{ - margin-top:5px; - } - .user-backups-box .prop-title{ - border-bottom:1px solid #CBCBBF; - font-size:12px; - text-transform:capitalize; - cursor:pointer; - color:#777; - } - - .users-list .props-additional{ - width:200px; - width:225px; - } - .users-list .props-additional .prop-box, - .users-list .props-ext .prop-box{ - display:block; - } - .users-list .props-additional .ns1-box, - .users-list .props-additional .ns2-box{ - padding-left:27px; - } - .users-list .webtpl-box .group-switcher, - .users-list .ns-list-box .group-switcher{ - padding-left:15px; - } - .users-list .props-additional .ns1-box .prop-title, - .users-list .props-additional .ns2-box .prop-title{ - display: inline; - float: left; - margin: 2px 0 0 -27px; - } - .users-list .props-additional .ns1-box .prop-value, - .users-list .props-additional .ns2-box .prop-value{ - padding:0; - } - - .users-list .props-ext{ - width:190px; - } - - .users-list .db-box, - .users-list .dnsdomains-box{ - margin-top:35px; - } - - .username-box .prop-box{ - position:relative; - margin:0; - } - .user-details{ - font-size:12px; - } - .user-details .user-email{ - color:#777; - padding-right:5px; - } - .user-details .user-reports{ - color:#9c9c9c; - } - .user-details-box .prop-box{ - margin:0 0 5px; - } - .user-details-box .user-name .prop-value, - .user-details-box .user-email{ - font-style:italic; - color:#706f6b; - } - -/* DB list -- - - - - - - - - - - - - - - - - - - */ -.db-list{} - - .db-list .row-details{ - padding-bottom:8px; - } - .db-list .db-devider{ - margin-top:25px; - position:relative; - display:block; - border-bottom:1px solid #e0e0e0; - } - .db-list .db-devider-title{ - display:block; - position:absolute; - top:-8px; - left:-50%; - width:200%; - } - .db-list .db-devider-outer{ - display:block; - position:absolute; - left:50%; - } - .db-list .db-devider-inner{ - background:#fff; - position:relative; - left:-50%; - padding:0 10px; - - font-size:11px; - font-weight:bold; - text-transform:uppercase; - color:#4097B3; - } - - .db-list .props-main{ - width:210px; - padding-right:10px; - } - .db-list .props-additional{ - width:340px; - padding-top:6px; - } - .db-list .props-ext{ - width:185px; - padding-top:6px; - } - .db-name{ - position:relative; - margin:0 0 6px; - padding:0 3px 0 0; - } - .db-name-box .db-name{ - font-size:20px; - font-family:Arial, Helvetica, sans-serif; - font-weight:normal; - font-style:normal; - line-height:27px; - } - .db-name:active{ - color:#9fb749; - } - .db-list .db-name{ - border-bottom:1px solid #fff; - } - - .db-list .ownership .prop-box{ - margin:5px 0 0; - } - .db-list .ownership .prop-value{ - padding:0; - font-size:11px; - font-style:italic; - } - .db-list .entry-created{ - padding:0; - } - .db-user-box{ - margin:0 0 10px; - } - .db-user-box .db-user{ - position:relative; - display:block; - float:left; - margin-right:25px; - padding-right:20px; - - font-size:12px; - line-height:1.25; /*15px*/ - font-style:italic; - color:#999; - } - .db-user-box .db-user:hover{ - color:#f00; - } - .db-user-box .change-pwd{ - position:relative; - top:1px; - display:inline-block; - border-bottom:1px solid #c9cabc; - text-transform:uppercase; - line-height:13px; - cursor:pointer; - visibility:hidden; - } - .add-db-user{ - border-bottom:1px solid #c9cabc; - text-transform:uppercase; - line-height:13px; - padding-left:10px; - background:url(../images/auth-plus.png) no-repeat 0 50%; - color:#555; - cursor:pointer; - } - .backup-db{ - float:left; - position:relative; - top:2px; - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - border-bottom:1px solid #cacbbd; - font-size:12px; - line-height:13px; - color:#777; - cursor:pointer; - } - .db-list .b-usage-box{ - float:right; - position:relative; - top:1px; - } - .db-list .b-usage-box .usage-box{ - width:auto; - } - .db-list .b-usage-box .value, - .db-list .b-usage-box .max-size{ - color:#797979; - } - .db-list .b-usage-box .value-box{ - width:60px; - margin-right:5px; - } - .db-list .b-usage-box .max-size{ - float:left; - } - .db-list .b-usage-box .max-size .units{ - color:#ABABAB; - } - -/* Backups list -- - - - - - - - - - - - - - - - - - - */ -.backups-list{} - - .backups-list .row{ - padding:25px 10px 15px; - } - .backups-list .ownership{ - padding:5px 0 0; - } - .backups-list .props-main{ - padding-top:5px; - } - .backups-list .props-main .prop-box{ - margin:0; - } - .backups-list .props-additional{ - width:165px; - padding:4px 0 0; - } - .backups-list .props-ext{ - width:165px; - padding:0; - } - .backups-list .entry-created{ - width:185px; - padding:0; - } - .backups-list .backup-date, - .backups-list .backup-weekday{ - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - } - .backups-list .backup-date .backup-day{ - display:block; - width:105px; - font-size:14px; - font-family:Arial,Helvetica,sans-serif; - font-weight:bold; - line-height:20px; - color:#47443f; - } - .backups-list .backup-weekday{ - padding-top:4px; - color:#408abb; - } - .backups-list .backup-time, - .backups-list .generation-time .prop-value{ - font-size:10px; - color:#999; - } - .backups-list .generation-time .prop-value{ - color:#9C9C9C; - } - - .backups-list .generation-time{ - padding-top:4px; - } - .backups-list .backup-size{ - display:-moz-inline-stack; - display:inline-block; - padding-right:12px; - - font-size:10px; - line-height:24px; - - background:url(../images/green-bracket-l.png) no-repeat 0 50%; - color:#595959; - } - .backups-list .backup-size-inner{ - display:-moz-inline-stack; - display:inline-block; - - padding:0 10px; - background:url(../images/green-bracket-r.png) no-repeat 100% 50%; - } - .backups-list .backup-url, - .backups-list .backup-actions{ - font-size:13px; - color:#999; - } - .backups-list .backup-actions{ - background:#ccc; - } - .backups-list .backup-actions-url{ - float:right; - display:-moz-inline-stack; - display:inline-block; - vertical-align:top; - - -webkit-border-radius:9px; - -moz-border-radius:9px; - border-radius:9px; - - border:2px solid #fff; - color:#999; - line-height:26px; - } - .backups-list .row a.backup-actions-url:hover{ - padding:0 12px; - - border-color:#c8c09c; - background-color:#feff99; - color:#444428; - font-size:14px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - cursor:pointer; - text-decoration:none; - text-transform:uppercase; - } - - .backups-list .detailed-restore-ext{ - display:none; - } - - .backups-list a.detailed-restore-url:hover .detailed-restore-title{ - text-transform:none; - } - .backups-list a.detailed-restore-url:hover .detailed-restore-ext{ - display:inline-block; - } - - .backups-list .restore-url{ - margin-left:10px; - color:#93b749; - } - - .backup-tree{ - padding-left:130px; - } - - .backup-tree .backup-tree-item{ - padding:0 0 7px 25px; - background:url(../images/backup-checkbox.png) no-repeat 0 .5em; - } - .backup-tree .unchecked{ - background:url(../images/backup-checkbox-unchecked.png) no-repeat 0 .5em; - } - .backup-tree .checked{ - background:url(../images/backup-checkbox-checked.png) no-repeat 0 .5em; - } - - .backup-tree .backup-sections, - .backup-tree .backup-sections .sub-tree{ - padding:10px 0 0 25px; - } - - .backup-tree .node-item{ - font-size:13px; - font-weight:bold; - padding-left:15px; - background:url(../images/backup-collapsed-ico.png) no-repeat 0 .3em; - border-bottom:1px dashed #cfd19f; - color:#5a6962; - cursor:pointer; - } - .backup-tree .node-item:hover{ - color:#ffcf0b; - } - - .backup-tree .expanded{ - background:url(../images/backup-expand-ico.png) no-repeat 0 .45em; - } - .backup-tree .backup-sections .sub-tree .node-item{ - font-style:italic; - color:#abad85; - padding:0; - background:none; - border:none; - } - .backup-tree .backup-sections .sub-tree .node-item:hover{ - color:#abad85; - } - - .backup-tree .backup-sections .sub-tree .checked .node-item{ - color:#5a6962; - font-style:normal; - } - -/* Highlighted backup row */ -.backup-details-row_highlighted, -.backups-list .backup-details-row_highlighted:hover{ - background:#666; - } - .backup-details-row_highlighted .notes-wrap{ - font-size:14px; - line-height:25px; - font-weight:bold; - text-transform:uppercase; - color:#bad23e; - text-align:center; - padding:0 0 10px; - } - .backup-details-row_highlighted .restore-ico{ - padding:4px 0 4px 30px; - line-height:25px; - background:url(../images/backup-restore-ico.png) no-repeat; - } - .backup-details-row_highlighted .backup-time{ - color:#fff; - } - .backup-details-row_highlighted .ownership .prop-value{ - color:#c8c8c8; - } - .backups-list .backup-details-row_highlighted .backup-day{ - color:#fff; - } - .backups-list .backup-details-row_highlighted .backup-size{ - color:#ccc; - } - .backups-list .backup-details-row_highlighted .backup-actions{ - display:none; - } - -/* row hover effect -- - - - - - - - - - - - - - - - - - - */ -.row:hover{ - background-color:#ffffcb; -} -.ip-list .row:hover .ip-adr, -.domains-list .row:hover .names .primary, -.dns-list .row:hover .names .primary, -.cron-list .row:hover .cron-command-line, -.users-list .row:hover .username-box .nickname, -.db-list .row:hover .db-name{ - border-bottom-style:dashed; - border-bottom-color:#e5e5e5; - border-bottom-color:#bbb; -} -.ip-list .row:hover .ip-adr:hover, -.domains-list .row:hover .names .primary:hover, -.dns-list .row:hover .names .primary:hover, -.cron-list .row:hover .cron-command-line:hover, -.users-list .row:hover .username-box .nickname:hover, -.db-list .row:hover .db-name:hover{ - cursor:pointer; - border-bottom-style:solid; - border-bottom-color:#b4c775; -} -.ip-list .ip-details-suspended:hover .ip-adr, -.ip-list .ip-details-suspended:hover .ip-adr:hover{ - border:none; - cursor:default; -} -.backups-list .row:hover .backup-actions-url{ - border-color:#ffffcb; -} - -.row:hover .ip-status-info{ - background:url(../images/enabled-ico_.png) no-repeat 100% 50%; -} -.row:hover .delete-entry, -.row:hover .db-user-box .db-user{ - background:url(../images/delete-ico-off.png) no-repeat 100% 4px; -} -.row:hover .ip-suspended-status{ - background:url(../images/suspended-ico.png) no-repeat 100% 65%; -} -.ip-status-info:hover .ip-status-text, -.delete-entry:hover .delete-entry-text, -.row:hover .db-user-box .change-pwd{ - visibility:visible; -} -.row .ip-status-info:hover{ - background-image:url(../images/enabled-ico-hover.png); -} -.row .ip-suspended-status:hover{ - background-image:url(../images/suspended-ico.png); -} -.row .delete-entry:hover, -.row .db-user-box .db-user:hover{ - background-image:url(../images/delete-ico.png); - cursor:pointer; -} -.row .delete-entry:active{ - background-image:url(../images/delete-ico-active.png); - cursor:pointer; -} -.delete-entry:hover .delete-entry-text{ - color:#333; -} -.delete-entry .delete-entry-text:hover{ - cursor:pointer; -} -.delete-entry .delete-entry-text:active{ - color:#f00; -} -.row:hover .show-records, -.row:hover .hide-records, -.row:hover .template-box .prop-value, -.domains-list .row:hover .stats-box .stats-auth-text, -.domains-list .row:hover .nginx-box .nginx-ext-list, -.row:hover .db-user-box .change-pwd, -.row:hover .add-db-user, -.row:hover .backup-db, -.row:hover .user-backups-box .prop-title{ - color:#6aa0ac; - border-bottom-color:#cacbbd; -} -.row:hover .template-box .prop-value:hover, -.row:hover .show-records:hover, -.hide-records:hover, -.domains-list .row:hover .stats-box .stats-auth-text:hover, -.domains-list .row:hover .nginx-box .nginx-ext-list:hover, -.row .db-user-box .change-pwd:hover, -.row .add-db-user:hover, -.row .backup-db:hover, -.row .user-backups-box:hover .prop-title{ - color:#575757; - border-bottom-color:#b4c775; -} -.row .template-box .prop-value:active, -.row .show-records:active, -.hide-records:active, -.domains-list .row:hover .stats-box .stats-auth-text:active, -.domains-list .row:hover .nginx-box .nginx-ext-list:active, -.users-list .username-box .nickname:active, -.users-list .user-backups-box .prop-title:active, -.row .db-user-box .change-pwd:active, -.row .add-db-user:active, -.row .backup-db:active, -.row .user-backups-box .prop-title:active{ - color:#b4c775; -} - -/* Checked row -- - - - - - - - - - - - - - - - - - - */ -.checked-row{ - background-color:#e4f7bf; -} - .checked-row .row-actions-box .check-control{ - background-position:0 -30px; - } - - .domains-list .checked-row .names .primary, - .dns-list .checked-row .names .primary, - .cron-list .checked-row .cron-command-line, - .users-list .checked-row .username-box .nickname, - .db-list .checked-row .db-name{ - border-bottom:1px solid #e4f7bf; - } - -/* Suspended row -- - - - - - - - - - - - - - - - - - - */ -.ip-details-suspended, -.suspended-row{} - -.ip-details-suspended:hover, -.suspended-row:hover{ - background-color:#fff; -} - .ip-details-suspended .entry-created, - .suspended-row .entry-created, - .suspended-row .username-box .role{ - color:#ccc; - } - .ip-details-suspended .ip-adr, - .suspended-row .ip-adr, - .suspended-row .cron-command-line, - .suspended-row .username-box, - .suspended-row .username-box .nickname, - .suspended-row .user-name .prop-value, - .suspended-row .user-backups-box .prop-title, - .suspended-row .user-details .user-email, - .suspended-row .user-details .user-reports, - .suspended-row .template-box .prop-value, - .suspended-row .stats-box-title, - .suspended-row .stats-box .stats-auth, - .suspended-row .nginx-box .nginx-ext-list{ - color:#ccc; - border:none; - } - .ip-details-suspended:hover .ip-adr, - .suspended-row:hover .ip-adr, - .suspended-row:hover .names .primary, - .domains-list .suspended-row:hover .names .primary, - .dns-list .suspended-row:hover .names .primary, - .cron-list .suspended-row:hover .cron-command-line, - .users-list .suspended-row:hover .username-box .nickname, - .users-list .suspended-row:hover .user-backups-box .prop-title, - .suspended-row .stats-box .stats-auth-text{ - border:none; - } - .ip-details-suspended:hover .ip-adr:hover, - .suspended-row:hover .ip-adr:hover, - .cron-list .suspended-row:hover .cron-command-line:hover, - .users-list .suspended-row:hover .username-box .nickname:hover, - .users-list .suspended-row:hover .user-backups-box .prop-title:hover, - .cron-list .suspended-row:hover .cron-command-line{ - border:none; - cursor:default; - } - .users-list .suspended-row .username-box .nickname:active, - .users-list .suspended-row .user-backups-box .prop-title:active{ - color:#ccc; - } - -.ip-details-suspended .prop-title, -.ip-details-suspended .prop-value, -.suspended-row .prop-title, -.suspended-row .prop-value, -.suspended-row .b-usage-box .value, -.suspended-row .b-usage-box .max-size, -.suspended-row .b-usage-box .max-size .units, -.suspended-row .b-usage-box2 .value, -.suspended-row .b-usage-box2 .max-size, -.suspended-row .names .primary{ - color:#ccc; -} -.suspended-row .b-usage-box .bar, -.suspended-row .b-usage-box2 .graph .bar { - background-color:#ccc; -} -.suspended-row:hover .show-records, -.suspended-row:hover .hide-records, -.suspended-row:hover .template-box .prop-value, -.domains-list .suspended-row:hover .stats-box .stats-auth-text, -.domains-list .suspended-row:hover .nginx-box .nginx-ext-list, -.suspended-row:hover .user-backups-box .prop-title, -.suspended-row:hover .template-box .prop-value:hover, -.suspended-row:hover .show-records:hover, -.suspended-row .hide-records:hover, -.domains-list .suspended-row:hover .stats-box .stats-auth-text:hover, -.domains-list .suspended-row:hover .nginx-box .nginx-ext-list:hover{ - color:#ccc; - border:none; - cursor:default; -} -.suspended-row:hover .template-box .prop-value:active, -.suspended-row:hover .show-records:active, -.suspended-row .hide-records:active, -.domains-list .suspended-row:hover .stats-box .stats-auth-text:active, -.domains-list .suspended-row:hover .nginx-box .nginx-ext-list:active, -.users-list .suspended-row .username-box .nickname:active, -.users-list .suspended-row .user-backups-box .prop-title:active{ - color:#ccc; -} -.suspended-row .stats-box-title{ - background-image:url(../images/stats-curve-grey.png); -} - -.success-box { - color: #BBBF45; - font-size: 22px; - padding-left: 136px; - padding-bottom: 30px; -} - -.inactive-row { font-style: italic; opacity: 0.38; background: url('../images/bg_line.png');filter: alpha(opacity = 38); } -.form-suspended input[type="text"], .form-suspended input[type="checkbox"], .form-suspended .checkbox, .form-suspended select, .form-suspended textarea, .form-suspended .select { opacity: 0.38;filter: alpha(opacity = 38); } -.form-suspended .do_action_toggle_suspend {opacity: 1; filter: alpha(opacity = 100);} - - -.stats-block{ - background:#474338; - padding:10px; - width:600px; - margin:0 auto 10px; -} -.stats-block-header{ - color:#fc0; - font-size:12px; - font-weight:bold; - text-align:center; -} -.stats-block .stats-graph{ - display:block; - margin:0 auto; -} - -/* START: DEV!! */ -.stats-subbar {cursor: pointer;} -.stats-subbar .sub-active{font-weight: bold;} -/* END: DEV */ +/*- - - - - - - - - - - - - - - - - - - +Title : Vesta +Author : Eugen Lobicov, eugen.lobicov@gmail.com + +created : November 27, 2009 +last updated : January 11, 2012 +- - - - - - - - - - - - - - - - - - */ + +html{ + font-size:100.01%; /* prevent IE's extreme font-resizing bug*/ +} + +body{ + position:relative; + font:normal 62.5%/1.5 Helvetica, Arial, sans-serif; + background:#B2AD9C url(../images/thin-grey-line-4.gif) repeat-x; + color:#333; +} +#page{ + width:965px; + width:955px; + margin:3px auto 0; + border:1px solid red; + border:solid #807D70; + border-width:0 1px; +} +.outer{ + padding-bottom:58px; + background:#fff url(../images/footer-bg.gif) repeat-x 0 100%; +} +#header{ + padding:0 1px 0 10px; + height:26px; + border-bottom:2px solid #333527; + background-color:#484439; +} +.logo-box{ + float:left; +} +.logo, +.logo a, +.logo a span{ + display:block; + width:80px; + height:26px; +} +.logo a{ + position:relative; + overflow:hidden; + font-size:1.2em; /*12px */ + text-decoration:none; + color:#fff; + display:block; + text-indent:-9999px; +} +.logo a span{ + position:absolute; + top:1px; + left:0; + z-index:1; + width:72px; + height:24px; + background:url(../images/vesta-logo-2011-12-14.png) no-repeat; +} +.settings{ + float:right; +} +.settings .settings-item, +.extra-services .service-item{ + float:left; + display:block; + padding:0 10px; + font-size:9px; + line-height:26px; + + text-transform:uppercase; + letter-spacing:1px; +} +.settings .item-title, +.extra-services .item-title{ + font-family:Arial, Helvetica, san-serif; + font-size:9px; + color:#C0BD00; + text-decoration:none; + border-bottom:1px dotted #68684B; +} +.settings a.item-title:hover{ + color:#fefda0; + text-decoration:none; +} +.settings a.item-title:active{ + color:#E16734; + text-decoration:none; +} +.settings .logged-as{ + margin:0; +} +.settings .logged-as{ + position:relative; + top:1px; + padding-right:5px; + font-size:16px; + line-height:20px; + font-family:Georgia, Cambria, "Times New Roman", Times, serif; + font-weight:bold; + font-style:italic; + color:#fff; + text-transform:none; + border:none; + letter-spacing:normal; +} +.settings .logout{ + float:left; + display:block; + text-transform:uppercase; + letter-spacing:1px; + line-height:26px; + } + .settings .logout .item-title{ + display:block; + padding:0 10px; + font-size:9px; + line-height:26px; + border:none; + } + .settings .logout .item-title-inner{ + border-bottom:1px dotted #68684B; + } + .logout a.item-title:hover{ + background-color:#a3b82d; + color:#ffffc5; + } + .logout a.item-title:hover .item-title-inner{ + border:none; + } + + .logout a.item-title:active{ + background-color:#ffff66; + color:#272700; + } +#logged-in-as{ + background-color: #FFCC00; + border: 2px solid #EE7250; + color: #FFFFFF; + font-family: arial; + font-size: 12px; + font-weight: bold; + height: 26px; + margin: 2px auto -3px; + padding: 7px 0 0; + text-align: center; + width: 955px; +} +.extra-services{ + float:right; + margin-right:59px; +} +.extra-services .service-item{ + position:relative; + padding:0 13px; + line-height:26px; + letter-spacing:normal; +} +.extra-services .item-devider{ + position:absolute; + top:-3px; + left:0; + width:100%; + height:3px; +} +.extra-services .item-title{ + font-family:Arial, Helvetica, san-serif; + font-size:10px; + font-weight:bold; + color:#C0E1F3; + border-bottom:1px dotted #7D939F; +} +.extra-services .active{ + cursor:default; + background:#333; + font-weight:bold; + } + .extra-services .service-item:hover{ + cursor:pointer; + } + .extra-services .service-item:hover .item-title{ + color:#fffa96; + border-bottom-color:#fffa96; + } + .extra-services .service-item:active{ + background:#333; + } + .extra-services .service-item:active .item-title{ + color:#fff; + border:none; + } + .extra-services .active .item-title{ + color:#fff997; + border:none; + } + .extra-services .active .item-devider{ + background:#ff6766; + } + +/*Remove button padding in FF*/ +input::-moz-focus-inner{ + border: 0; + padding: 0; +} +.cc:after{ + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +.hidden{ + display:none !important; +} + +/* Navigation +- - - - - - - - - - - - - - - - - - - - */ +#primary-nav-box{ + clear:both; + height:115px; + background-color:#ecf3d2; +} +.primary-nav{} + +.primary-nav .section{ + position:relative; + float:left; + display:block; + padding-right:1px; + background:url(../images/nav-devider-2.png) no-repeat 100% 50%; +} +.primary-nav .last-section{ + background:none; + padding:0; +} +.section .section-inner{ + width:130px; + min-height:100px; + height:auto !important; + height:100px; + padding:15px 0 3px 6px; + padding:15px 0 0 6px; + } +.primary-nav .last-section .section-inner{ + width:133px; + width:127px; +} +.section .section-title{ + position:absolute; + left:7px; + bottom:9px; + font-family:Arial, Helvetica, sans-serif; + font-size:15px; + line-height:1.2; + font-weight:bold; + text-transform:uppercase; + color:#393939; + color:#33342e; + } + .section .section-title .to-section{ + float:left; + margin-right:4px; + } + .section .section-title .add-entry{ + position:relative; + top:2px; + float:left; + display:block; + width:14px; + height:14px; + background:url(../images/plus-sprite1.png) no-repeat; + font-size:0; + line-height:0; + visibility:hidden; + } + .section .section-title .add-entry:hover{ + background-position:-14px 0; + cursor:pointer; + } + +.section .section-devider{ + position:absolute; + left:0; + bottom:0; + z-index:10; + /*background:url(../images/section-status-sprite-5.gif) no-repeat -420px 115px; */ + display:block; + width:100%; + height:3px; + background:url(../images/section-status-sprite-6.png) no-repeat -420px 100%; +} + +.dnstpl-nav-item .section-title{ + background-position:100% 85%; +} +.section .def{ + display:block; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + color:#8c9c91; +} +.section:hover .section-inner{ + background-color:#F1F7D6; + color:#000; + cursor:pointer; + } + .section:hover .section-devider{ + background-position:0 100%; + } + .section:hover .section-title{ + color:#000; + } +.primary-nav .active .section-inner{ + cursor:pointer; + } + .primary-nav .active .section-devider{ + background-position:-283px 100%; + height:6px; + bottom:-3px; + } + .primary-nav .active .def{ + color:#8c9c91; + } + .primary-nav .active .section-title{ + color:#393939; + } + +#console{ + position:relative; + clear:both; + height:70px; + background-color:#a09d98; + background:#535049 url(../images/console-box-bg.png) repeat-x; + border-bottom:1px solid #7a7967; + z-index:1; +} + +.b-console{ + position:absolute; + left:50%; +} + +.b-console-wrap{ + position:relative; + right:50%; + width:655px; + padding:10px 15px 16px 25px; + background:url(../images/console-bg.png) repeat; + + border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -webkit-border-top-right-radius: 0; + -webkit-border-top-left-radius: 0; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; +} + .b-console-form{} + + .b-console-field{ + float:left; + width:548px; + margin-right:15px; + padding:5px 10px; + border:2px solid #42647f; + font-family:Arial, Helvetica, sans-serif; + font-size:18px; + font-style:italic; + font-weight:bold; + color:#aaa; + } + .b-console-field:focus{ + -moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); + -webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); + border-color:rgba(82, 168, 236, 0.75) !important; + color:#333; + } + .b-console-btn{ + float:left; + overflow:visible; + height:30px; + margin:4px 0 0; + padding:0 20px; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; + border:0 none; + background-color:#fdcd00; + color:#4b3600; + + font-size:13px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + line-height:30px; + text-transform:uppercase; + cursor:pointer; + + /* a little animation effect on hover for -webkit- */ + -webkit-transition-property: background; + -webkit-transition-duration: 150ms; + -webkit-transition-timing-function: ease-in-out; + } + .b-console-btn:focus{ + position:relative; + top:1px; + } + .b-console-btn:hover{ + background-color:#ffe84c; + color:#39351c; + } + .b-console-btn:active{ + background-color:#333; + color:#fff; + } + +.b-console-statuses{ + margin-top:15px; +} + + .b-console-status{ + position:relative; + padding:5px 80px 5px 10px; + border:2px dashed #999; + background-color:#feff99; + color:#666; + font-size:12px; + } + .b-console-status-message{ + float:left; + color:#666; + } + .b-console-status-action{ + float:right; + margin-right:-36px; + text-decoration:underline; + } + .b-console-status-message b{ + font-weight:bold; + color:#333; + } + .b-console-status-arrow{ + position:absolute; + top:10px; + right:12px; + display:block; + width:14px; + height:8px; + background:url(../images/status-arrow.png) no-repeat; + } + + + +#actions-toolbar{ + clear:both; + position:relative; + /*padding:15px 20px 15px 280px;*/ + padding:15px 20px 15px 250px; + background-color:#f3f3d9; + border-bottom:1px solid #c9cbc8; +} +.add-domain, +.add-btn{ + position:relative; + top:2px; + float:left; + /*margin:0 0 0 -260px;*/ + margin:0 0 0 -230px; + border-bottom:1px solid #b5c968; + font-family:Georgia, "Times New Roman", Times, serif; + font-size:16px; + line-height:1; + text-transform:uppercase; + color:#66685d; + text-decoration:none; +} +.add-domain .icon, +.add-btn-icon{ + float:left; + display:block; + width:11px; + height:11px; + margin:4px 5px 0 0; + background:url(../images/add-entry-plus.gif) no-repeat; + font-size:0; + line-height:0; + } + .add-btn:hover{ + color:#000; + border-bottom-color:#b85152; + } + .add-btn:active{ + color:#b85152; + border-bottom-color:#000; + } + +.select-all{ + padding:0 40px 0 0; + font-size:13px; + color:#7f7e6c; + text-decoration:underline; + cursor:pointer; + } + .select-all:hover{ + text-decoration:none; + } +.clear-selected{ + font-size:11px; + line-height:10px; + text-transform:uppercase; + color:#bcb6a6; + cursor:pointer; + letter-spacing:0.2px; + border-bottom:1px solid #bcb6a6; + } + .clear-selected:hover{ + color:#000; + border-bottom-color:#b85152; + } + .clear-selected:active{ + color:#b85152; + border-bottom-color:#000; + } + +.db-manager{ + float:right; + margin:5px 0 0 25px; + font-size:11px; + line-height:1.273; /*14px*/ + text-transform:uppercase; + letter-spacing:0.2px; + border-bottom:1px solid #bcb6a6; + text-decoration:none; + color:#9b9b8f; + } + .db-manager .highlighted{ + font-style:normal; + font-weight:bold; + color:#4097b3; + } + .db-manager:hover{ + color:#4097b3; + border-bottom-color:#b85152; + } + .db-manager:active{ + color:#b85152; + border-bottom-color:#4097b3; + } + .db-manager:active .highlighted{ + color:#b85152; + } + +/* Row filters */ + +.row-filters{} + + .b-row-selector{ + float:left; + width:240px; + } + + .b-row-selector .checkbox-selector{ + position:relative; + top:4px; + margin-right:20px; + } + .b-row-selector .b-cust-sel{ + width:100px; + } + +.checkbox-selector, +.context-actions{ + display:-moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + vertical-align:top; + } + .checkbox-selector .checkbox{ + display:block; + float:left; + width:11px; + height:11px; + margin:2px 5px 0 0; + background:url(../images/chekbox-selector.png) no-repeat; + cursor:pointer; + } + .checkbox-selector .selector-title{ + float:left; + font-size:11px; + line-height:15px; + text-transform:uppercase; + color:#5d5d5d; + cursor:pointer; + white-space:nowrap; + } + .checkbox-selector .selector-title:hover{ + color:#2ea8bd; + } + .checkbox-selector .selector-title:active{ + color:#fc0; + } + +/* Custom select */ +.b-cust-sel{ + position: relative; + font-size: 12px; + + background-color: #fff; +/* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%); + background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); + background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%); + + -moz-background-clip : padding; + -webkit-background-clip: padding-box; + background-clip : padding-box; +*/ + + box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.10); + -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.10); + -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.10); + + border: 1px solid #c5c4bf; + display: block; + white-space: nowrap; + position: relative; + height: 20px; + line-height: 20px; + padding: 0 0 0 8px; + color: #616161; + +} +.b-cust-sel .title{ + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.cust-sel-arrow{ + -moz-background-clip : padding; + -webkit-background-clip: padding-box; + background-clip : padding-box; + background: #ccc; + +/* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); + background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); + background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); + background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); +*/ + + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.6, #f5f4ef)); + background-image: -webkit-linear-gradient(center bottom, #fff 0%, #f5f4ef 60%); + background-image: -moz-linear-gradient(center bottom, #fff 0%, #f5f4ef 60%); + background-image: -o-linear-gradient(bottom, #fff 0%, #f5f4ef 60%); + background-image: -ms-linear-gradient(top, #cccccc 0%,#f5f4ef 60%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f5f4ef',GradientType=0 ); + background-image: linear-gradient(top, #cccccc 0%,#f5f4ef 60%); + + border-left: 1px solid #c5c4bf; + position: absolute; + right: 0; + top: 0; + display: block; + height: 100%; + width: 21px; +} +.cust-sel-arrow i{ + display: block; + width: 100%; + height: 100%; + background:url(../images/custom-arrow.png) no-repeat 50% 50%; +} +.b-cust-sel .cust-sel-options{ + position:absolute; + top:21px; + left:-1px; + width:100%; + padding:5px 0 2px; + border:solid #C5C4BF; + border-width:0 1px 1px; + background:#fff; + z-index:100; + } + .b-cust-sel .cust-sel-option{ + padding:0 0 4px 18px; + background:url(../images/cust-option-bullets.png) no-repeat 5px 7px; + color:#828282; + cursor:pointer; + } + .b-cust-sel .cust-sel-option:hover{ + color:#333; + } + .b-cust-sel .ico_gray{ + background-position:5px 7px; + } + .b-cust-sel .ico_green{ + background-position:5px -35px; + } + .b-cust-sel .ico_red{ + background-position:5px -79px; + } + +.b-cust-sel_inactive{ + background:#f3f3d9; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + } + .b-cust-sel_inactive .cust-sel-arrow{ + background:#f3f3d9; + } + .b-cust-sel_inactive .cust-sel-options{ + display:none; + } + +.domain-groups-selector{ + float:left; + width:270px; + padding-top:2px; + font-size:11px; + line-height:15px; + } + .domain-groups-selector .selector-wrap{ + display:-moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + vertical-align:top; + padding-right:15px; + border-bottom:1px solid #d5d6c4; + background:url(../images/custom-arrow.png) no-repeat 100% 6px; + } + .domain-groups-selector .selector-title{ + padding-right:5px; + font-weight:normal; + text-transform:uppercase; + color:#8b8b8b; + } + .domain-groups-selector .selected-groups{ + color:#5d5d5d; + } + +#content{ + padding:8px 0 50px; + background:#fff url(../images/content-separator.png) repeat-x; +} +.b-ext-info-wrap{ + position:relative; + min-height:40px; + } + .b-ext-info{ + margin:0 0 6px; + padding:10px 25px 15px; + background:#ddd; + font-size:12px; + color:#000; + text-shadow: 0px 1px 1px #fff; + } + .b-ext-info-btn{ + position:relative; + left:-1px; + width:102px; + height:15px; + margin-left:-50px; + margin:-6px auto 0; + background-color:#fff; + cursor:pointer; + } + .b-ext-info-wrap_collapsed .b-ext-info-btn{ + background:url(../images/more-info-btn.png) no-repeat; + } +.content-inner{ + background-color:#fff; + padding:0 15px 15px; +} +/* +.domains{ + border-bottom:1px solid #333; + background-color:#fff; +} +.domains .item{ + position:relative; + padding:0 20px; + background:url(../images/long-dotted-bg.gif) repeat-x; +} +.domains .first{ + margin:0; + background:none; +} +.item .view{ + padding:15px 0 10px; +} +.item .ip-box{ + float:left; + width:150px; + padding-top:12px; +} +.ip-box .ip{ + font-size:1.1em; /*11px* + line-height:21px; + font-weight:normal; + letter-spacing:.175em; +} +.ip-box .owner{ + display:block; + font-size:1.2em; + color:#999; +} +.details .names .primary{ + font-size:20px; + font-family:Georgia, "Times New Roman", Times, serif; + font-weight:normal; + font-style:normal; + color:#000; /* radikal'no cherniy, da! * +} +.names .divider{ + font-size:12px; + line-height:2; + text-transform:uppercase; + color:#999; +} +.names .domain-name{ + padding:0 10px; + font-size:12px; + line-height:2; + font-style:italic; + color:#999; + white-space:nowrap; +} +.item .details{ + margin-left:150px; +} +.item .details .status{ + float:right; + width:60%; + margin:5px 20px 0 0; + color:#999; +} +.details .status .logging{ + float:left; +} +.logging .err-log, +.logging .log, +.logging .stats{ + float:left; + display:inline; + margin:0 20px 0 0; + padding-right:25px; + background:url(../images/logging-status-sprite.png) no-repeat -100% -100%; +} +.logging .off{ + background-position:100% 0; +} +.logging .on{ + background-position:100% 100%; +} +.logging .stats{ + margin-right:10px; +} +.logging .stat-auth{ + float:left; + display:inline; + margin:0 10px 0 0; + border-bottom:1px solid #9bcad0; + color:#999; + cursor:pointer; +} +.details .status .params{ + float:right; +} +.params .memory, +.params .t, +.params .max-weight, +.params .upload-weight{ + float:left; + display:inline; + margin-right:25px; +} +.memory{} + +.memory dl{ + overflow:hidden; + margin-bottom:2px; +} + +.memory dt{ + float:left; + width:15px; +} +.memory dd{ + float:left; +} +.memory .usage{} + +.memory .usage .value{ + float:left; + width:30px; +} +.memory .usage .divider{ + padding-right:2px; +} +.memory .usage .max{ + font-weight:bold; + border-bottom:1px solid #9bcad0; + cursor:pointer; +} +.memory .graph{ + clear:both; + position:relative; + border:1px solid #ccc; + font-size:0; + line-height:0; +} +.memory .graph .bar{ + position:relative; + display:block; + height:2px; +} +.critical .bar{ + background-color:#f00; +} +.middle .bar{ + background-color:#ff9934; +} +.low .bar{ + background-color:#acd45a; +} +.params .upload-weight{ + margin:0; +} +.t .value, +.max-weight .value, +.upload-weight .value{ + border-bottom:1px solid #9bcad0; + cursor:pointer; +} +.item .close{ + position:absolute; + top:30px; + right:20px; + display:block; + width:16px; + height:16px; + background:url(../images/sprite.png) no-repeat; + cursor:pointer; +} +.item .close:hover{ + background-position:-16px 0; +} +*/ +/* row hover effect +- - - - - - - - - - - - - - - - - - - */ +/* +.domains .item:hover{ + background-color:#ffffcb; +} +.item:hover .names .primary{ + cursor:pointer; + border-bottom:1px dotted #ccc; +} +.item:hover .logging .err-log, +.item:hover .logging .log, +.item:hover .logging .stats, +.item:hover .memory dt, +.item:hover .memory .divider, +.item:hover .params .title{ + color:#98bc65; +} +.item:hover .logging .stat-auth, +.item:hover .memory .max, +.item:hover .t .value, +.item:hover .max-weight .value, +.item:hover .upload-weight .value{ + color:#333; +} +*/ +/* Edit +- - - - - - - - - - - - - - - - - - - */ +/* +.edit{ + position:relative; + clear:both; + margin:0 -20px; + padding:15px 20px 10px; + border-top:2px solid #999; + background-color:#ffffcb; +} +.change-ip-box{ + margin:0 0 20px; +} +.edit .ip-details{ + float:left; + margin-right:20px; +} +.change-ip{ + width:140px; + padding:3px 5px; + border:2px solid #9bcad0; + font-size:16px; +} +.ip-details .created{ + display:block; + margin:5px 0 0; + font-size:12px; +} +.change-domain-name{ + width:360px; + padding:3px 5px; + border:2px solid #9bcad0; + font-size:16px; + font-weight:bold; +} +.edit .domain-name{ + font-size:20px; + font-family:Georgia, "Times New Roman", Times, serif; + font-weight:normal; + font-style:normal; + color:#000; /* radikal'no cherniy, da! * + white-space:nowrap; + line-height:2; +} +.change-logs-box{ + float:left; + width:170px; + margin-right:50px; + padding-left:180px; +} +.ownership{ + display:inline; + float:left; + width:160px; + margin:0 0 0 -180px; + font-size:12px; +} +.ownership .owner{ + display:block; + font-size:16px; + font-weight:bold; + font-style:italic; +} +.change-logs{ + padding-top:5px; +} +.change-logs label{ + display:block; + margin:0 0 9px; +} +.change-logs .last{ + margin:0; +} +.change-logs .title{ + display:block; + float:left; + width:70px; + font-size:14px; +} +.change-logs .title b{ + font-weight:bold; +} +.change-logs .checkbox{ + margin:3px 0 0; + border:2px solid #9bcad0; +} +.change-logs .stat-auth{ + position:relative; + top:-3px; + left:10px; + border-bottom:1px solid #9BCAD0; + cursor:pointer; +} +.change-memory{ + float:left; + width:150px; + padding-top:5px; + font-size:14px; +} +.change-memory dl{ + margin-bottom:13px; +} +.change-memory .value{ + padding:0 5px; + font-style:italic; + font-weight:bold; + color:#6b930f; +} +.change-memory .amount{ + margin-top:7px; +} +.change-memory .amount .max{ + width:50px; + margin-left:10px; + padding:2px 5px; + border:2px solid #9bcad0; + text-align:right; +} +.change-memory .graph{ + clear:both; + position:relative; + border:1px solid #9c9c82; + font-size:0; + line-height:0; +} +.change-memory .graph .bar{ + position:relative; + display:block; + height:2px; +} +.change-params{ + float:right; + font-size:14px; +} +.change-params li{ + margin-top:5px; + overflow:hidden; +} +.change-params .title{ + float:left; + width:165px; +} +.change-params .param-value{ + width:30px; + margin-right:5px; + padding:1px 5px; + border:2px solid #9bcad0; + text-align:right; + +} +.aliases{ + position:relative; + padding-top:20px; + margin-bottom:20px; +} +.aliases .title{ + float:left; + display:block; + margin-right:20px; + padding-top:3px; + font-size:17px; +} +.aliases .hint{ + position:absolute; + top:-15px; + left:78px; + font-style:italic; + color:#999; +} +.aliases-list{ + width:90%; + padding:3px 5px; + border:2px solid #9bcad0; + font-size:16px; +} +.buttons{} + +.buttons .apply{ + width:auto; + overflow:visible; + padding:4px 20px 3px 17px; + background-color:#feff99; + border:1px solid #728b25; + + font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; + font-size:120%; + font-weight:bold; + text-transform:uppercase; + + line-height:130%; + color:#6b9e05; + cursor:pointer; + + float:right; +} +.buttons .devider{ + text-transform:uppercase; + float:right; + display:block; + line-height:24px; + margin:0 10px; +} +.buttons .cancel{ + float:right; + width:auto; + height:20px; + padding:0; + border:0 none; + background:none; + color:#e09462; + text-decoration:underline; + cursor:pointer; +} +.hidden{ + display:none; +} +.edit .iSelected{ /* descendant selector for more specific style context * + border-color:#59B4FF; /* blue border on focused input * + font-weight:bold; +} +.edit .not-valid{ /* descendant selector for more specific style context * + border-color:#f00; /* RED border on error field * +} + +.edit .edit-help{ + padding-bottom:1px; + font-family:Arial, Helvetica, sans-serif; + font-size:14px; + color:#a0a094; + text-decoration:none; + text-transform:uppercase; + border-bottom:1px solid #b5b59b; +} +.edit .delete{ + position:absolute; + top:15px; + right:25px; + padding:3px 25px 3px 2px; + font-family:Arial, Helvetica, sans-serif; + font-size:14px; + color:#a0a094; + text-transform:uppercase; + background:url(../images/delete.gif) no-repeat 100% 50%; + cursor:pointer; +} +.edit .delete .title{ + padding-bottom:1px; + border-bottom:1px solid #b5b59b; +} +*/ + +/* IP list +- - - - - - - - - - - - - - - - - - - - */ +#content{ + padding-bottom:0; +} +.ip-list{} + + .row{ + padding-top:10px; + padding:10px 10px 15px 10px; +/* min-height:125px; + min-height:110px;*/ + background:url(../images/long-dotted-bg.gif) repeat-x; + } + .first-row{ + background-image:none; + } + .row-meta{ + float:left; + width:150px; + } + .row-details{ + margin-left:150px; +/* background:#e0e0e0;*/ + } + .row-actions-box{ +/* margin:0 0 5px;*/ + } + + .row-actions-box .check-this, + .row-actions-box .check-control{ + float:left; + width:10px; + height:10px; + margin-top:4px; +/* background:url(../images/logging-status-sprite.png) no-repeat;*/ + background:url(../images/check-row-sprite.png) no-repeat; + background:url(../images/check-row-sprite_.png) no-repeat; + } + .row-actions-box .check-control:hover{ + cursor:pointer; + background-position:0 -89px; + } + .row-actions-box .row-operations{ + float:right; + } + .ip-status-info{ + position:relative; + display:block; + float:left; + /*margin-right:25px;*/ + padding-right:15px; + font-size:12px; + } + .ip-status-info .ip-status-text{ + visibility:hidden; + } + .row .ip-suspended-status{ + margin:0; + background:url(../images/suspended-ico.png) no-repeat 100% 65%; + } + .row .ip-suspended-status .ip-status-text{ + text-transform:uppercase; + color:#333; + font-size:10px; + visibility:visible; + } + .delete-entry{ + position:relative; + top:2px; + display:block; + float:left; + padding-right:15px; + font-size:11px; + text-transform:uppercase; + } + .delete-entry .delete-entry-text{ + visibility:hidden; + } + .entry-created{ + padding-top:7px; + font-size:11px; + color:#6f6f6f; + } + .props-main{ + float:left; + width:425px; +/* background:#eee;*/ + } + .props-main .prop-box{ + margin-bottom:15px; + } + + .props-additional{ + float:left; + width:200px; + padding:5px 10px 0 0; +/* background:#ccc;*/ + } + .props-ext{ + float:right; + width:120px; + padding-top:5px; +/* background:#d5d5d5;*/ + } + .ip-adr-box, + .user-wrap{ + margin:0 0 5px; + } + .ip-adr{ + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + font-size:22px; + line-height:1; + font-weight:normal; + letter-spacing:0.5px; + } + .ip-adr:active, + .ip-adr:focus{ + color:#9fb749; + } + .ip-adr .dot{ + padding:0 3px; + } + .ip-list .ip-adr{ + border-bottom:1px solid #fff; + } + .username-box .user{ + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + margin-right:10px; + } + .username-box .nickname{ + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + margin-right:5px; + + font-size:20px; + line-height:25px; + font-family:Arial, Helvetica, sans-serif; + color:#000; + + } + .username-box .role{ + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + position:relative; + top:2px; + + font-size:12px; + line-height:25px; + color:#777; + } + + .prop-box{ + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + min-width:40%; +/* width:auto !important; + width:40%;*/ + margin:0 0 3px; + font-size:10px; + } + .prop-title{ + text-transform:uppercase; + color:#9c9c9c; + font-size:9px; + line-height:15px; + } + .prop-value{ + padding-left:3px; + font-size:12px; + color:#777; + } + .prop-value-collapsed-childs{ + padding-right:15px; + background:url(../images/group-values-collapsed.png) no-repeat 100% 5px; + cursor:pointer; + } + .show-records{ + display:inline-block; + padding-right:15px; + border-bottom:1px solid #c9cabc; + background:url(../images/show-records-ico.png) no-repeat 100% 50%; + text-transform:uppercase; + line-height:13px; + cursor:pointer; + } + .hide-records{ + display:inline-block; + padding-right:15px; + border-bottom:1px solid #c9cabc; + background:url(../images/hide-records-ico.png) no-repeat 100% 50%; + text-transform:uppercase; + line-height:13px; + cursor:pointer; + } + + .prop-box_group-values{ + display:block; + } + .prop-box_group-values .prop-title{ + float: left; + margin:2px 0 0; + } + .prop-box_group-values .group-values{ + float:left; + margin-left:3px; + } + .group-values .prop-value{ + display:block; + } + .group-values__bullet .prop-value{ + padding-left:15px; + background:url(../images/group-value-bullet.png) no-repeat 5px 8px; + } + .group-values .group-switcher{ + padding-right:15px; + background:url(../images/group-values-collapsed.png) no-repeat 100% 4px; + } + .group-values .group-values-count{ + font-size:12px; + font-style:italic; + color:#cdcdcd; + border-bottom:1px solid #c9cac4; + cursor:pointer; + } + + .props-additional .owner-box{ + padding-left:45px; + } + .props-additional .owner-box .prop-title{ + float:left; + display:inline; + margin:2px 0 0 -45px; + } + .props-additional .owner-box .prop-value{ + padding:0; + } + + .ip-list .ip-name-box{ + margin:0 0 3px; + } + + +/* Entry adding form +- - - - - - - - - - - - - - - - - - - */ +.b-new-entry{ + margin-top:25px; + border-style:solid; + border-width:2px 1px 1px; + border-color:#999 #ccc #ccc #ccc; + + background-color:#ffffcb; + } + .b-new-entry .entry-header{ + margin:0 0 10px; + padding:8px 15px 9px; + border-bottom:1px solid #dcdbab; + font-size:16px; + font-family:Georgia, "Times New Roman", Times, serif; + text-transform:uppercase; + color:#747668; + } + .b-new-entry .form-row{ + position:relative; + padding:10px 15px; + } + .b-new-entry .field-label, + .b-new-entry .row-header{ + float:left; + width:180px; + font-size:15px; + line-height:2; + color:#3d504a; + } + .b-new-entry .text-field{ + float:left; + width:265px; + margin:0 15px 0 0; + padding:6px 7px; + border:2px solid #b8c2c3; + color:#555; + font-family:Arial, Helvetica, sans-serif; + font-size:14px; + font-weight:bold; + } + .b-new-entry .field-label .remark{ + position:relative; + top:-14px; + display:block; + font-style:italic; + font-size:14px; + color:#a3a590; + } + + .b-new-entry .custom-select{} + + .b-new-entry .textarea{ + width:685px; + height:100px; + padding:6px 7px; + border:2px solid #b8c2c3; + color:#555; + font-family:Arial, Helvetica, sans-serif; + font-size:14px; + font-weight:bold; + } + .b-new-entry .text-field:focus, + .b-new-entry .textarea:focus{ + -moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); + -webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5); + border-color:rgba(82, 168, 236, 0.75) !important; + color:#333; + } + + .b-new-entry .ssl-crtfct-box .textarea{ + margin:10px 0 0; + } + .b-new-entry .select{ + position: absolute; + top:auto; + left:195px; + width: 195px; + height: 28px; + padding: 0 24px 0 8px; + color: #555; + font:bold 14px/28px arial,sans-serif; + background:#fff url(../images/select-arrow.png) no-repeat 100% 50%; + overflow: hidden; + border:2px solid #b8c2c3; + } + .b-new-entry .select.disabled{ + border: 0; + background-color: #FFFFCB; + opacity: 1; + background: 0; + } + + .b-new-entry .checkbox.disabled{ + background-position: -331px -126px; + margin-right:5px; + } + .b-new-entry .text-field:disabled{ + border:0; + background-color:#FFFFCB; + } + .b-new-entry select.styled{ + top:10px; + } + .b-new-entry option{ + font:14px arial,sans-serif; + } + .b-new-entry .form-options-group{} + + .b-new-entry .group-header{ + margin:12px 25px 12px 15px; + text-transform:uppercase; + color:#9c9c9c; + font-size:11px; + line-height:15px; + height:16px; + background:url(../images/dotted.gif) repeat-x 0 50%; + } + .b-new-entry .group-title-outer{ + display:inline-block; + width:165px; + padding:0 15px 0 0; + line-height:16px; + text-align:right; + background:#ffffcb; + } + .b-new-entry .group-title-inner{ + padding:2px 13px 2px 0; + } + .b-new-entry .group-title{ + border-bottom:1px solid #FFFFCB; + } + .b-new-entry .expanded .group-title-inner{ + background:#ffffcb url(../images/form-group-expanded.png) no-repeat 100% 50%; + } + .b-new-entry .collapsed .group-title-inner{ + background:#ffffcb url(../images/form-group-collapsed.png) no-repeat 100% 50%; + } + .b-new-entry .group-header:hover{ + cursor:pointer; + } + .b-new-entry .group-header:hover .group-title, + .b-new-entry .group-header .group-title:hover{ + color:#000; + border-bottom-color:#9fb35a; + } + .b-new-entry .group-header .group-title:active{ + color:#4B9427; + } + + .b-new-entry .mail-options-group{ + margin-bottom:27px; + } + .b-new-entry .mail-options-group .form-row{ + padding-bottom:0; + } + + .b-new-entry .delete-record{ + display: block; + position:relative; + top:11px; + float: left; + width: 11px; + height: 11px; + background: url(../images/delete-ico-off.png) no-repeat; + } + .b-new-entry .delete-record:hover{ + cursor:pointer; + background-image:url(../images/delete-ico.png); + } + .b-new-entry .delete-record:active{ + cursor:pointer; + background-image:url(../images/delete-ico-active.png); + } + + + .b-new-entry .checkbox{ + display:block; + float:left; + width:18px; + height:18px; + margin:6px 0 0; + background:url(../images/checkboxes.png) no-repeat; + } + .b-new-entry .checkbox:hover{ + background-position:0 -98px; + } + .b-new-entry .stats-settings{ + padding-left:40px; + } + .b-new-entry .db-credentials .field-label{ + text-indent:40px; + } + /*.b-new-entry .pwd-box .text-field{ + float:left; + margin:0 15px 0 0; + }*/ + .b-new-entry_user .lastname-box{ + margin-bottom:30px; + } + .b-new-entry_dns .dns-template-box .styled{ + float:left; + margin:0 40px 0 0; + margin:0 20px 0 0; + width:230px; + cursor:pointer; + } + .b-new-entry_dns .ttl-field{ + width:75px; + } + .generate-pwd, + .context-settings{ + position:relative; + top:10px; + float:left; + display:block; + color:#5ea2a1; + border-bottom:1px solid #cdcea6; + text-transform:uppercase; + cursor:pointer; + + font-size:11px; + line-height:1; + letter-spacing:0.5px; + } + .generate-pwd:hover, + .context-settings:hover{ + color:#575757; + border-bottom-color:#b4c775; + } + .generate-pwd:active, + .context-settings:active{ + color:#b4c775; + } + + .b-new-entry .add-ns{ + display:-moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + + margin:0 0 7px 180px; + font-family:Georgia, "Times New Roman", Times, serif; + font-size:14px; + line-height:1; + text-transform:uppercase; + color:#66685d; + text-decoration:none; + } + .add-ns .icon{ + float:left; + display:block; + width:11px; + height:11px; + margin:2px 5px 0 0; + background:url(../images/add-entry-plus.gif) no-repeat; + font-size:0; + line-height:0; + } + .add-ns .btn-title{ + display:inline-block; + border-bottom:1px solid #b5c968; + } + .add-ns .btn-title:hover{ + color:#000; + border-bottom-color:#b85152; + } + .add-ns .btn-title:active{ + color:#b85152; + border-bottom-color:#000; + } + + + .b-new-entry .buttons-row{ + position:relative; + margin-top:13px; + padding:8px 15px 8px 195px; + border-top:1px solid #dcdbad; + background:url(../images/form-bottom-bg.png) repeat-x; + } +/* .b-new-entry .help-btn{ + position:absolute; + top:13px; + right:20px; + font-size:11px; + line-height:12px; + color:#b4b39f; + text-transform:uppercase; + cursor:pointer; + border-bottom:1px solid #b4b39f; + text-decoration:none; + } + .b-new-entry .help-btn:hover{ + color:#000; + border-bottom-color:#9fb35a; + } + .b-new-entry .help-btn:active{ + color:#4B9427; + } +*/ + + .b-new-entry .cancel-btn{ + + display:-moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + + margin-left:30px; + font-size:11px; + line-height:1; + font-weight:bold; + + text-transform:uppercase; + color:#2ca9bd; + cursor:pointer; + border-bottom:1px solid #2ca9bd; + } + .b-new-entry .cancel-btn:hover{ + color:#999; + border-bottom-color:#999; + } + .b-new-entry .cancel-btn:active{ + color:#fc0; + border-bottom-color:#fc0; + } + + .b-new-entry .delete-btn{ + position:absolute; + top:18px; + right:16px; + + font-size:9px; + line-height:11px; + text-transform:uppercase; + color:#333; + letter-spacing:3px; + cursor:pointer; + border-bottom:1px solid #ff6766; + } + .b-new-entry .delete-btn:hover{ + color:#ff6766; + } + .b-new-entry .delete-btn:active{ + color:#fc0; + border-bottom-color:#fc0; + } + + + .b-new-entry .add-entry-btn{ + overflow:visible; + height:28px; + padding:0 50px; + -webkit-border-radius:9px; + -moz-border-radius:9px; + border-radius:9px; + border:2px solid #c8c09c; + background-color:#feff99; + color:#444428; + font-size:14px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + line-height:25px; + text-transform:uppercase; + cursor:pointer; + } + .b-new-entry .add-entry-btn:focus{ + position:relative; + top:1px; + } + .b-new-entry .add-entry-btn:hover{ + background-color:#feff77; + color:#464322; + border-color:#9e977b; + } + .b-new-entry .add-entry-btn:active{ + background-color:#928d7a; + color:#fefe9e; + border-color:#87826e; + } + .b-new-entry .autocomplete-box{ + position:relative; + float:left; + padding-right:35px; + background:#fff; + } + .b-new-entry .autocomplete-box .text-field{ + width:213px; + margin:0; + } + .b-new-entry .autocomplete-box .arrow{ + position:absolute; + top:0; + right:0; + display:block; + width:32px; + height:32px; + font-size:0; + line-height:0; +/* background:#fff url(../images/select-arrow.png) no-repeat 100% 50%;*/ + background:#fff url(../images/autocomplete-field-arrows-sprite.png) no-repeat; + cursor:pointer; + } + .b-new-entry .autocomplete-box .arrow:hover, + .b-new-entry .autocomplete-box .arrow:active, + .b-new-entry .autocomplete-box .arrow:focus{ + background-position:0 -32px; + } + + .b-new-entry .form-error{ + position:relative; + margin:-5px 5px 5px; + padding:8px 15px; + border:1px solid #dcdbad; + background:url(../images/form-bottom-bg.png) repeat-x; + } + .form-error .error-box{ + padding-left:18px; + background:url(../images/error-bullet.png) no-repeat 0 50%; + } + .form-error .error-box .error-message{ + color:#9a32ff; + font-size:16px; + line-height:22px; + } + .form-error .error-box .help-tip-url{ + position:relative; + top:-1px; + font-size:12px; + line-height:15px; + color:#b4b39f; + text-transform:uppercase; + text-decoration:none; + cursor:pointer; + border-bottom:1px solid #b4b39f; + } + .b-new-entry .help-tip-url:hover{ + color:#000; + border-bottom-color:#9fb35a; + } + + .b-new-entry_cron{} + + .b-new-entry_cron .form-row{ + padding-top:7px; + padding-bottom:5px; + } + .b-new-entry_cron .run-at-box{ + padding-bottom:7px; + } + .b-new-entry_cron .run-at-box .row-header{ + margin-top:35px; + } + .b-new-entry_cron .form-row-line .field-box{ + margin-right:14px; + } + .b-new-entry_cron .form-row-line .cron-week-box{ + margin:0; + } + .b-new-entry_cron .form-row-line .field-label{ + display:block; + float:none; + width:auto; + line-height:1; + padding:0 0 8px; + color:#7d7d7d; + + font-size:13px; + } + .b-new-entry_cron .form-row-line .text-field{ + width:112px; + margin:0; + } + .b-new-entry_cron .form-row-line .cron-week-box .text-field{ + width:109px; + margin:0; + } + .b-new-entry_cron .textarea{ + height:60px; + } + + + .b-new-detailed-restore{} + + .b-new-detailed-restore .add-entry-btn{ + padding:0 30px; + } +/* + .b-new-detailed-restore .cancel-btn{ + left:auto; + right:16px; + } +*/ + +/* Show/edit dns records form +- - - - - - - - - - - - - - - - - - - */ +.b-records-list{ + margin-left:160px; + } + .b-records-list .entry-header{ + padding-top:6px; + padding-bottom:11px; + } + .b-records-list .hide-records{ + font-size:10px; + font-family:Arial, Helvetica, sans-serif; + line-height:13px; + } + .b-records-list .add-btn{ + margin:0; + float:none; + } + .b-records-list .form-row{ + padding-top:5px; + padding-bottom:5px; + } + .b-records-list .add-box{ + padding-bottom:15px; + } + .b-records-list .buttons-row{ + margin-top:20px; + } + .form-row-line{ + position:relative; + } + .form-row-line .field-box{ + float:left; + } + .form-row-line .field-devider{ + float:left; + display:block; + min-height:30px; + margin:0 15px; + font-size:15px; + line-height:2; + } + .b-records-list .form-row-line .field-label{ + float:none; + display:block; + width:auto; + line-height:20px; + } + .b-records-list .dns-record-box .text-field{ + width:147px; + float:left; + margin:0; + } + .b-records-list .dns-type-box{ + margin-right:15px; + } + .b-records-list .dns-type-box .select{ + width:51px; + left:221px; + } + .b-records-list .dns-type-box select.styled{ + width:87px; + cursor:pointer; + } + .b-records-list .dns-value-box .text-field{ + float:none; + width:390px; + margin:0; + } + .b-records-list .delete-record{ + position:absolute; + top: auto; + bottom:15px; + right:11px; + display:block; + float:left; + width:11px; + height:11px; + background:url(../images/delete-ico-off.png) no-repeat; + } + + +/* Web-domains list +- - - - - - - - - - - - - - - - - - - */ +.domains-list{} + + .domains-list .entry-created{ + padding-top:9px; + } + .names{ + margin:0 0 6px; + color:#acacac; + } + .names .alias-title{ + position:relative; + top:-1px; + padding-right:3px; + padding:0 3px 0 25px; + font-size:10px; + line-height:1.8; + text-transform:uppercase; + } + .names .domain-name{ + position:relative; + top:-1px; + padding:0 3px 0 0; + font-size:12px; + line-height:1.5; + color:#acacac; + white-space:nowrap; + } + .row-details .names .primary{ + top:0; +/* padding:0 25px 0 0;*/ + font-size:20px; + font-family:Arial, Helvetica, sans-serif; + font-weight:normal; + font-style:normal; + color:#000; /* radikal'no cherniy, da! */ + } + .names .primary:active{ + color:#9fb749; + } + .domains-list .names .primary, + .dns-list .names .primary{ + border-bottom:1px solid #fff; + } + + .domains-list .props-main{ + width:345px; + } + .domains-list .ip-adr{ + font-size:16px; + color:#888; + } + .domains-list .ip-adr-box .prop-box{ + margin-left:20px; + } + + .domains-list .props-additional{ + width:230px; + padding-top:0; +/* background:#bbb;*/ + } + .domains-list .props-ext{ + width:170px; + padding-top:0; +/* background:#ddd;*/ + } + +.b-usage-box{ + display:block; +} + + .b-usage-box .prop-title{ + float:left; + margin:2px 15px 0 0; + } + .b-usage-box .usage-box{ + float:left; + width:136px; + } + .b-usage-box .usage-box{ + + } + .b-usage-box .value-box{ + float:left; + width:75px; + } + .b-usage-box .max-size{ + float:right; + } + .b-usage-box .value{ + display:block; + font-size:11px; + line-height:1; + color:#999; + } + .b-usage-box .max-size{ + position:relative; + top:2px; + font-size:14px; + line-height:1; + color:#ababab; + } + .b-usage-box .max-size .units{ + font-size:12px; + color:#797979; + } + .graph{ + position:relative; + border:1px solid #b7b7b9; + font-size:0; + line-height:0; + } + .graph .bar{ + position:relative; + display:block; + height:2px; + } + .critical .bar{ + background-color:#f00; + } + .middle .bar{ + background-color:#ff9934; + } + .low .bar{ + background-color:#9fec00; + } + +/* New graphs */ +.b-stats-box{ + position:relative; + margin-left:-25px; + padding-left:25px; + background:url(../images/stats-brace.png) no-repeat 0 50%; + } + .stats-box-title{ + /* + background: url("../images/stats-curve.png") no-repeat 85% 50%; + + line-height: 61px; + margin-right: 33px; + padding-right: 35px; + */ + position:absolute; + top:50%; + left:-68px; + + width:28px; + margin-top:-10px; + padding-right:35px; + text-transform:uppercase; + font-size:9px; + line-height:12px; + background:url(../images/stats-curve.png) no-repeat 85% 50%; + color:#acacac; + } + +.b-usage-box2{ + display:block; + margin:0 0 22px; + position:relative; + } + .b-usage-box2 .prop-title{ + float:left; + margin:2px 15px 0 0; + } + .b-usage-box2 .usage-box{ + float:left; + } + .b-usage-box2 .value-box{ + padding-top:11px; + float:left; + width:85px; + } + .b-usage-box2 .max-size{ + position:relative; + top:11px; + float:right; + padding:7px 0 0 3px; + border-left:1px solid #B7B7B9; + font-size:10px; + line-height:1; + color:#acacac; + } + .b-usage-box2 .max-size .units{ + font-size:10px; + color:#acacac; + } + .b-usage-box2 .graph{ + position:relative; + border:solid #b7b7b9; + border-width:1px 0 1px 1px; + font-size:0; + line-height:0; + } + .b-usage-box2 .value{ + position:absolute; + top:-15px; + left:0; + z-index:10; + display:block; + white-space:nowrap; + padding:0 0 7px 3px; + font-size:11px; + line-height:1; + background:url(../images/bar-value-mark.png) no-repeat 0 100%; + color:#797979; + } + .b-usage-box2 .value-size{ + padding-left:3px; + } + .b-usage-box2 .graph .bar{ + position:relative; + display:block; + height:2px; + background-color:#9fec00; + } + + /* Overdraft */ + .b-usage-box2 .overdraft{} + + .b-usage-box2 .overdraft .value{ + margin-left:-1px; + color:#F00; + } + + .b-usage-box2 .bar_overdraft{ + position:absolute; + top:-1px; + z-index:5; + display:block; + height:2px; + border:solid #b7b7b9; + border-width:1px 0; + background:#ff9934 url(../images/overrun-border.png) no-repeat 100% 0; + } + + +.domains-list .props-additional .prop-box, +.domains-list .props-ext .prop-box{ + display:block; + margin:0; + } + .stats-box{} + + .stats-box .stats-auth{ + position:relative; + top:3px; + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + margin:0 0 0 5px; + padding:0 0 0 10px; + font-size:12px; + line-height:1.5; + color:#777; + cursor:pointer; + } + .stats-box .stats-auth-on{ + background:url(../images/auth-plus.png) no-repeat 0 60%; + } + .stats-box .stats-auth-text{ + display:block; + line-height:11px; + border-bottom:1px solid #cacbbd; + } + + .nginx-box{} + + .nginx-box .nginx-ext-list{ + position:relative; + top:3px; + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + margin:0 0 0 5px; + border-bottom:1px solid #cacbbd; + font-size:12px; + line-height:1; + color:#777; + cursor:pointer; + } + .template-box{} + + .template-box .prop-value{ + padding:0; + cursor:pointer; + border-bottom:1px solid #cbcbbf; + } + +/* DNS list +- - - - - - - - - - - - - - - - - - - */ +.dns-list{} + + .dns-list .row-details{ + padding-bottom:8px; + } + .dns-list .entry-created{ + padding-top:9px; + } + .dns-list .props-main{ + width:295px; + } + .dns-list .props-additional{ + width:200px; + } + .dns-list .props-ext{ + width:250px; + } +.dns-list .props-additional .prop-box, +.dns-list .props-ext .prop-box{ + display:block; + margin:0; + } +.dns-list .ip-adr-box{ + margin:0; + } + .dns-list .ip-adr{ + font-size:12px; + line-height:1.5; + color:#777; + } + +/* Cron list +- - - - - - - - - - - - - - - - - - - */ +.cron-list{} + + .cron-list .entry-created{ + padding-top:18px; + } + .cron-list .cron-meta{ + margin:0 0 9px; + } + .cron-meta .prop-box{ + min-width:0; + } + .cron-meta .prop-title{ + display:block; + text-transform:none; + font-size:10px; + } + .cron-meta .prop-value{ + padding:0; + font-size:16px; + color:#7c7c7c; + } + .cron-meta .cron-min, + .cron-meta .cron-hour, + .cron-meta .cron-day, + .cron-meta .cron-week, + .cron-meta .cron-month{ + min-width:45px; + padding-right:20px; + } + + .cron-command-box{ + margin:0 0 5px; + } + .cron-command-line{ + position:relative; + padding:0 3px 0 0; + font-family:Arial, Helvetica, sans-serif; + font-size:20px; + line-height:1.5; + font-weight:normal; + font-style:normal; + color:#000; + + } + .cron-command-line:active{ + color:#9fb749; + } + .cron-list .cron-command-line{ + border-bottom:1px solid #fff; + } + + .cron-reported-to{ + margin:0 0 3px; + } + .cron-reported-to .prop-title{ + padding-right:3px; + } + .cron-reported-to .prop-value{ + padding:0 3px 0 0; + } + +/* Users list +- - - - - - - - - - - - - - - - - - - */ +.users-list{} + + .users-list .entry-created{ + padding-top:10px; + } + .users-list .user-wrap{ + margin:0 0 19px; + } + .users-list .props-main{ + width:345px; + width:330px; + } + .users-list .username-box{ + padding-top:6px; + margin:0 0 15px; + } + .users-list .username-box .user{ + position:relative; + top:-6px; + } + .users-list .username-box .nickname{ + border-bottom:1px solid #fff; + } + + .user-backups-box{ + margin-top:5px; + } + .user-backups-box .prop-title{ + border-bottom:1px solid #CBCBBF; + font-size:12px; + text-transform:capitalize; + cursor:pointer; + color:#777; + } + + .users-list .props-additional{ + width:200px; + width:225px; + } + .users-list .props-additional .prop-box, + .users-list .props-ext .prop-box{ + display:block; + } + .users-list .props-additional .ns1-box, + .users-list .props-additional .ns2-box{ + padding-left:27px; + } + .users-list .webtpl-box .group-switcher, + .users-list .ns-list-box .group-switcher{ + padding-left:2px; + } + .users-list .props-additional .ns1-box .prop-title, + .users-list .props-additional .ns2-box .prop-title{ + display: inline; + float: left; + margin: 2px 0 0 -27px; + } + .users-list .props-additional .ns1-box .prop-value, + .users-list .props-additional .ns2-box .prop-value{ + padding:0; + } + + .users-list .props-ext{ + width:190px; + } + + .users-list .db-box, + .users-list .dnsdomains-box{ + margin-top:35px; + } + + .username-box .prop-box{ + position:relative; + margin:0; + } + .user-details{ + font-size:12px; + } + .user-details .user-email{ + color:#777; + padding-right:5px; + } + .user-details .user-reports{ + color:#9c9c9c; + } + + .user-details .login-as{ + border-bottom: 1px solid #CBCBBF; + cursor: pointer; + padding-left: 0; + } + + .user-details-box .prop-box{ + margin:0 0 5px; + } + .user-details-box .user-name .prop-value, + .user-details-box .user-email{ + font-style:italic; + color:#706f6b; + } + +/* DB list +- - - - - - - - - - - - - - - - - - - */ +.db-list{} + + .db-list .row-details{ + padding-bottom:8px; + } + .db-list .db-devider{ + margin-top:25px; + position:relative; + display:block; + border-bottom:1px solid #e0e0e0; + } + .db-list .db-devider-title{ + display:block; + position:absolute; + top:-8px; + left:0; + width:100%; + } + .db-list .db-devider-outer{ + display:block; + position:absolute; + left:50%; + } + .db-list .db-devider-inner{ + background:#fff; + position:relative; + left:-50%; + padding:0 10px; + + font-size:11px; + font-weight:bold; + text-transform:uppercase; + color:#4097B3; + } + + .db-list .props-main{ + width:210px; + padding-right:10px; + } + .db-list .props-additional{ + width:340px; + padding-top:6px; + } + .db-list .props-ext{ + width:185px; + padding-top:6px; + } + .db-name{ + position:relative; + margin:0 0 6px; + padding:0 3px 0 0; + } + .db-name-box .db-name{ + font-size:20px; + font-family:Arial, Helvetica, sans-serif; + font-weight:normal; + font-style:normal; + line-height:27px; + } + .db-name:active{ + color:#9fb749; + } + .db-list .db-name{ + border-bottom:1px solid #fff; + } + + .db-list .ownership .prop-box{ + margin:5px 0 0; + } + .db-list .ownership .prop-value{ + padding:0; + font-size:11px; + font-style:italic; + } + .db-list .entry-created{ + padding:0; + } + .db-user-box{ + margin:0 0 10px; + } + .db-user-box .db-user{ + position:relative; + display:block; + float:left; + margin-right:25px; + padding-right:20px; + + font-size:12px; + line-height:1.25; /*15px*/ + font-style:italic; + color:#999; + } + .db-user-box .db-user:hover{ + color:#f00; + } + .db-user-box .change-pwd{ + position:relative; + top:1px; + display:inline-block; + border-bottom:1px solid #c9cabc; + text-transform:uppercase; + line-height:13px; + cursor:pointer; + visibility:hidden; + } + .add-db-user{ + border-bottom:1px solid #c9cabc; + text-transform:uppercase; + line-height:13px; + padding-left:10px; + background:url(../images/auth-plus.png) no-repeat 0 50%; + color:#555; + cursor:pointer; + } + .backup-db{ + float:left; + position:relative; + top:2px; + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + border-bottom:1px solid #cacbbd; + font-size:12px; + line-height:13px; + color:#777; + cursor:pointer; + } + .db-list .b-usage-box{ + float:right; + position:relative; + top:1px; + } + .db-list .b-usage-box .usage-box{ + width:auto; + } + .db-list .b-usage-box .value, + .db-list .b-usage-box .max-size{ + color:#797979; + } + .db-list .b-usage-box .value-box{ + width:60px; + margin-right:5px; + } + .db-list .b-usage-box .max-size{ + float:left; + } + .db-list .b-usage-box .max-size .units{ + color:#ABABAB; + } + +/* Backups list +- - - - - - - - - - - - - - - - - - - */ +.backups-list{} + + .backups-list .row{ + padding:25px 10px 15px; + } + .backups-list .ownership{ + padding:5px 0 0; + } + .backups-list .props-main{ + padding-top:5px; + } + .backups-list .props-main .prop-box{ + margin:0; + } + .backups-list .props-additional{ + width:165px; + padding:4px 0 0; + } + .backups-list .props-ext{ + width:165px; + padding:0; + } + .backups-list .entry-created{ + width:185px; + padding:0; + } + .backups-list .backup-date, + .backups-list .backup-weekday{ + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + } + .backups-list .backup-date .backup-day{ + display:block; + width:105px; + font-size:14px; + font-family:Arial,Helvetica,sans-serif; + font-weight:bold; + line-height:20px; + color:#47443f; + } + .backups-list .backup-weekday{ + padding-top:4px; + color:#408abb; + } + .backups-list .backup-time, + .backups-list .generation-time .prop-value{ + font-size:10px; + color:#999; + } + .backups-list .generation-time .prop-value{ + color:#9C9C9C; + } + + .backups-list .generation-time{ + padding-top:4px; + } + .backups-list .backup-size{ + display:-moz-inline-stack; + display:inline-block; + padding-right:12px; + + font-size:10px; + line-height:24px; + + background:url(../images/green-bracket-l.png) no-repeat 0 50%; + color:#595959; + } + .backups-list .backup-size-inner{ + display:-moz-inline-stack; + display:inline-block; + + padding:0 10px; + background:url(../images/green-bracket-r.png) no-repeat 100% 50%; + } + .backups-list .backup-url, + .backups-list .backup-actions{ + font-size:13px; + color:#999; + } + .backups-list .backup-actions{ + background:#ccc; + } + .backups-list .backup-actions-url{ + float:right; + display:-moz-inline-stack; + display:inline-block; + vertical-align:top; + + -webkit-border-radius:9px; + -moz-border-radius:9px; + border-radius:9px; + + border:2px solid #fff; + color:#999; + line-height:26px; + } + .backups-list .row a.backup-actions-url:hover{ + padding:0 12px; + + border-color:#c8c09c; + background-color:#feff99; + color:#444428; + font-size:14px; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + cursor:pointer; + text-decoration:none; + text-transform:uppercase; + } + + .backups-list .detailed-restore-ext{ + display:none; + } + + .backups-list a.detailed-restore-url:hover .detailed-restore-title{ + text-transform:none; + } + .backups-list a.detailed-restore-url:hover .detailed-restore-ext{ + display:inline-block; + } + + .backups-list .restore-url{ + margin-left:10px; + color:#93b749; + } + + .backup-tree{ + padding-left:130px; + } + + .backup-tree .backup-tree-item{ + padding:0 0 7px 25px; + background:url(../images/backup-checkbox.png) no-repeat 0 .5em; + } + .backup-tree .unchecked{ + background:url(../images/backup-checkbox-unchecked.png) no-repeat 0 .5em; + } + .backup-tree .checked{ + background:url(../images/backup-checkbox-checked.png) no-repeat 0 .5em; + } + + .backup-tree .backup-sections, + .backup-tree .backup-sections .sub-tree{ + padding:10px 0 0 25px; + } + + .backup-tree .node-item{ + font-size:13px; + font-weight:bold; + padding-left:15px; + background:url(../images/backup-collapsed-ico.png) no-repeat 0 .3em; + border-bottom:1px dashed #cfd19f; + color:#5a6962; + cursor:pointer; + } + .backup-tree .node-item:hover{ + color:#ffcf0b; + } + + .backup-tree .expanded{ + background:url(../images/backup-expand-ico.png) no-repeat 0 .45em; + } + .backup-tree .backup-sections .sub-tree .node-item{ + font-style:italic; + color:#abad85; + padding:0; + background:none; + border:none; + } + .backup-tree .backup-sections .sub-tree .node-item:hover{ + color:#abad85; + } + + .backup-tree .backup-sections .sub-tree .checked .node-item{ + color:#5a6962; + font-style:normal; + } + +/* Highlighted backup row */ +.backup-details-row_highlighted, +.backups-list .backup-details-row_highlighted:hover{ + background:#666; + } + .backup-details-row_highlighted .notes-wrap{ + font-size:14px; + line-height:25px; + font-weight:bold; + text-transform:uppercase; + color:#bad23e; + text-align:center; + padding:0 0 10px; + } + .backup-details-row_highlighted .restore-ico{ + padding:4px 0 4px 30px; + line-height:25px; + background:url(../images/backup-restore-ico.png) no-repeat; + } + .backup-details-row_highlighted .backup-time{ + color:#fff; + } + .backup-details-row_highlighted .ownership .prop-value{ + color:#c8c8c8; + } + .backups-list .backup-details-row_highlighted .backup-day{ + color:#fff; + } + .backups-list .backup-details-row_highlighted .backup-size{ + color:#ccc; + } + .backups-list .backup-details-row_highlighted .backup-actions{ + display:none; + } + +/* row hover effect +- - - - - - - - - - - - - - - - - - - */ +.row:hover{ + background-color:#ffffcb; +} +.ip-list .row:hover .ip-adr, +.domains-list .row:hover .names .primary, +.dns-list .row:hover .names .primary, +.cron-list .row:hover .cron-command-line, +.users-list .row:hover .username-box .nickname, +.db-list .row:hover .db-name{ + border-bottom-style:dashed; + border-bottom-color:#e5e5e5; + border-bottom-color:#bbb; +} +.ip-list .row:hover .ip-adr:hover, +.domains-list .row:hover .names .primary:hover, +.dns-list .row:hover .names .primary:hover, +.cron-list .row:hover .cron-command-line:hover, +.users-list .row:hover .username-box .nickname:hover, +.db-list .row:hover .db-name:hover{ + cursor:pointer; + border-bottom-style:solid; + border-bottom-color:#b4c775; +} +.ip-list .ip-details-suspended:hover .ip-adr, +.ip-list .ip-details-suspended:hover .ip-adr:hover{ + border:none; + cursor:default; +} +.backups-list .row:hover .backup-actions-url{ + border-color:#ffffcb; +} + +.row:hover .ip-status-info{ + background:url(../images/enabled-ico_.png) no-repeat 100% 50%; +} +.row:hover .delete-entry, +.row:hover .db-user-box .db-user{ + background:url(../images/delete-ico-off.png) no-repeat 100% 4px; +} +.row:hover .ip-suspended-status{ + background:url(../images/suspended-ico.png) no-repeat 100% 65%; +} +.ip-status-info:hover .ip-status-text, +.delete-entry:hover .delete-entry-text, +.row:hover .db-user-box .change-pwd{ + visibility:visible; +} +.row .ip-status-info:hover{ + background-image:url(../images/enabled-ico-hover.png); +} +.row .ip-suspended-status:hover{ + background-image:url(../images/suspended-ico.png); +} +.row .delete-entry:hover, +.row .db-user-box .db-user:hover{ + background-image:url(../images/delete-ico.png); + cursor:pointer; +} +.row .delete-entry:active{ + background-image:url(../images/delete-ico-active.png); + cursor:pointer; +} +.delete-entry:hover .delete-entry-text{ + color:#333; +} +.delete-entry .delete-entry-text:hover{ + cursor:pointer; +} +.delete-entry .delete-entry-text:active{ + color:#f00; +} +.row:hover .show-records, +.row:hover .hide-records, +.row:hover .template-box .prop-value, +.domains-list .row:hover .stats-box .stats-auth-text, +.domains-list .row:hover .nginx-box .nginx-ext-list, +.row:hover .db-user-box .change-pwd, +.row:hover .add-db-user, +.row:hover .backup-db, +.row:hover .user-backups-box .prop-title{ + color:#6aa0ac; + border-bottom-color:#cacbbd; +} + +.row:hover .user-details .login-as{ + border-bottom: 1px solid #FF9591; + color: #FFCC00; +} + + +.row:hover .template-box .prop-value:hover, +.row:hover .show-records:hover, +.hide-records:hover, +.domains-list .row:hover .stats-box .stats-auth-text:hover, +.domains-list .row:hover .nginx-box .nginx-ext-list:hover, +.row .db-user-box .change-pwd:hover, +.row .add-db-user:hover, +.row .backup-db:hover, +.row .user-backups-box:hover .prop-title{ + color:#575757; + border-bottom-color:#b4c775; +} +.row .template-box .prop-value:active, +.row .show-records:active, +.hide-records:active, +.domains-list .row:hover .stats-box .stats-auth-text:active, +.domains-list .row:hover .nginx-box .nginx-ext-list:active, +.users-list .username-box .nickname:active, +.users-list .user-backups-box .prop-title:active, +.row .db-user-box .change-pwd:active, +.row .add-db-user:active, +.row .backup-db:active, +.row .user-backups-box .prop-title:active{ + color:#b4c775; +} + +/* Checked row +- - - - - - - - - - - - - - - - - - - */ +.checked-row{ + background-color:#e4f7bf; +} + .checked-row .row-actions-box .check-control{ + background-position:0 -30px; + } + + .domains-list .checked-row .names .primary, + .dns-list .checked-row .names .primary, + .cron-list .checked-row .cron-command-line, + .users-list .checked-row .username-box .nickname, + .db-list .checked-row .db-name{ + border-bottom:1px solid #e4f7bf; + } + +/* Suspended row +- - - - - - - - - - - - - - - - - - - */ +.ip-details-suspended, +.suspended-row{} + +.ip-details-suspended:hover, +.suspended-row:hover{ + background-color:#fff; +} + .ip-details-suspended .entry-created, + .suspended-row .entry-created, + .suspended-row .username-box .role{ + color:#ccc; + } + .ip-details-suspended .ip-adr, + .suspended-row .ip-adr, + .suspended-row .cron-command-line, + .suspended-row .username-box, + .suspended-row .username-box .nickname, + .suspended-row .user-name .prop-value, + .suspended-row .user-backups-box .prop-title, + .suspended-row .user-details .user-email, + .suspended-row .user-details .user-reports, + .suspended-row .template-box .prop-value, + .suspended-row .stats-box-title, + .suspended-row .stats-box .stats-auth, + .suspended-row .nginx-box .nginx-ext-list{ + color:#ccc; + border:none; + } + .ip-details-suspended:hover .ip-adr, + .suspended-row:hover .ip-adr, + .suspended-row:hover .names .primary, + .domains-list .suspended-row:hover .names .primary, + .dns-list .suspended-row:hover .names .primary, + .cron-list .suspended-row:hover .cron-command-line, + .users-list .suspended-row:hover .username-box .nickname, + .users-list .suspended-row:hover .user-backups-box .prop-title, + .suspended-row .stats-box .stats-auth-text{ + border:none; + } + .ip-details-suspended:hover .ip-adr:hover, + .suspended-row:hover .ip-adr:hover, + .cron-list .suspended-row:hover .cron-command-line:hover, + .users-list .suspended-row:hover .username-box .nickname:hover, + .users-list .suspended-row:hover .user-backups-box .prop-title:hover, + .cron-list .suspended-row:hover .cron-command-line{ + border:none; + cursor:default; + } + .users-list .suspended-row .username-box .nickname:active, + .users-list .suspended-row .user-backups-box .prop-title:active{ + color:#ccc; + } + +.ip-details-suspended .prop-title, +.ip-details-suspended .prop-value, +.suspended-row .prop-title, +.suspended-row .prop-value, +.suspended-row .b-usage-box .value, +.suspended-row .b-usage-box .max-size, +.suspended-row .b-usage-box .max-size .units, +.suspended-row .b-usage-box2 .value, +.suspended-row .b-usage-box2 .max-size, +.suspended-row .names .primary{ + color:#ccc; +} +.suspended-row .b-usage-box .bar, +.suspended-row .b-usage-box2 .graph .bar { + background-color:#ccc; +} +.suspended-row:hover .show-records, +.suspended-row:hover .hide-records, +.suspended-row:hover .template-box .prop-value, +.domains-list .suspended-row:hover .stats-box .stats-auth-text, +.domains-list .suspended-row:hover .nginx-box .nginx-ext-list, +.suspended-row:hover .user-backups-box .prop-title, +.suspended-row:hover .template-box .prop-value:hover, +.suspended-row:hover .show-records:hover, +.suspended-row .hide-records:hover, +.domains-list .suspended-row:hover .stats-box .stats-auth-text:hover, +.domains-list .suspended-row:hover .nginx-box .nginx-ext-list:hover{ + color:#ccc; + border:none; + cursor:default; +} +.suspended-row:hover .template-box .prop-value:active, +.suspended-row:hover .show-records:active, +.suspended-row .hide-records:active, +.domains-list .suspended-row:hover .stats-box .stats-auth-text:active, +.domains-list .suspended-row:hover .nginx-box .nginx-ext-list:active, +.users-list .suspended-row .username-box .nickname:active, +.users-list .suspended-row .user-backups-box .prop-title:active{ + color:#ccc; +} +.suspended-row .stats-box-title{ + background-image:url(../images/stats-curve-grey.png); +} + +.success-box { + color: #BBBF45; + font-size: 22px; + padding-left: 136px; + padding-bottom: 30px; +} + +.inactive-row { font-style: italic; opacity: 0.38; background: url('../images/bg_line.png');filter: alpha(opacity = 38); } +.form-suspended input[type="text"], .form-suspended input[type="checkbox"], .form-suspended .checkbox, .form-suspended select, .form-suspended textarea, .form-suspended .select { opacity: 0.38;filter: alpha(opacity = 38); } +.form-suspended .do_action_toggle_suspend {opacity: 1; filter: alpha(opacity = 100);} + + +.stats-block{ + background:#474338; + padding:10px; + width:600px; + margin:0 auto 10px; +} +.stats-block-header{ + color:#fc0; + font-size:12px; + font-weight:bold; + text-align:center; +} +.stats-block .stats-graph{ + display:block; + margin:0 auto; +} + +/* START: DEV!! */ +.stats-subbar {cursor: pointer;} +.stats-subbar .sub-active{font-weight: bold;} +/* END: DEV */ diff --git a/web/js/templates.js b/web/js/templates.js index bbe42a133..efc13435b 100644 --- a/web/js/templates.js +++ b/web/js/templates.js @@ -1,1152 +1,1166 @@ -App.Templates.html = { - help: { - DNS_form: ['

Some Things You Just Can\'t Explain

\ - A farmer was sitting in the neighborhood bar getting drunk. A man came in and asked the farmer, "Hey, why are you sitting here on this beautiful day, getting drunk?" The farmer shook his head and replied, "Some things you just can\'t explain."\ - "So what happened that\'s so horrible?" the man asked as he sat down next to the farmer.\ - "Well," the farmer said, "today I was sitting by my cow, milking her. Just as I got the bucket full, she lifted her left leg and kicked over the bucket."\ - "Okay," said the man, "but that\'s not so bad." "Some things you just can\'t explain," the farmer replied. "So what happened then?" the man asked. The farmer said, "I took her left leg and tied it to the post on the left."\ - "And then?"\ - "Well, I sat back down and continued to milk her. Just as I got the bucket full, she took her right leg and kicked over the bucket."\ - The man laughed and said, "Again?" The farmer replied, "Some things you just can\'t explain." "So, what did you do then?" the man asked.\ - "I took her right leg this time and tied it to the post on the right."\ - "And then?"\ - "Well, I sat back down and began milking her again. Just as I got the bucket full, the stupid cow knocked over the bucket with her tail."\ - "Hmmm," the man said and nodded his head. "Some things you just can\'t explain," the farmer said.\ - "So, what did you do?" the man asked.\ - "Well," the farmer said, "I didn\'t have anymore rope, so I took off my belt and tied her tail to the rafter. In that moment, my pants fell down and my wife walked in ... Some things you just can\'t explain."'] - }, - general: { - logged_as: ['
You (~!:YOU_ARE~!) are viewing ~!:USER~! interface. Exit it to return to your own.
'], - over_bar: [''], - loading: ['
\ -
\ -
'], - popup: ['\ - '], - inner_popup: ['
\ -
\ - ×\ -
~!:POPUP_TITLE~!
\ -
\ - ~!:CONTENT~!\ -
\ -
\ -
'], - select_option: [''], - error_elm: ['
~!:ERROR~!
'], - SUSPENDED_TPL_NOT_SUSPENDED : ['enabled'], - SUSPENDED_TPL_SUSPENDED : ['suspended'] - }, - popup: { - error: ['

Important: An Error Has Occured.


    Something went wrong and some of your actions can be not saved in system. Mostly, it happens when you have network connection errors.
,    However, please notify us about the situation. It would be helpfull if you will write us approximate time the error occured and last actions you were performing. You send your petition on this email: BLABLA,

Sorry for inconvinience. (We recommend you to reload the page)
'], - change_psw: [ - '
\ -
\ -
\ - \ - ~!:VERSION~!\ -
\ - ~!:PRODUCT_NAME~! \ -
\ -
\ -
\ - \ - \ -
\ -
\ - \ - \ - \ -
\ - \ - \ -
\ -
\ -  \ -
\ - \ -
\ -
\ -

\ -
\ -

For questions please contact ~!:EMAIL~!

\ -
© ~!:YEAR~! Vesta Control Panel
\ -
\ -
\ -
\ -
' - ], - login: ['
\ -
\ -
\ - \ - ~!:VERSION~!\ -
\ - ~!:PRODUCT_NAME~! \ -
\ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ - \ -
\ -
\ - \ - \ -
\ - \ -
\ -
\ -

forgot password?

\ -
\ -

For questions please contact ~!:EMAIL~!

\ -
© ~!:YEAR~! Vesta Control Panel
\ -
\ -
\ -
\ -
'] - }, - dates: { - 'lock_plan_date' : [''], - 'save_forecasted_date' : [''] - }, - dns: { - FORM: [ - '
\ - \ - \ -
~!:title~!
\ - \ -
\ - \ - \ - \ -
\ -
\ - \ -
\ - \ -  \ -
\ -
\ -
\ - \ - ~!:TPL_DEFAULT_VALUE~!\ - \ - View template settings\ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - Cancel\ - Delete\ -
\ -
' - ], - ENTRIES_WRAPPER: ['
~!:content~!
'], - ENTRY: ['
\ - \ - \ -
\ -
\ -
\ - ~!:SUSPENDED_TPL~!\ -
\ -
\ -
\ -
~!:DATE~!
\ -
\ -
\ -
\ -
\ - ~!:DNS_DOMAIN~!\ -
\ -
Show records
\ -
\ -
\ -
\ - ~!:IP~!\ - \ - template:\ - \ - ~!:TPL~!\ - \ -
\ -
\ -
\ - \ - ttl:\ - ~!:TTL~!\ - \ - \ - soa:\ - ~!:SOA~!\ - \ -
\ -
\ -
'], - SUBFORM: ['
\ -
\ -
Hide records
\ -
\ -
\ -
\ -
\ -  add dns record\ -
\ - ~!:SUBRECORDS~!\ -
\ - \ - Cancel\ - \ -
\ -
'], - SUBENTRY: ['
\ - \ -
\ - \ -
\ - \ -
in
\ -
\ -
\ -
\ - \ - \ - \ -
\ -
\ - \ - \ -
\ -
\ -
'] - }, - ip: { - FORM: ['\ -
\ - \ - \ -
~!:title~!
\ - \ -
\ - \ - \ -
\ -
\ - \ -
\ - \ -
\ -
\ -
\ - \ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - Cancel\ - Delete\ -
\ -
\ - '], - DOT: ['.'], - ENTRY: ['\ -
\ - \ - \ -
\ -
\ -
\ - ~!:SUSPENDED_TPL~!\ -
\ -
\ -
\ -
~!:DATE~!
\ -
\ -
\ -
\ -
\ - ~!:IP_ADDRESS~!\ -
\ - \ - netmask:\ - ~!:NETMASK~!\ - \ - \ - interface:\ - ~!:INTERFACE~!\ - \ - \ - name:\ - ~!:NAME~!\ - \ -
\ -
\ - \ - owner:\ - ~!:OWNER~!\ - \ - \ - status:\ - ~!:STATUS~!\ - \ -
\ -
\ - \ - sys users:\ - ~!:U_SYS_USERS~!\ - \ - \ - web domains:\ - ~!:U_WEB_DOMAINS~!\ - \ -
\ -
\ -
\ - '], - ENTRIES_WRAPPER: ['
~!:content~!
'], - SUSPENDED_TPL_ENABLED : ['enabled\ - delete'], - SUSPENDED_TPL_DISABLED : ['suspended'] - }, - - - user: { - WEB_TPL_MINIMIZED: ['~!:WEB_TPL_MINI~!\ - \ - ~!:MORE_NUMBER~! more\ - '], - WEB_TPL: ['~!:NAME~!'], - NS_MINIMIZED: ['~!:NS_MINI~!\ - \ - ~!:MORE_NUMBER~! more\ - '], - NS_RECORD: ['~!:NAME~!'], - NS_INPUT: ['
\ - \ - \ - \ -
'], - PLUS_ONE_NS: ['
\ - \ -  \ - Add additional NS\ - \ -
'], - ENTRIES_WRAPPER: ['
~!:content~!
'], - FORM: ['
\ - \ - \ -
~!:title~!
\ - \ -
\ - \ - \ -
\ -
\ - \ - \ - Generate\ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ - \ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ - ~!:NS~!\ -
\ - \ - \ -
\ -
\ - \ - Cancel\ - Delete\ -
\ -
'], - ENTRY: ['
\ - \ - \ -
\ -
\ -
\ - ~!:SUSPENDED_TPL~!\ -
\ -
\ -
\ -
~!:DATE~!
\ -
\ -
\ -
\ -
\ -
\ - \ - ~!:LOGIN_NAME~!\ - \ - \ - \ - package:\ - ~!:PACKAGE~!\ - \ -
\ -
\ - \ - \ - name:\ - ~!:FULLNAME~!\ - \ - \ - email:\ - \ - ~!:CONTACT~!\ - (reports ~!:REPORTS_ENABLED~!)\ - \ - \ -
\ -
\ - \ - \ -
\ -
stats
\ - \ -
\ - disk usage:\ -
\ -
\ -
\ - ~!:U_DISK_PERCENTAGE~!% (~!:U_DISK~! ~!:DISK_QUOTA_MEASURE~!)\ - \ - ~!:OVER_BAR~!\ -
\ -
\ -
~!:DISK_QUOTA~! ~!:DISK_QUOTA_MEASURE_2~!
\ -
\ -
\ -
\ - \ -
\ - bandwidth:\ -
\ -
\ -
\ - ~!:U_BANDWIDTH_PERCENTAGE~!% (~!:U_BANDWIDTH~! ~!:BANDWIDTH_MEASURE~!)\ - \ - ~!:OVER_BAR_2~!\ -
\ -
\ -
~!:BANDWIDTH~! ~!:BANDWIDTH_MEASURE_2~!
\ -
\ -
\ -
\ -
\ - \ - web ssl:\ - ~!:U_WEB_SSL~! (~!:WEB_SSL~!)\ - \ - \ - web alias:\ - ~!:WEB_ALIASES~! per domain\ - \ - \ - web templates:\ - \ - ~!:WEB_TPL~!\ - \ - \ - \ - databases:\ - ~!:U_DATABASES~! (~!:DATABASES~!)\ - \ - \ - shell:\ - ~!:SHELL~!\ - \ - \ - backups:\ - retention ~!:BACKUPS~!\ - \ -
\ -
\ - \ - mailboxes:\ - ~!:U_MAIL_BOXES~! (~!:MAIL_BOXES~!)\ - \ - \ - mail forwarders:\ - ~!:U_MAIL_FORWARDERS~! (~!:MAIL_FORWARDERS~!)\ - \ - \ - mail domains:\ - ~!:U_MAIL_DOMAINS~! (~!:MAIL_DOMAINS~!)\ - \ - \ - web domains:\ - ~!:U_WEB_DOMAINS~! (~!:WEB_DOMAINS~!)\ - \ - \ - dns domains:\ - ~!:U_DNS_DOMAINS~! (~!:DNS_DOMAINS~!)\ - \ - \ - ns list:\ - \ - ~!:NS~!\ - \ -
\ -
\ -
'] - }, - web_domain: { - FORM: ['
\ - \ - \ -
~!:title~!
\ - \ -
\ - \ - \ -
\ -
\ - \ -
\ - \ -
\ -
\ -
\ - \ - \ -
\ -
\ - \ - \ -
\ - \ -
\ - \ - \ -
\ - \ -
\ - \ - Cancel\ - Delete\ -
\ -
'], - ENTRIES_WRAPPER: ['
~!:content~!
'], - ENTRY: ['
\ - \ - \ -
\ -
\ -
\ - ~!:SUSPENDED_TPL~!\ -
\ -
\ -
\ -
~!:DATE~!
\ -
\ -
\ -
\ - ~!:DOMAIN~!\ - Alias:\ - ~!:ALIAS~!\ -
\ -
\ -
\ - ~!:IP~!\ - \ - template:\ - ~!:TPL~!\ - \ -
\ -
\ -
stats
\ - \ -
\ - disk usage:\ -
\ -
\ -
\ - ~!:U_DISK_PERCENTAGE~!% (~!:U_DISK~! ~!:DISK_QUOTA_MEASURE~!)\ - \ - ~!:OVER_BAR~!\ -
\ -
\ -
~!:DISK_QUOTA~! ~!:DISK_QUOTA_MEASURE_2~!
\ -
\ -
\ -
\ - \ -
\ - bandwidth:\ -
\ -
\ -
\ - ~!:U_BANDWIDTH_PERCENTAGE~!% (~!:U_BANDWIDTH~! ~!:BANDWIDTH_MEASURE~!)\ - \ - ~!:OVER_BAR_2~!\ -
\ -
\ -
~!:BANDWIDTH~! ~!:BANDWIDTH_MEASURE_2~!
\ -
\ -
\ -
\ -
\ - \ - php:\ - ~!:PHP~!\ - \ - \ - cgi:\ - ~!:CGI~!\ - \ - \ - elog:\ - ~!:ELOG~!\ - \ - \ - stats:\ - ~!:STAT~!\ - \ - ~!:STATS_AUTH~!\ - \ - \ -
\ -
\ - \ - ssl:\ - ~!:SSL~!\ - \ - \ - nginx:\ - ~!:NGINX~!\ - extension list\ - \ -
\ -
\ -
'] - }, - db: { - USER_ITEMS_WRAPPER: ['
~!:CONTENT~!
'], - USER_ITEM: ['\ - ~!:NAME~!\ - \ - change password'], - DIVIDER: ['
\ - \ - \ - ~!:TYPE~!\ - \ - \ -
'], - ENTRIES_WRAPPER: ['
~!:content~!
'], - FORM: ['
\ - \ - \ -
~!:title~!
\ - \ -
\ - \ - \ -
\ -
\ - \ - \ -
\ -
\ -
\ - \ - \ -
\ -
\ - \ - \ - Generate\ -
\ -
\ - \ -
\ - \ - \ -
\ -
\ - \ - Cancel\ - Delete\ -
\ -
'], - ENTRY: ['
\ - \ - \ -
\ -
\ -
\ - ~!:SUSPENDED_TPL~!\ -
\ -
\ -
\ -
\ - \ - ~!:OWNER~!\ - \ -
\ -
~!:DATE~!
\ -
\ -
\ -
\ -
\ - ~!:DB~!\ -
\ -
\ - \ -
\ - backup\ - \ -
\ -
\ -
\ - ~!:U_DISK~! Mb\ -
\ - \ -
\ -
\ -
~!:DISK~! ~!:DISK_MEASURE~!
\ -
\ -
\ -
\ -
\ -
'] - }, - cron: { - FORM: ['
\ - \ - \ -
~!:title~!
\ - \ -
\ - Schedule Time:\ -
\ - \ -
\ - \ -
\ -
\ -
\ - \ -
\ - \ -
\ -
\ -
\ - \ -
\ - \ -
\ -
\ -
\ - \ -
\ - \ -
\ -
\ -
\ - \ -
\ - \ -
\ -
\ -
\ -
\ - \ - \ -
\ - \ -
\ - \ - \ -
\ -
\ - \ - Cancel\ - Delete\ -
\ -
'], - ENTRIES_WRAPPER: ['
~!:content~!
'], - ENTRY: ['
\ - \ - \ -
\ -
\ -
\ - ~!:SUSPENDED_TPL~!\ -
\ -
\ -
\ -
~!:DATE~!
\ -
\ -
\ -
\ - \ - min\ - ~!:MIN~!\ - \ - \ - hour\ - ~!:HOUR~!\ - \ - \ - day of Month\ - ~!:DAY~!\ - \ - \ - Month\ - ~!:MONTH~!\ - \ - \ - day of Week\ - ~!:WDAY~!\ - \ -
\ -
\ - ~!:CMD~!\ -
\ - \ -
\ -
'] - }, - backup: { - WRAPPER: ['
~!:CONTENT~!
'], - ENTRY: ['
\ - \ -
\ -
\ -
\ - \ - owner:\ - ~!:OWNER~!\ - \ -
\ -
\ -
\ -
\ - \ - \ - ~!:CREATED_AT~!\ - ~!:CREATED_AT_TIME~!\ - \ - ~!:CREATED_AT_WDAY~!\ - \ - \ - Generation time:\ - ~!:GENERATION_TIME~!\ - \ -
\ -
\ - \ - ~!:SIZE~!\ - \ - download\ -
\ - \ -
\ -
'] - }, - stats: { - WRAPPER: ['
~!:CONTENT~!
'], - ENTRY: ['
\ -

~!:HEADER~!

\ -
\ - \ -
\ -
'], - SUBMENU: ['today\ - week\ - month\ - year
'] - } -} - - -// Internals -var Tpl = App.Templates; -var Templator = function() -{ - var init = function() { - fb.info('Templator work'); - Templator.splitThemAll(); - Templator.freezeTplIndexes(); - }; - - /** - * Split the tpl strings into arrays - */ - Templator.splitThemAll = function() - { - fb.info('splitting tpls'); - $.each(App.Templates.html, function(o) { - var tpls = App.Templates.html[o]; - $.each(tpls, function(t) { - tpls[t] = tpls[t][0].split('~!'); - }); - }); - }, - - /** - * Iterates tpls - */ - Templator.freezeTplIndexes = function() - { - fb.info('freezing tpl keys'); - $.each(App.Templates.html, Templator.cacheTplIndexes); - }, - - /** - * Grab the tpl group key and process it - */ - Templator.cacheTplIndexes = function(key) - { - var tpls = App.Templates.html[key]; - $.each(tpls, function(o) { - var tpl = tpls[o]; - Templator.catchIndex(key, o, tpl); - }); - }, - - /** - * Set the indexes - */ - Templator.catchIndex = function(key, ref_key, tpl) - { - 'undefined' == typeof App.Templates._indexes[key] ? App.Templates._indexes[key] = {} : false; - 'undefined' == typeof App.Templates._indexes[key][ref_key] ? App.Templates._indexes[key][ref_key] = {} : false; - $(tpl).each(function(index, o) { - if(':' == o.charAt(0)){ - App.Templates._indexes[key][ref_key][o.toString()] = index; - } - }); - } - - /** - * Get concrete templates - */ - init(); - return Templator; -}; -Templator.getTemplate = function(ns, key) -{ - return [ - App.Templates._indexes[ns][key], - App.Templates.html[ns][key].slice(0) - ]; -} -// init templator -Tpl.Templator = Templator(); -Tpl.get = function(key, group) -{ - return Tpl.Templator.getTemplate(group, key); -} +App.Templates.html = { + help: { + DNS_form: ['

Some Things You Just Can\'t Explain

\ + A farmer was sitting in the neighborhood bar getting drunk. A man came in and asked the farmer, "Hey, why are you sitting here on this beautiful day, getting drunk?" The farmer shook his head and replied, "Some things you just can\'t explain."\ + "So what happened that\'s so horrible?" the man asked as he sat down next to the farmer.\ + "Well," the farmer said, "today I was sitting by my cow, milking her. Just as I got the bucket full, she lifted her left leg and kicked over the bucket."\ + "Okay," said the man, "but that\'s not so bad." "Some things you just can\'t explain," the farmer replied. "So what happened then?" the man asked. The farmer said, "I took her left leg and tied it to the post on the left."\ + "And then?"\ + "Well, I sat back down and continued to milk her. Just as I got the bucket full, she took her right leg and kicked over the bucket."\ + The man laughed and said, "Again?" The farmer replied, "Some things you just can\'t explain." "So, what did you do then?" the man asked.\ + "I took her right leg this time and tied it to the post on the right."\ + "And then?"\ + "Well, I sat back down and began milking her again. Just as I got the bucket full, the stupid cow knocked over the bucket with her tail."\ + "Hmmm," the man said and nodded his head. "Some things you just can\'t explain," the farmer said.\ + "So, what did you do?" the man asked.\ + "Well," the farmer said, "I didn\'t have anymore rope, so I took off my belt and tied her tail to the rafter. In that moment, my pants fell down and my wife walked in ... Some things you just can\'t explain."'] + }, + general: { + logged_as: ['
You (~!:YOU_ARE~!) are viewing ~!:USER~! interface. Exit it to return to your own.
'], + over_bar: [''], + loading: ['
\ +
\ +
'], + popup: ['\ + '], + inner_popup: ['
\ +
\ + ×\ +
~!:POPUP_TITLE~!
\ +
\ + ~!:CONTENT~!\ +
\ +
\ +
'], + select_option: [''], + error_elm: ['
~!:ERROR~!
'], + SUSPENDED_TPL_NOT_SUSPENDED : ['enabled'], + SUSPENDED_TPL_SUSPENDED : ['suspended'], + DELETE_ACTION: ['Delete'] + }, + popup: { + error: ['

Important: An Error Has Occured.


    Something went wrong and some of your actions can be not saved in system. Mostly, it happens when you have network connection errors.
,    However, please notify us about the situation. It would be helpfull if you will write us approximate time the error occured and last actions you were performing. You send your petition on this email: BLABLA,

Sorry for inconvinience. (We recommend you to reload the page)
'], + change_psw: [ + '
\ +
\ +
\ + \ + ~!:VERSION~!\ +
\ + ~!:PRODUCT_NAME~! \ +
\ +
\ +
\ + \ + \ +
\ +
\ + \ + \ + \ +
\ + \ + \ +
\ +
\ +  \ +
\ + \ +
\ +
\ +

\ +
\ +

For questions please contact ~!:EMAIL~!

\ +
© ~!:YEAR~! Vesta Control Panel
\ +
\ +
\ +
\ +
' + ], + login: ['
\ +
\ +
\ + \ + ~!:VERSION~!\ +
\ + ~!:PRODUCT_NAME~! \ +
\ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ + \ +
\ +
\ + \ + \ +
\ + \ +
\ +
\ +

forgot password?

\ +
\ +

For questions please contact ~!:EMAIL~!

\ +
© ~!:YEAR~! Vesta Control Panel
\ +
\ +
\ +
\ +
'] + }, + dates: { + 'lock_plan_date' : [''], + 'save_forecasted_date' : [''] + }, + dns: { + FORM: [ + '
\ + \ + \ +
~!:title~!
\ + \ +
\ + \ + \ + \ +
\ +
\ + \ +
\ + \ +  \ +
\ +
\ +
\ + \ + ~!:TPL_DEFAULT_VALUE~!\ + \ + View template settings\ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + Cancel\ + ~!:DELETE_ACTION~!\ +
\ +
' + ], + ENTRIES_WRAPPER: ['
~!:content~!
'], + ENTRY: ['
\ + \ + \ +
\ +
\ +
\ + ~!:SUSPENDED_TPL~!\ +
\ +
\ +
\ +
~!:DATE~!
\ +
\ +
\ +
\ +
\ + ~!:DNS_DOMAIN~!\ +
\ +
Show records
\ +
\ +
\ +
\ + ~!:IP~!\ + \ + template:\ + \ + ~!:TPL~!\ + \ +
\ +
\ +
\ + \ + ttl:\ + ~!:TTL~!\ + \ + \ + soa:\ + ~!:SOA~!\ + \ +
\ +
\ +
'], + SUBFORM: ['
\ +
\ +
Hide records
\ +
\ +
\ +
\ +
\ +  add dns record\ +
\ + ~!:SUBRECORDS~!\ +
\ + \ + Cancel\ + \ +
\ +
'], + SUBENTRY: ['
\ + \ +
\ + \ +
\ + \ +
in
\ +
\ +
\ +
\ + \ + \ + \ +
\ +
\ + \ + \ +
\ +
\ +
'] + }, + ip: { + FORM: ['\ +
\ + \ + \ +
~!:title~!
\ + \ +
\ + \ + \ +
\ +
\ + \ +
\ + \ +
\ +
\ +
\ + \ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + Cancel\ + ~!:DELETE_ACTION~!\ +
\ +
\ + '], + DOT: ['.'], + ENTRY: ['\ +
\ + \ + \ +
\ +
\ +
\ + ~!:SUSPENDED_TPL~!\ +
\ +
\ +
\ +
~!:DATE~!
\ +
\ +
\ +
\ +
\ + ~!:IP_ADDRESS~!\ +
\ + \ + netmask:\ + ~!:NETMASK~!\ + \ + \ + name:\ + ~!:NAME~!\ + \ + \ + interface:\ + ~!:INTERFACE~!\ + \ +
\ +
\ + \ + owner:\ + ~!:OWNER~!\ + \ + \ + status:\ + ~!:STATUS~!\ + \ +
\ +
\ + \ + users:\ + ~!:U_SYS_USERS~!\ + \ + \ + web domains:\ + ~!:U_WEB_DOMAINS~!\ + \ +
\ +
\ +
\ + '], + ENTRIES_WRAPPER: ['
~!:content~!
'], + SUSPENDED_TPL_ENABLED : ['enabled\ + delete'], + SUSPENDED_TPL_DISABLED : ['suspended'] + }, + + + user: { + WEB_TPL_MINIMIZED: ['~!:WEB_TPL_MINI~!\ + \ + ~!:MORE_NUMBER~! more\ + '], + WEB_TPL: ['~!:NAME~!'], + NS_MINIMIZED: ['~!:NS_MINI~!\ + \ + ~!:MORE_NUMBER~! more\ + '], + NS_RECORD: ['~!:NAME~!'], + NS_INPUT: ['
\ + \ + \ + \ +
'], + PLUS_ONE_NS: ['
\ + \ +  \ + Add additional Name Server\ + \ +
'], + ENTRIES_WRAPPER: ['
~!:content~!
'], + FORM: ['
\ + \ + \ +
~!:title~!
\ + \ +
\ + \ + \ +
\ +
\ + \ + \ + Generate\ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ + \ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ + ~!:NS~!\ +
\ + \ + \ +
\ +
\ + \ + Cancel\ + ~!:DELETE_ACTION~!\ +
\ +
'], + ENTRY: ['
\ + \ + \ +
\ +
\ +
\ + ~!:SUSPENDED_TPL~!\ +
\ +
\ +
\ +
~!:DATE~!
\ +
\ +
\ +
\ +
\ +
\ + \ + ~!:LOGIN_NAME~!\ + \ + \ + \ + ~!:FULLNAME~!\ + \
\ +
\ + \ + \ + email:\ + \ + ~!:CONTACT~!\ + (reports ~!:REPORTS_ENABLED~!)\ + \ + \ + \ + package:\ + ~!:PACKAGE~!\ + \ +
\ +
\ + \ + \ + \ +
\ +
stats
\ + \ +
\ + disk usage:\ +
\ +
\ +
\ + ~!:U_DISK_PERCENTAGE~!% (~!:U_DISK~! ~!:DISK_QUOTA_MEASURE~!)\ + \ + ~!:OVER_BAR~!\ +
\ +
\ +
~!:DISK_QUOTA~! ~!:DISK_QUOTA_MEASURE_2~!
\ +
\ +
\ +
\ + bandwidth:\ +
\ +
\ +
\ + ~!:U_BANDWIDTH_PERCENTAGE~!% (~!:U_BANDWIDTH~! ~!:BANDWIDTH_MEASURE~!)\ + \ + ~!:OVER_BAR_2~!\ +
\ +
\ +
~!:BANDWIDTH~! ~!:BANDWIDTH_MEASURE_2~!
\ +
\ +
\ +
\ + \ +
\ +
\ + \ + web domains:\ + ~!:U_WEB_DOMAINS~! (~!:WEB_DOMAINS~!)\ + \ + \ + web ssl:\ + ~!:U_WEB_SSL~! (~!:WEB_SSL~!)\ + \ + \ + web alias:\ + ~!:WEB_ALIASES~! per domain\ + \ + \ + web templates:\ + \ + ~!:WEB_TPL~!\ + \ + \ + \ + databases:\ + ~!:U_DATABASES~! (~!:DATABASES~!)\ + \ + \ + Dedicated IP\'s:\ + ~!:IP_OWNED~!\ + \ + \ + cron jobs:\ + ~!:U_CRON_JOBS~!\ + \ +
\ +
\ + \ + mail domains:\ + ~!:U_MAIL_DOMAINS~! (~!:MAIL_DOMAINS~!)\ + \ + \ + mail accounts:\ + ~!:MAIL_BOXES~! per domain\ + \ + \ + mail forwarders:\ + ~!:MAIL_FORWARDERS~! per domain\ + \ + \ + dns domains:\ + ~!:U_DNS_DOMAINS~! (~!:DNS_DOMAINS~!)\ + \ + \ + name servers:\ + \ + ~!:NS~!\ + \ + \ + shell:\ + ~!:SHELL~!\ + \ + \ + backups:\ + retention ~!:BACKUPS~!\ + \
\ +
\ +
'] + }, + web_domain: { + FORM: ['
\ + \ + \ +
~!:title~!
\ + \ +
\ + \ + \ +
\ +
\ + \ +
\ + \ +
\ +
\ +
\ + \ + \ +
\ +
\ + \ + \ +
\ + \ +
\ + \ + \ +
\ + \ +
\ + \ + Cancel\ + ~!:DELETE_ACTION~!\ +
\ +
'], + ENTRIES_WRAPPER: ['
~!:content~!
'], + ENTRY: ['
\ + \ + \ +
\ +
\ +
\ + ~!:SUSPENDED_TPL~!\ +
\ +
\ +
\ +
~!:DATE~!
\ +
\ +
\ +
\ + ~!:DOMAIN~!\ + ~!:ALIAS~!\ +
\ +
\ +
\ + ~!:IP~!\ + \ + template:\ + ~!:TPL~!\ + \ +
\ + \ + \ +
\ +
stats
\ + \ +
\ + disk usage:\ +
\ +
\ +
\ + ~!:U_DISK_PERCENTAGE~!% (~!:U_DISK~! ~!:DISK_QUOTA_MEASURE~!)\ + \ + ~!:OVER_BAR~!\ +
\ +
\ +
~!:DISK_QUOTA~! ~!:DISK_QUOTA_MEASURE_2~!
\ +
\ +
\ + \ +
\ + bandwidth:\ +
\ +
\ +
\ + ~!:U_BANDWIDTH_PERCENTAGE~!% (~!:U_BANDWIDTH~! ~!:BANDWIDTH_MEASURE~!)\ + \ + ~!:OVER_BAR_2~!\ +
\ +
\ +
~!:BANDWIDTH~! ~!:BANDWIDTH_MEASURE_2~!
\ +
\ +
\ +
\ + \ +
\ +
\ + \ + php:\ + ~!:PHP~!\ + \ + \ + cgi:\ + ~!:CGI~!\ + \ + \ + elog:\ + ~!:ELOG~!\ + \ + \ + stats:\ + ~!:STAT~!\ + \ + ~!:STATS_AUTH~!\ + \ + \ +
\ +
\ + \ + ssl:\ + ~!:SSL~!\ + \ + \ + nginx:\ + ~!:NGINX~!\ + extension list\ + \ +
\ +
\ +
'] + }, + db: { + USER_ITEMS_WRAPPER: ['
~!:CONTENT~!
'], + USER_ITEM: ['\ + ~!:NAME~!\ + \ + change password'], + DIVIDER: ['
\ + \ + \ + ~!:TYPE~!\ + \ + \ +
'], + ENTRIES_WRAPPER: ['
~!:content~!
'], + FORM: ['
\ + \ + \ +
~!:title~!
\ + \ +
\ + \ + \ +
\ +
\ + \ + \ +
\ +
\ +
\ + \ + \ +
\ +
\ + \ + \ + Generate\ +
\ +
\ + \ +
\ + \ + \ +
\ +
\ + \ + Cancel\ + ~!:DELETE_ACTION~!\ +
\ +
'], + ENTRY: ['
\ + \ + \ +
\ +
\ +
\ + ~!:SUSPENDED_TPL~!\ +
\ +
\ +
\ +
\ + \ + ~!:OWNER~!\ + \ +
\ +
~!:DATE~!
\ +
\ +
\ +
\ +
\ + ~!:DB~!\ +
\ +
\ + \ +
\ + backup\ + \ +
\ +
\ +
\ + ~!:U_DISK~! Mb\ +
\ + \ +
\ +
\ +
~!:DISK~! ~!:DISK_MEASURE~!
\ +
\ +
\ +
\ +
\ +
'] + }, + cron: { + FORM: ['
\ + \ + \ +
~!:title~!
\ + \ +
\ + Schedule Time:\ +
\ + \ +
\ + \ +
\ +
\ +
\ + \ +
\ + \ +
\ +
\ +
\ + \ +
\ + \ +
\ +
\ +
\ + \ +
\ + \ +
\ +
\ +
\ + \ +
\ + \ +
\ +
\ +
\ +
\ + \ + \ +
\ + \ +
\ + \ + \ +
\ +
\ + \ + Cancel\ + ~!:DELETE_ACTION~!\ +
\ +
'], + ENTRIES_WRAPPER: ['
~!:content~!
'], + ENTRY: ['
\ + \ + \ +
\ +
\ +
\ + ~!:SUSPENDED_TPL~!\ +
\ +
\ +
\ +
~!:DATE~!
\ +
\ +
\ +
\ + \ + min\ + ~!:MIN~!\ + \ + \ + hour\ + ~!:HOUR~!\ + \ + \ + day of Month\ + ~!:DAY~!\ + \ + \ + Month\ + ~!:MONTH~!\ + \ + \ + day of Week\ + ~!:WDAY~!\ + \ +
\ +
\ + ~!:CMD~!\ +
\ + \ +
\ +
'] + }, + backup: { + WRAPPER: ['
~!:CONTENT~!
'], + ENTRY: ['
\ + \ +
\ +
\ +
\ + \ + owner:\ + ~!:OWNER~!\ + \ +
\ +
\ +
\ +
\ + \ + \ + ~!:CREATED_AT~!\ + ~!:CREATED_AT_TIME~!\ + \ + ~!:CREATED_AT_WDAY~!\ + \ + \ + Generation time:\ + ~!:GENERATION_TIME~!\ + \ +
\ +
\ + \ + ~!:SIZE~!\ + \ + download\ +
\ + \ +
\ +
'] + }, + stats: { + WRAPPER: ['
~!:CONTENT~!
'], + ENTRY: ['
\ +

~!:HEADER~!

\ +
\ + \ +
\ +
'], + SUBMENU: ['today\ + week\ + month\ + year
'] + } +} + + +// Internals +var Tpl = App.Templates; +var Templator = function() +{ + var init = function() { + fb.info('Templator work'); + Templator.splitThemAll(); + Templator.freezeTplIndexes(); + }; + + /** + * Split the tpl strings into arrays + */ + Templator.splitThemAll = function() + { + fb.info('splitting tpls'); + $.each(App.Templates.html, function(o) { + var tpls = App.Templates.html[o]; + $.each(tpls, function(t) { + tpls[t] = tpls[t][0].split('~!'); + }); + }); + }, + + /** + * Iterates tpls + */ + Templator.freezeTplIndexes = function() + { + fb.info('freezing tpl keys'); + $.each(App.Templates.html, Templator.cacheTplIndexes); + }, + + /** + * Grab the tpl group key and process it + */ + Templator.cacheTplIndexes = function(key) + { + var tpls = App.Templates.html[key]; + $.each(tpls, function(o) { + var tpl = tpls[o]; + Templator.catchIndex(key, o, tpl); + }); + }, + + /** + * Set the indexes + */ + Templator.catchIndex = function(key, ref_key, tpl) + { + 'undefined' == typeof App.Templates._indexes[key] ? App.Templates._indexes[key] = {} : false; + 'undefined' == typeof App.Templates._indexes[key][ref_key] ? App.Templates._indexes[key][ref_key] = {} : false; + $(tpl).each(function(index, o) { + if(':' == o.charAt(0)){ + App.Templates._indexes[key][ref_key][o.toString()] = index; + } + }); + } + + /** + * Get concrete templates + */ + init(); + return Templator; +}; +Templator.getTemplate = function(ns, key) +{ + return [ + App.Templates._indexes[ns][key], + App.Templates.html[ns][key].slice(0) + ]; +} +// init templator +Tpl.Templator = Templator(); +Tpl.get = function(key, group) +{ + return Tpl.Templator.getTemplate(group, key); +}