mirror of
https://github.com/myvesta/vesta
synced 2025-08-20 21:34:12 -07:00
css update
This commit is contained in:
Malishev Dmitry
parent
2545b45e47
commit
2a7d7fe3ef
4 changed files with 836 additions and 72 deletions
BIN
web/css/arialbd.ttf
Normal file
BIN
web/css/arialbd.ttf
Normal file
Binary file not shown.
689
web/css/main.css
689
web/css/main.css
|
|
@ -3,7 +3,7 @@ Title : Vesta
|
||||||
Author : Eugen Lobicov, eugen.lobicov@gmail.com
|
Author : Eugen Lobicov, eugen.lobicov@gmail.com
|
||||||
|
|
||||||
created : November 27, 2009
|
created : November 27, 2009
|
||||||
last updated : July 10, 2011
|
last updated : December 06, 2011
|
||||||
- - - - - - - - - - - - - - - - - - */
|
- - - - - - - - - - - - - - - - - - */
|
||||||
|
|
||||||
html{
|
html{
|
||||||
|
|
@ -13,23 +13,23 @@ html{
|
||||||
body{
|
body{
|
||||||
position:relative;
|
position:relative;
|
||||||
font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
|
font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
|
||||||
background:#F0F0EE url(../images/thin-grey-line-2.gif) repeat-x;
|
background:#B2AD9C url(../images/thin-grey-line-4.gif) repeat-x;
|
||||||
color:#333;
|
color:#333;
|
||||||
}
|
}
|
||||||
#page{
|
#page{
|
||||||
width:965px;
|
width:965px;
|
||||||
width:955px;
|
width:955px;
|
||||||
margin:5px auto 0;
|
margin:3px auto 0;
|
||||||
border:1px solid red;
|
border:1px solid red;
|
||||||
border:solid #a9aa98;
|
border:solid #807D70;
|
||||||
border-width:0 2px;
|
border-width:0 1px;
|
||||||
}
|
}
|
||||||
.outer{
|
.outer{
|
||||||
padding-bottom:58px;
|
padding-bottom:58px;
|
||||||
background:#fff url(../images/footer-bg.gif) repeat-x 0 100%;
|
background:#fff url(../images/footer-bg.gif) repeat-x 0 100%;
|
||||||
}
|
}
|
||||||
#header{
|
#header{
|
||||||
overflow:hidden;
|
/*overflow:hidden;*/
|
||||||
padding:0 10px;
|
padding:0 10px;
|
||||||
height:26px;
|
height:26px;
|
||||||
border-bottom:2px solid #333527;
|
border-bottom:2px solid #333527;
|
||||||
|
|
@ -51,35 +51,96 @@ body{
|
||||||
font-size:1.2em; /*12px */
|
font-size:1.2em; /*12px */
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:#fff;
|
color:#fff;
|
||||||
|
display:block;
|
||||||
|
text-indent:-9999px;
|
||||||
}
|
}
|
||||||
.logo a span{
|
.logo a span{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:0;
|
top:1px;
|
||||||
left:0;
|
left:0;
|
||||||
z-index:1;
|
z-index:1;
|
||||||
background:url(../images/vesta-logo.png) no-repeat;
|
background:url(../images/vesta-logo.png) no-repeat;
|
||||||
}
|
}
|
||||||
.settings{
|
.settings{
|
||||||
float:right;
|
float:right;
|
||||||
|
padding-left:28px;
|
||||||
|
background:url(../images/vesta-italic-logo.png) no-repeat 0 50%;
|
||||||
}
|
}
|
||||||
.settings li{
|
.settings .service-item{
|
||||||
|
color:#cddce3;
|
||||||
|
}
|
||||||
|
.settings .settings-item,
|
||||||
|
.extra-services .service-item{
|
||||||
float:left;
|
float:left;
|
||||||
display:block;
|
display:block;
|
||||||
margin:0 10px 0 0;
|
margin:0 10px 0;
|
||||||
font-size:1.2em; /*12px*/
|
font-size:11px;
|
||||||
line-height:2.084; /* 25px*/
|
line-height:25px;
|
||||||
|
|
||||||
|
text-transform:uppercase;
|
||||||
}
|
}
|
||||||
.settings li a{
|
.settings .item-title,
|
||||||
color:#c6d2d2;
|
.extra-services .item-title{
|
||||||
|
color:#b3b051;
|
||||||
|
text-decoration:none;
|
||||||
|
border-bottom:1px dashed #b3b051;
|
||||||
}
|
}
|
||||||
.settings li a:hover{
|
.settings a.item-title:hover{
|
||||||
color:#fefda0;
|
color:#fefda0;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
.settings li a:active{
|
.settings a.item-title:active{
|
||||||
color:#E16734;
|
color:#E16734;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
/*.settings .logged-as{
|
||||||
|
color:#fefda0;
|
||||||
|
text-transform:none;
|
||||||
|
border:none;
|
||||||
|
}*/
|
||||||
|
.extra-services{
|
||||||
|
float:right;
|
||||||
|
margin-right:90px;
|
||||||
|
}
|
||||||
|
.extra-services .service-item{
|
||||||
|
position:relative;
|
||||||
|
margin:0;
|
||||||
|
padding:0 10px;
|
||||||
|
line-height:26px;
|
||||||
|
}
|
||||||
|
.extra-services .item-devider{
|
||||||
|
position:absolute;
|
||||||
|
top:-3px;
|
||||||
|
left:0;
|
||||||
|
width:100%;
|
||||||
|
height:3px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.extra-services .item-title{
|
||||||
|
color:#cbdde1;
|
||||||
|
border-bottom:1px dashed #72736d;
|
||||||
|
}
|
||||||
|
.extra-services .service-item_backups .item-title{
|
||||||
|
padding-left:22px;
|
||||||
|
background:url(../images/backup-ico.png) no-repeat 0 50%;
|
||||||
|
}
|
||||||
|
.extra-services .active{
|
||||||
|
cursor:default;
|
||||||
|
background:#333;
|
||||||
|
}
|
||||||
|
.extra-services .service-item:hover{
|
||||||
|
cursor:pointer;
|
||||||
|
background:#333;
|
||||||
|
}
|
||||||
|
.extra-services .service-item:hover .item-title,
|
||||||
|
.extra-services .active .item-title{
|
||||||
|
color:#fff997;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
.extra-services .service-item:hover .item-devider,
|
||||||
|
.extra-services .active .item-devider{
|
||||||
|
background:#ff6766;
|
||||||
|
}
|
||||||
|
|
||||||
/*Remove button padding in FF*/
|
/*Remove button padding in FF*/
|
||||||
input::-moz-focus-inner{
|
input::-moz-focus-inner{
|
||||||
|
|
@ -111,8 +172,6 @@ input::-moz-focus-inner{
|
||||||
float:left;
|
float:left;
|
||||||
display:block;
|
display:block;
|
||||||
padding-right:1px;
|
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%;
|
background:url(../images/nav-devider-2.png) no-repeat 100% 50%;
|
||||||
}
|
}
|
||||||
.primary-nav .last-section{
|
.primary-nav .last-section{
|
||||||
|
|
@ -125,7 +184,7 @@ input::-moz-focus-inner{
|
||||||
height:auto !important;
|
height:auto !important;
|
||||||
height:100px;
|
height:100px;
|
||||||
padding:15px 0 3px 6px;
|
padding:15px 0 3px 6px;
|
||||||
background:url(../images/section-status-sprite-5.gif) no-repeat -420px 115px;
|
padding:15px 0 0 6px;
|
||||||
}
|
}
|
||||||
.primary-nav .last-section .section-inner{
|
.primary-nav .last-section .section-inner{
|
||||||
width:133px;
|
width:133px;
|
||||||
|
|
@ -152,14 +211,27 @@ input::-moz-focus-inner{
|
||||||
top:2px;
|
top:2px;
|
||||||
float:left;
|
float:left;
|
||||||
display:block;
|
display:block;
|
||||||
width:13px;
|
width:14px;
|
||||||
height:13px;
|
height:14px;
|
||||||
background:url(../images/primarary-collapsed.gif) no-repeat;
|
background:url(../images/plus-sprite1.png) no-repeat;
|
||||||
font-size:0;
|
font-size:0;
|
||||||
line-height:0;
|
line-height:0;
|
||||||
}
|
}
|
||||||
.section .section-title .add-entry:hover{
|
.section .section-title .add-entry:hover{
|
||||||
background:#B5C968;
|
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{
|
.dnstpl-nav-item .section-title{
|
||||||
|
|
@ -172,18 +244,24 @@ input::-moz-focus-inner{
|
||||||
color:#8c9c91;
|
color:#8c9c91;
|
||||||
}
|
}
|
||||||
.section:hover .section-inner{
|
.section:hover .section-inner{
|
||||||
background-position:0 115px;
|
|
||||||
background-color:#F1F7D6;
|
background-color:#F1F7D6;
|
||||||
color:#000;
|
color:#000;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
|
.section:hover .section-devider{
|
||||||
|
background-position:0 100%;
|
||||||
|
}
|
||||||
.section:hover .section-title{
|
.section:hover .section-title{
|
||||||
color:#000;
|
color:#000;
|
||||||
}
|
}
|
||||||
.primary-nav .active .section-inner{
|
.primary-nav .active .section-inner{
|
||||||
background-position:-140px 115px;
|
|
||||||
cursor:default;
|
cursor:default;
|
||||||
}
|
}
|
||||||
|
.primary-nav .active .section-devider{
|
||||||
|
background-position:-140px 100%;
|
||||||
|
height:5px;
|
||||||
|
bottom:-2px;
|
||||||
|
}
|
||||||
.primary-nav .active .def{
|
.primary-nav .active .def{
|
||||||
color:#8c9c91;
|
color:#8c9c91;
|
||||||
}
|
}
|
||||||
|
|
@ -198,6 +276,7 @@ input::-moz-focus-inner{
|
||||||
background-color:#a09d98;
|
background-color:#a09d98;
|
||||||
background:#535049 url(../images/console-box-bg.png) repeat-x;
|
background:#535049 url(../images/console-box-bg.png) repeat-x;
|
||||||
border-bottom:1px solid #7a7967;
|
border-bottom:1px solid #7a7967;
|
||||||
|
z-index:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-console{
|
.b-console{
|
||||||
|
|
@ -317,7 +396,8 @@ input::-moz-focus-inner{
|
||||||
#actions-toolbar{
|
#actions-toolbar{
|
||||||
clear:both;
|
clear:both;
|
||||||
position:relative;
|
position:relative;
|
||||||
padding:15px 20px 15px 280px;
|
/*padding:15px 20px 15px 280px;*/
|
||||||
|
padding:15px 20px 15px 250px;
|
||||||
background-color:#f3f3d9;
|
background-color:#f3f3d9;
|
||||||
border-bottom:1px solid #c9cbc8;
|
border-bottom:1px solid #c9cbc8;
|
||||||
}
|
}
|
||||||
|
|
@ -326,11 +406,11 @@ input::-moz-focus-inner{
|
||||||
position:relative;
|
position:relative;
|
||||||
top:2px;
|
top:2px;
|
||||||
float:left;
|
float:left;
|
||||||
margin:0 0 0 -260px;
|
/*margin:0 0 0 -260px;*/
|
||||||
|
margin:0 0 0 -230px;
|
||||||
border-bottom:1px solid #b5c968;
|
border-bottom:1px solid #b5c968;
|
||||||
font-family:Georgia, "Times New Roman", Times, serif;
|
font-family:Georgia, "Times New Roman", Times, serif;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
/* line-height:18px;*/
|
|
||||||
line-height:1;
|
line-height:1;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
color:#66685d;
|
color:#66685d;
|
||||||
|
|
@ -347,6 +427,15 @@ input::-moz-focus-inner{
|
||||||
font-size:0;
|
font-size:0;
|
||||||
line-height:0;
|
line-height:0;
|
||||||
}
|
}
|
||||||
|
.add-btn:hover{
|
||||||
|
color:#000;
|
||||||
|
border-bottom-color:#b85152;
|
||||||
|
}
|
||||||
|
.add-btn:active{
|
||||||
|
color:#b85152;
|
||||||
|
border-bottom-color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
.select-all{
|
.select-all{
|
||||||
padding:0 40px 0 0;
|
padding:0 40px 0 0;
|
||||||
font-size:13px;
|
font-size:13px;
|
||||||
|
|
@ -403,6 +492,171 @@ input::-moz-focus-inner{
|
||||||
color:#b85152;
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.domain-groups-selector{
|
||||||
|
float:left;
|
||||||
|
width:270px;
|
||||||
|
}
|
||||||
|
|
||||||
#content{
|
#content{
|
||||||
padding:8px 0 50px;
|
padding:8px 0 50px;
|
||||||
background:#fff url(../images/content-separator.png) repeat-x;
|
background:#fff url(../images/content-separator.png) repeat-x;
|
||||||
|
|
@ -1056,8 +1310,8 @@ input::-moz-focus-inner{
|
||||||
vertical-align:top;
|
vertical-align:top;
|
||||||
|
|
||||||
min-width:40%;
|
min-width:40%;
|
||||||
width:auto !important;
|
/* width:auto !important;
|
||||||
width:40%;
|
width:40%;*/
|
||||||
margin:0 0 3px;
|
margin:0 0 3px;
|
||||||
font-size:10px;
|
font-size:10px;
|
||||||
}
|
}
|
||||||
|
|
@ -1175,8 +1429,9 @@ input::-moz-focus-inner{
|
||||||
color:#3d504a;
|
color:#3d504a;
|
||||||
}
|
}
|
||||||
.b-new-entry .text-field{
|
.b-new-entry .text-field{
|
||||||
|
float:left;
|
||||||
width:265px;
|
width:265px;
|
||||||
margin:0;
|
margin:0 15px 0 0;
|
||||||
padding:6px 7px;
|
padding:6px 7px;
|
||||||
border:2px solid #b8c2c3;
|
border:2px solid #b8c2c3;
|
||||||
color:#555;
|
color:#555;
|
||||||
|
|
@ -1231,6 +1486,7 @@ input::-moz-focus-inner{
|
||||||
}
|
}
|
||||||
.b-new-entry select.styled{
|
.b-new-entry select.styled{
|
||||||
top:10px;
|
top:10px;
|
||||||
|
width:230px;
|
||||||
}
|
}
|
||||||
.b-new-entry option{
|
.b-new-entry option{
|
||||||
font:14px arial,sans-serif;
|
font:14px arial,sans-serif;
|
||||||
|
|
@ -1238,7 +1494,7 @@ input::-moz-focus-inner{
|
||||||
.b-new-entry .form-options-group{}
|
.b-new-entry .form-options-group{}
|
||||||
|
|
||||||
.b-new-entry .group-header{
|
.b-new-entry .group-header{
|
||||||
margin:12px 25px 12px 60px;
|
margin:12px 25px 12px 15px;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
color:#9c9c9c;
|
color:#9c9c9c;
|
||||||
font-size:11px;
|
font-size:11px;
|
||||||
|
|
@ -1247,19 +1503,55 @@ input::-moz-focus-inner{
|
||||||
background:url(../images/dotted.gif) repeat-x 0 50%;
|
background:url(../images/dotted.gif) repeat-x 0 50%;
|
||||||
}
|
}
|
||||||
.b-new-entry .group-title-outer{
|
.b-new-entry .group-title-outer{
|
||||||
|
display:inline-block;
|
||||||
|
width:165px;
|
||||||
padding:0 15px 0 0;
|
padding:0 15px 0 0;
|
||||||
line-height:16px;
|
line-height:16px;
|
||||||
|
text-align:right;
|
||||||
background:#ffffcb;
|
background:#ffffcb;
|
||||||
}
|
}
|
||||||
.b-new-entry .group-title{
|
.b-new-entry .group-title-inner{
|
||||||
padding:2px 15px 2px 0;
|
padding:2px 13px 2px 0;
|
||||||
}
|
}
|
||||||
.b-new-entry .expanded .group-title{
|
.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%;
|
background:#ffffcb url(../images/form-group-expanded.png) no-repeat 100% 50%;
|
||||||
}
|
}
|
||||||
.b-new-entry .collapsed .group-title{
|
.b-new-entry .collapsed .group-title-inner{
|
||||||
background:#ffffcb url(../images/form-group-collapsed.png) no-repeat 100% 50%;
|
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 .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{
|
.b-new-entry .checkbox{
|
||||||
display:block;
|
display:block;
|
||||||
|
|
@ -1278,9 +1570,12 @@ input::-moz-focus-inner{
|
||||||
.b-new-entry .db-credentials .field-label{
|
.b-new-entry .db-credentials .field-label{
|
||||||
text-indent:40px;
|
text-indent:40px;
|
||||||
}
|
}
|
||||||
.b-new-entry .pwd-box .text-field{
|
/*.b-new-entry .pwd-box .text-field{
|
||||||
float:left;
|
float:left;
|
||||||
margin:0 15px 0 0;
|
margin:0 15px 0 0;
|
||||||
|
}*/
|
||||||
|
.b-new-entry_user .lastname-box{
|
||||||
|
margin-bottom:30px;
|
||||||
}
|
}
|
||||||
.b-new-entry_dns .dns-template-box .styled{
|
.b-new-entry_dns .dns-template-box .styled{
|
||||||
float:left;
|
float:left;
|
||||||
|
|
@ -1316,6 +1611,41 @@ input::-moz-focus-inner{
|
||||||
.context-settings:active{
|
.context-settings:active{
|
||||||
color:#b4c775;
|
color:#b4c775;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.b-new-entry .add-ns{
|
||||||
|
display:inline-block;
|
||||||
|
margin-left: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{
|
.b-new-entry .buttons-row{
|
||||||
position:relative;
|
position:relative;
|
||||||
margin-top:10px;
|
margin-top:10px;
|
||||||
|
|
@ -1326,13 +1656,14 @@ input::-moz-focus-inner{
|
||||||
.b-new-entry .help-btn{
|
.b-new-entry .help-btn{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:13px;
|
top:13px;
|
||||||
left:16px;
|
right:20px;
|
||||||
font-size:11px;
|
font-size:11px;
|
||||||
line-height:12px;
|
line-height:12px;
|
||||||
color:#b4b39f;
|
color:#b4b39f;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
border-bottom:1px solid #b4b39f;
|
border-bottom:1px solid #b4b39f;
|
||||||
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
.b-new-entry .help-btn:hover{
|
.b-new-entry .help-btn:hover{
|
||||||
color:#000;
|
color:#000;
|
||||||
|
|
@ -1344,7 +1675,7 @@ input::-moz-focus-inner{
|
||||||
.b-new-entry .cancel-btn{
|
.b-new-entry .cancel-btn{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:15px;
|
top:15px;
|
||||||
right:20px;
|
left:16px;
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
line-height:1;
|
line-height:1;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
|
|
@ -1398,6 +1729,7 @@ input::-moz-focus-inner{
|
||||||
}
|
}
|
||||||
.b-new-entry .autocomplete-box .text-field{
|
.b-new-entry .autocomplete-box .text-field{
|
||||||
width:213px;
|
width:213px;
|
||||||
|
margin:0;
|
||||||
}
|
}
|
||||||
.b-new-entry .autocomplete-box .arrow{
|
.b-new-entry .autocomplete-box .arrow{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
@ -1425,6 +1757,7 @@ input::-moz-focus-inner{
|
||||||
border:1px solid #dcdbad;
|
border:1px solid #dcdbad;
|
||||||
background:url(../images/form-bottom-bg.png) repeat-x;
|
background:url(../images/form-bottom-bg.png) repeat-x;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-error .error-box{
|
.form-error .error-box{
|
||||||
padding-left:18px;
|
padding-left:18px;
|
||||||
background:url(../images/error-bullet.png) no-repeat 0 50%;
|
background:url(../images/error-bullet.png) no-repeat 0 50%;
|
||||||
|
|
@ -1480,15 +1813,27 @@ input::-moz-focus-inner{
|
||||||
}
|
}
|
||||||
.b-new-entry_cron .form-row-line .text-field{
|
.b-new-entry_cron .form-row-line .text-field{
|
||||||
width:112px;
|
width:112px;
|
||||||
|
margin:0;
|
||||||
}
|
}
|
||||||
.b-new-entry_cron .form-row-line .cron-week-box .text-field{
|
.b-new-entry_cron .form-row-line .cron-week-box .text-field{
|
||||||
width:109px;
|
width:109px;
|
||||||
|
margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-new-entry_cron .textarea{
|
.b-new-entry_cron .textarea{
|
||||||
height:60px;
|
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
|
/* Show/edit dns records form
|
||||||
- - - - - - - - - - - - - - - - - - - */
|
- - - - - - - - - - - - - - - - - - - */
|
||||||
.b-records-list{
|
.b-records-list{
|
||||||
|
|
@ -1540,6 +1885,7 @@ input::-moz-focus-inner{
|
||||||
.b-records-list .dns-record-box .text-field{
|
.b-records-list .dns-record-box .text-field{
|
||||||
width:147px;
|
width:147px;
|
||||||
float:left;
|
float:left;
|
||||||
|
margin:0;
|
||||||
}
|
}
|
||||||
.b-records-list .dns-type-box{
|
.b-records-list .dns-type-box{
|
||||||
margin-right:15px;
|
margin-right:15px;
|
||||||
|
|
@ -1553,13 +1899,13 @@ input::-moz-focus-inner{
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
.b-records-list .dns-value-box .text-field{
|
.b-records-list .dns-value-box .text-field{
|
||||||
|
float:none;
|
||||||
width:390px;
|
width:390px;
|
||||||
|
margin:0;
|
||||||
}
|
}
|
||||||
.b-records-list .delete-record{
|
.b-records-list .delete-record{
|
||||||
position:relative;
|
|
||||||
/* top:31px;
|
|
||||||
left:10px;*/
|
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
top: auto;
|
||||||
bottom:15px;
|
bottom:15px;
|
||||||
right:11px;
|
right:11px;
|
||||||
display:block;
|
display:block;
|
||||||
|
|
@ -1568,14 +1914,6 @@ input::-moz-focus-inner{
|
||||||
height:11px;
|
height:11px;
|
||||||
background:url(../images/delete-ico-off.png) no-repeat;
|
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
|
/* Web-domains list
|
||||||
|
|
@ -1707,7 +2045,7 @@ input::-moz-focus-inner{
|
||||||
}
|
}
|
||||||
|
|
||||||
/* New graphs */
|
/* New graphs */
|
||||||
.stats-box{
|
.b-stats-box{
|
||||||
position:relative;
|
position:relative;
|
||||||
margin-left:-25px;
|
margin-left:-25px;
|
||||||
padding-left:25px;
|
padding-left:25px;
|
||||||
|
|
@ -2009,9 +2347,7 @@ input::-moz-focus-inner{
|
||||||
.users-list .props-additional .ns2-box{
|
.users-list .props-additional .ns2-box{
|
||||||
padding-left:27px;
|
padding-left:27px;
|
||||||
}
|
}
|
||||||
/* .users-list .ns-list-box{
|
.users-list .webtpl-box .group-switcher,
|
||||||
padding-left:40px;
|
|
||||||
}*/
|
|
||||||
.users-list .ns-list-box .group-switcher{
|
.users-list .ns-list-box .group-switcher{
|
||||||
padding-left:15px;
|
padding-left:15px;
|
||||||
}
|
}
|
||||||
|
|
@ -2211,6 +2547,221 @@ input::-moz-focus-inner{
|
||||||
color:#ABABAB;
|
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:70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 effect
|
||||||
- - - - - - - - - - - - - - - - - - - */
|
- - - - - - - - - - - - - - - - - - - */
|
||||||
|
|
@ -2242,6 +2793,10 @@ input::-moz-focus-inner{
|
||||||
border:none;
|
border:none;
|
||||||
cursor:default;
|
cursor:default;
|
||||||
}
|
}
|
||||||
|
.backups-list .row:hover .backup-actions-url{
|
||||||
|
border-color:#ffffcb;
|
||||||
|
}
|
||||||
|
|
||||||
.row:hover .ip-status-info{
|
.row:hover .ip-status-info{
|
||||||
background:url(../images/enabled-ico_.png) no-repeat 100% 50%;
|
background:url(../images/enabled-ico_.png) no-repeat 100% 50%;
|
||||||
}
|
}
|
||||||
|
|
@ -2352,10 +2907,12 @@ input::-moz-focus-inner{
|
||||||
.suspended-row .cron-command-line,
|
.suspended-row .cron-command-line,
|
||||||
.suspended-row .username-box,
|
.suspended-row .username-box,
|
||||||
.suspended-row .username-box .nickname,
|
.suspended-row .username-box .nickname,
|
||||||
|
.suspended-row .user-name .prop-value,
|
||||||
.suspended-row .user-backups-box .prop-title,
|
.suspended-row .user-backups-box .prop-title,
|
||||||
.suspended-row .user-details .user-email,
|
.suspended-row .user-details .user-email,
|
||||||
.suspended-row .user-details .user-reports,
|
.suspended-row .user-details .user-reports,
|
||||||
.suspended-row .template-box .prop-value{
|
.suspended-row .template-box .prop-value,
|
||||||
|
.suspended-row .stats-box-title{
|
||||||
color:#ccc;
|
color:#ccc;
|
||||||
border:none;
|
border:none;
|
||||||
}
|
}
|
||||||
|
|
@ -2385,10 +2942,13 @@ input::-moz-focus-inner{
|
||||||
.suspended-row .prop-value,
|
.suspended-row .prop-value,
|
||||||
.suspended-row .b-usage-box .value,
|
.suspended-row .b-usage-box .value,
|
||||||
.suspended-row .b-usage-box .max-size,
|
.suspended-row .b-usage-box .max-size,
|
||||||
.suspended-row .b-usage-box .max-size .units{
|
.suspended-row .b-usage-box .max-size .units,
|
||||||
|
.suspended-row .b-usage-box2 .value,
|
||||||
|
.suspended-row .b-usage-box2 .max-size{
|
||||||
color:#ccc;
|
color:#ccc;
|
||||||
}
|
}
|
||||||
.suspended-row .b-usage-box .bar{
|
.suspended-row .b-usage-box .bar,
|
||||||
|
.suspended-row .b-usage-box2 .graph .bar {
|
||||||
background-color:#ccc;
|
background-color:#ccc;
|
||||||
}
|
}
|
||||||
.suspended-row:hover .show-records,
|
.suspended-row:hover .show-records,
|
||||||
|
|
@ -2415,17 +2975,8 @@ input::-moz-focus-inner{
|
||||||
.users-list .suspended-row .user-backups-box .prop-title:active{
|
.users-list .suspended-row .user-backups-box .prop-title:active{
|
||||||
color:#ccc;
|
color:#ccc;
|
||||||
}
|
}
|
||||||
|
.suspended-row .stats-box-title{
|
||||||
|
background-image:url(../images/stats-curve-grey.png);
|
||||||
select{
|
|
||||||
background-color: white;
|
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.success-box {border: 1px dashed #BBBF45;color: #BBBF45;}
|
||||||
|
|
|
||||||
|
|
@ -15,6 +15,7 @@
|
||||||
}
|
}
|
||||||
.d-popup-inner{
|
.d-popup-inner{
|
||||||
padding:20px;
|
padding:20px;
|
||||||
|
color:#fff;
|
||||||
}
|
}
|
||||||
.d-popup .close{
|
.d-popup .close{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
@ -26,6 +27,9 @@
|
||||||
height:13px;
|
height:13px;
|
||||||
background:url(../images/info-popup-sprite.png) no-repeat;
|
background:url(../images/info-popup-sprite.png) no-repeat;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
|
font-size:0;
|
||||||
|
line-height:0;
|
||||||
|
text-indent:-9999px;
|
||||||
}
|
}
|
||||||
.d-popup span.close:hover{
|
.d-popup span.close:hover{
|
||||||
background-position:0 -13px;
|
background-position:0 -13px;
|
||||||
|
|
|
||||||
209
web/css/vesta-login-form.css
Normal file
209
web/css/vesta-login-form.css
Normal file
|
|
@ -0,0 +1,209 @@
|
||||||
|
/* Page specific styles */
|
||||||
|
.page-auth{
|
||||||
|
background:url(../images/auth/auth-bg.png) repeat;
|
||||||
|
}
|
||||||
|
.cc:after{
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
*html .cc{
|
||||||
|
zoom:1;
|
||||||
|
}
|
||||||
|
+html .cc{
|
||||||
|
zoom:1;
|
||||||
|
}
|
||||||
|
.page-auth .b-auth-form{}
|
||||||
|
|
||||||
|
.page-auth .b-auth-form{
|
||||||
|
width:525px;
|
||||||
|
margin:7% auto 0;
|
||||||
|
padding:20px 20px 0;
|
||||||
|
background:url(../images/auth/form-bg.png) repeat;
|
||||||
|
|
||||||
|
-webkit-border-radius:15px;
|
||||||
|
-moz-border-radius:15px;
|
||||||
|
border-radius:15px;
|
||||||
|
behavior: url(js/PIE.htc);
|
||||||
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
.page-auth .b-auth-form-wrap{
|
||||||
|
position:relative;
|
||||||
|
padding-top:30px;
|
||||||
|
}
|
||||||
|
.page-auth .vesta-logo{
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
.page-auth .b-client-title{
|
||||||
|
margin:0 0 45px;
|
||||||
|
padding-left:130px;
|
||||||
|
font-size:35px;
|
||||||
|
background:url(../images/auth/planet-1.png) no-repeat 85px 27px;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.client-title-wrap{
|
||||||
|
position:relative;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size:24px;
|
||||||
|
}
|
||||||
|
.client-title-wrap .planets{
|
||||||
|
display:block;
|
||||||
|
width:91px;
|
||||||
|
height:7px;
|
||||||
|
position:absolute;
|
||||||
|
top:40%;
|
||||||
|
right:-121px;
|
||||||
|
background:url(../images/auth/planet-2.png) no-repeat scroll 0 -1px;
|
||||||
|
}
|
||||||
|
.page-auth .form-row{
|
||||||
|
margin:0 0 15px;
|
||||||
|
}
|
||||||
|
.page-auth .last-row{
|
||||||
|
padding:27px 90px 0 133px;
|
||||||
|
}
|
||||||
|
.page-auth .field-label{
|
||||||
|
float:left;
|
||||||
|
width:87px;
|
||||||
|
padding-left:45px;
|
||||||
|
color:#e3d785;
|
||||||
|
font-size:12px;
|
||||||
|
line-height:34px;
|
||||||
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
text-transform:uppercase;
|
||||||
|
/*letter-spacing:-.5px;*/
|
||||||
|
}
|
||||||
|
.page-auth .field-text{
|
||||||
|
width:290px;
|
||||||
|
padding:4px 5px;
|
||||||
|
font-size:20px;
|
||||||
|
border:2px solid #0c6c9c;
|
||||||
|
background:#2d2c28;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.page-auth .field-text:focus{
|
||||||
|
-moz-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
|
||||||
|
-webkit-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
|
||||||
|
border-color:rgba(76, 147, 189, 0.85) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-auth .b-remember{
|
||||||
|
float:left;
|
||||||
|
padding-top:5px;
|
||||||
|
}
|
||||||
|
.page-auth .remember-label{
|
||||||
|
cursor:pointer;
|
||||||
|
padding:2px 2px 2px 8px;
|
||||||
|
color:#747975;
|
||||||
|
font-size:12px;
|
||||||
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
span.ui-checkbox{
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 14px;
|
||||||
|
height: 15px;
|
||||||
|
/* background:url(icon_checkbox.png) 0 -40px no-repeat;*/
|
||||||
|
background:url(../images/auth/checkboxes.png) no-repeat;
|
||||||
|
}
|
||||||
|
.ui-helper-hidden-accessible{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
span.ui-checkbox-state-hover{
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
span.ui-checkbox-state-checked,
|
||||||
|
span.ui-checkbox-state-checked-hover{
|
||||||
|
background-position: 0 -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-auth .sumbit-btn{
|
||||||
|
float:right;
|
||||||
|
overflow:visible;
|
||||||
|
height:30px;
|
||||||
|
padding:0 40px;
|
||||||
|
-webkit-border-radius:9px;
|
||||||
|
-moz-border-radius:9px;
|
||||||
|
border-radius:9px;
|
||||||
|
behavior: url(js/PIE.htc);
|
||||||
|
|
||||||
|
border:2px solid #2C2C10;
|
||||||
|
background-color:#BBBF45;
|
||||||
|
color:#ffffdf;
|
||||||
|
font-size:13px;
|
||||||
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
font-weight:bold;
|
||||||
|
line-height:27px;
|
||||||
|
text-transform:uppercase;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
.page-auth .sumbit-btn:focus{
|
||||||
|
position:relative;
|
||||||
|
top:1px;
|
||||||
|
}
|
||||||
|
.page-auth .sumbit-btn:hover{
|
||||||
|
background-color:#ffcc00;
|
||||||
|
color:#483600;
|
||||||
|
border-color:#000;
|
||||||
|
}
|
||||||
|
.page-auth .sumbit-btn:active{
|
||||||
|
top:0;
|
||||||
|
background-color:#96A332;
|
||||||
|
color:#FFFFFF;
|
||||||
|
border-color:#2C2C10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-auth .forgot-pwd{
|
||||||
|
padding:60px 0 10px 137px;
|
||||||
|
font-size:13px;
|
||||||
|
}
|
||||||
|
.page-auth .forgot-pwd-url{
|
||||||
|
color:#6f7571;
|
||||||
|
}
|
||||||
|
.page-auth a.forgot-pwd-url:hover{
|
||||||
|
color:#849e54;
|
||||||
|
}
|
||||||
|
.page-auth a.forgot-pwd-url:active{
|
||||||
|
color:#edca38;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-auth .error-box{
|
||||||
|
border-top:1px dashed #f16d6b;
|
||||||
|
padding:10px 0 21px 131px;
|
||||||
|
font-size:14px;
|
||||||
|
font-weight:bold;
|
||||||
|
color:#f16d6b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-auth .footnotes{
|
||||||
|
margin:0 -20px;
|
||||||
|
padding:15px 20px;
|
||||||
|
font-size:14px;
|
||||||
|
border-top:2px solid #34352f;
|
||||||
|
color:#5a5e5d;
|
||||||
|
}
|
||||||
|
.page-auth .footnotes .additional-info{
|
||||||
|
float:left;
|
||||||
|
font-size:12px;
|
||||||
|
font-family:Georgia, "Times New Roman", Times, serif;
|
||||||
|
font-style:italic;
|
||||||
|
}
|
||||||
|
.page-auth .footnotes .questions-url{
|
||||||
|
color:#5a5e5d;
|
||||||
|
}
|
||||||
|
.page-auth .footnotes a.questions-url:hover{
|
||||||
|
color:#849e54;
|
||||||
|
}
|
||||||
|
.page-auth .footnotes a.questions-url:active{
|
||||||
|
color:#edca38;
|
||||||
|
}
|
||||||
|
.page-auth .footnotes .imprint{
|
||||||
|
float:right;
|
||||||
|
font-style:normal;
|
||||||
|
font-size:11px;
|
||||||
|
padding-top:1px;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue