/*- - - - - - - - - - - - - - - - - - - Title : Vesta Author : Eugen Lobicov, eugen.lobicov@gmail.com created : November 27, 2009 last updated : March 14, 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:#F0F0EE url(../images/thin-grey-line-2.gif) repeat-x; color:#333; } #page{ width:965px; width:955px; margin:5px auto 0; border:1px solid red; border:solid #a9aa98; border-width:0 2px; /* padding:0 0 0 10px; background:url(../images/bg-left.gif) repeat-y;*/ } .outer{ /* padding:0 10px 0 0; background:url(../images/bg-right.gif) repeat-y 100% 0;*/ padding-bottom:58px; background:#fff url(../images/footer-bg.gif) repeat-x 0 100%; } #header{ overflow:hidden; padding: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; } .logo a span{ position:absolute; top:0; left:0; z-index:1; background:url(../images/vesta-logo.png) no-repeat; } .settings{ float:right; } .settings li{ float:left; display:block; margin:0 10px 0 0; font-size:1.2em; /*12px*/ line-height:2.084; /* 25px*/ } .settings li a{ color:#c6d2d2; } .settings li a:hover{ color:#fefda0; text-decoration:none; } .settings li a:active{ color:#E16734; text-decoration:none; } /*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; /* border-bottom:4px solid #616a57;*/ /* background:url(../images/nav-devider-2.png) no-repeat 100% 50%;*/ 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; background:url(../images/section-status-sprite-5.gif) no-repeat -420px 115px; } .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:13px; height:13px; background:url(../images/primarary-collapsed.gif) no-repeat; font-size:0; line-height:0; } .section .section-title .add-entry:hover{ background:#B5C968; } .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-position:0 115px; background-color:#F1F7D6; color:#000; cursor:pointer; } .section:hover .section-title{ color:#000; } .primary-nav .active .section-inner{ background-position:-140px 115px; cursor:default; } .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; } .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; background-color:#f3f3d9; border-bottom:1px solid #c9cbc8; } .add-domain, .add-btn{ position:relative; top:2px; float:left; margin:0 0 0 -260px; border-bottom:1px solid #b5c968; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; /* line-height:18px;*/ 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; } .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; } #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-right:78px; 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; } .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; } .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{ width:265px; margin: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 60px; 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{ padding:0 15px 0 0; line-height:16px; background:#ffffcb; } .b-new-entry .group-title{ padding:2px 15px 2px 0; } .b-new-entry .expanded .group-title{ background:#ffffcb url(../images/form-group-expanded.png) no-repeat 100% 50%; } .b-new-entry .collapsed .group-title{ background:#ffffcb url(../images/form-group-collapsed.png) no-repeat 100% 50%; } .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_dns .dns-template-box .styled{ float:left; margin:0 40px 0 0; margin:0 20px 0 0; width:230px; cursor:pointer; } .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 .buttons-row{ position:relative; margin-top:10px; 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; left:16px; font-size:11px; line-height:12px; color:#b4b39f; text-transform:uppercase; cursor:pointer; border-bottom:1px solid #b4b39f; } .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{ position:absolute; top:15px; right:20px; font-size:12px; line-height:1; text-transform:uppercase; color:#cc7c4b; cursor:pointer; border-bottom:1px solid #cc7c4b; } .b-new-entry .cancel-btn:hover{ color:#000; border-bottom-color:#c5795f; } .b-new-entry .cancel-btn:active{ color:#CC7C4B; } .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; } .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; } .b-new-entry_cron .form-row-line .cron-week-box .text-field{ width:109px; } .b-new-entry_cron .textarea{ height:60px; } /* 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; } .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{ width:390px; } .b-records-list .delete-record{ position:relative; /* top:31px; left:10px;*/ position:absolute; bottom:15px; right:11px; display:block; float:left; width:11px; height:11px; background:url(../images/delete-ico-off.png) no-repeat; } .b-records-list .delete-record:hover{ cursor:pointer; background-image:url(../images/delete-ico.png); } .b-records-list .delete-record:active{ cursor:pointer; background-image:url(../images/delete-ico-active.png); } /* 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 .ip-adr-box .prop-value{ padding:0; cursor:pointer; border-bottom:1px solid #cbcbbf; } */ .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; } .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; } /* Cron list - - - - - - - - - - - - - - - - - - - */ .users-list{} .users-list .entry-created{ padding-top:10px; } .users-list .user-wrap{ margin:0 0 19px; } .users-list .props-main{ width:345px; } .users-list .username-box{ padding-top:6px; } .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; } .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 .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:200px; } .username-box .prop-box{ position:relative; /* top:6px;*/ margin:0; } .user-details{ font-size:12px; } .user-details .user-email{ color:#777; padding-right:5px; } .user-details .user-reports{ color:#9c9c9c; } /* 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; } /* 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; } .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 .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-backups-box .prop-title, .suspended-row .user-details .user-email, .suspended-row .user-details .user-reports, .suspended-row .template-box .prop-value{ color:#ccc; border:none; } .ip-details-suspended:hover .ip-adr, .suspended-row:hover .ip-adr, .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{ 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{ 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{ color:#ccc; } .suspended-row .b-usage-box .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; }