mirror of
https://github.com/serghey-rodin/vesta.git
synced 2026-02-12 01:17:08 +01:00
1752 lines
32 KiB
CSS
1752 lines
32 KiB
CSS
/*- - - - - - - - - - - - - - - - - - -
|
|
Title : Vesta
|
|
Author : Eugen Lobicov, eugen.lobicov@gmail.com
|
|
|
|
created : November 27, 2009
|
|
last updated : January 22, 2011
|
|
- - - - - - - - - - - - - - - - - - */
|
|
|
|
html{
|
|
font-size:100.01%; /* prevent IE's extreme font-resizing bug*/
|
|
}
|
|
|
|
body{
|
|
position:relative;
|
|
font:normal 62.5%/1.5 Arial, Helvetica, sans-serif;
|
|
background:#F0F0EE url(../i/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(../i/bg-left.gif) repeat-y;*/
|
|
}
|
|
.outer{
|
|
/* padding:0 10px 0 0;
|
|
background:url(../i/bg-right.gif) repeat-y 100% 0;*/
|
|
padding-bottom:58px;
|
|
background:#fff url(../i/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(../i/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(../i/nav-devider-2.png) no-repeat 100% 50%;*/
|
|
background:url(../i/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(../i/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(../i/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(../i/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(../i/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(../i/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(../i/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;
|
|
}
|
|
|
|
#content{
|
|
padding:8px 0 50px;
|
|
background:#fff url(../i/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(../i/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(../i/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(../i/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(../i/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(../i/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(../i/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(../i/logging-status-sprite.png) no-repeat;*/
|
|
background:url(../i/check-row-sprite.png) no-repeat;
|
|
}
|
|
.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(../i/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{
|
|
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;
|
|
}
|
|
.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(../i/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(../i/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;
|
|
}
|
|
|
|
/* Suspended row
|
|
- - - - - - - - - - - - - - - - - - - */
|
|
.ip-details-suspended{}
|
|
|
|
.ip-details-suspended:hover{
|
|
background-color:#fff;
|
|
}
|
|
.ip-details-suspended .entry-created{
|
|
color:#ccc;
|
|
}
|
|
.ip-details-suspended .ip-adr{
|
|
color:#ccc;
|
|
border:none;
|
|
}
|
|
.ip-details-suspended:hover .ip-adr{
|
|
border:none;
|
|
}
|
|
.ip-details-suspended:hover .ip-adr:hover{
|
|
border:none;
|
|
cursor:default;
|
|
}
|
|
.ip-details-suspended .prop-title,
|
|
.ip-details-suspended .prop-value{
|
|
color:#ccc;
|
|
}
|
|
|
|
/* Entry adding form
|
|
- - - - - - - - - - - - - - - - - - - */
|
|
.b-new-entry{
|
|
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{
|
|
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 .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(../i/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(../i/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(../i/form-group-expanded.png) no-repeat 100% 50%;
|
|
}
|
|
.b-new-entry .collapsed .group-title{
|
|
background:#ffffcb url(../i/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(../i/checkbox.png) no-repeat;
|
|
}
|
|
.b-new-entry .stats-settings{
|
|
padding-left: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:12px;
|
|
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(../i/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(../i/select-arrow.png) no-repeat 100% 50%;*/
|
|
background:#fff url(../i/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(../i/form-bottom-bg.png) repeat-x;
|
|
}
|
|
.form-error .error-box{
|
|
padding-left:18px;
|
|
background:url(../i/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;
|
|
}
|
|
|
|
/* 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(../i/delete-ico-off.png) no-repeat;
|
|
}
|
|
.b-records-list .delete-record:hover{
|
|
cursor:pointer;
|
|
background-image:url(../i/delete-ico.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(../i/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 .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;
|
|
}
|
|
|
|
/* 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{
|
|
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{
|
|
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(../i/enabled-ico_.png) no-repeat 100% 50%;
|
|
}
|
|
.row:hover .delete-entry{
|
|
background:url(../i/delete-ico-off.png) no-repeat 100% 4px;
|
|
}
|
|
.row:hover .ip-suspended-status{
|
|
background:url(../i/suspended-ico.png) no-repeat 100% 65%;
|
|
}
|
|
.ip-status-info:hover .ip-status-text,
|
|
.delete-entry:hover .delete-entry-text{
|
|
visibility:visible;
|
|
}
|
|
.row .ip-status-info:hover{
|
|
background-image:url(../i/enabled-ico-hover.png);
|
|
}
|
|
.row .delete-entry:hover{
|
|
background-image:url(../i/delete-ico.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{
|
|
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{
|
|
color:#575757;
|
|
border-bottom-color:#b4c775;
|
|
}
|
|
.row:hover .template-box .prop-value:active,
|
|
.row:hover .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{
|
|
color:#b4c775;
|
|
}
|
|
|
|
/* Checked row
|
|
- - - - - - - - - - - - - - - - - - - */
|
|
.checked-row{
|
|
background-color:#e4f7bf;
|
|
}
|
|
.checked-row .row-actions-box .check-control{
|
|
background-position:0 -46px;
|
|
background-position:0 -30px;
|
|
}
|
|
|
|
.domains-list .checked-row .names .primary,
|
|
.dns-list .checked-row .names .primary{
|
|
border-bottom:1px solid #e4f7bf;
|
|
} |