fixed incorrect styles for stats block on Users and Domains listings (issue #14), synchronized files with server versions

This commit is contained in:
larsz 2012-01-11 01:13:56 +02:00
commit 72350782b6
2 changed files with 4365 additions and 4305 deletions

View file

@ -3,7 +3,7 @@ Title : Vesta
Author : Eugen Lobicov, eugen.lobicov@gmail.com
created : November 27, 2009
last updated : December 16, 2011
last updated : January 11, 2012
- - - - - - - - - - - - - - - - - - */
html{
@ -138,8 +138,19 @@ body{
background-color:#ffff66;
color:#272700;
}
#logged-in-as{
background-color: #FFCC00;
border: 2px solid #EE7250;
color: #FFFFFF;
font-family: arial;
font-size: 12px;
font-weight: bold;
height: 26px;
margin: 2px auto -3px;
padding: 7px 0 0;
text-align: center;
width: 955px;
}
.extra-services{
float:right;
margin-right:59px;
@ -1563,12 +1574,27 @@ input::-moz-focus-inner{
width: 195px;
height: 28px;
padding: 0 24px 0 8px;
color: #333;
color: #555;
font:bold 14px/28px arial,sans-serif;
background:#fff url(../images/select-arrow.png) no-repeat 100% 50%;
overflow: hidden;
border:2px solid #b8c2c3;
}
.b-new-entry .select.disabled{
border: 0;
background-color: #FFFFCB;
opacity: 1;
background: 0;
}
.b-new-entry .checkbox.disabled{
background-position: -331px -126px;
margin-right:5px;
}
.b-new-entry .text-field:disabled{
border:0;
background-color:#FFFFCB;
}
.b-new-entry select.styled{
top:10px;
}
@ -1650,7 +1676,7 @@ input::-moz-focus-inner{
width:18px;
height:18px;
margin:6px 0 0;
background:url(../images/checkbox-1.png) no-repeat;
background:url(../images/checkboxes.png) no-repeat;
}
.b-new-entry .checkbox:hover{
background-position:0 -98px;
@ -2180,18 +2206,27 @@ input::-moz-focus-inner{
background:url(../images/stats-brace.png) no-repeat 0 50%;
}
.stats-box-title{
/*
background: url("../images/stats-curve.png") no-repeat 85% 50%;
line-height: 61px;
margin-right: 33px;
padding-right: 35px;
*/
position:absolute;
top:50%;
left:-65px;
left:-68px;
width:28px;
margin-top:-10px;
padding-right:25px;
padding-right:35px;
text-transform:uppercase;
font-size:9px;
line-height:12px;
background:url(../images/stats-curve.png) no-repeat 100% 50%;
background:url(../images/stats-curve.png) no-repeat 85% 50%;
color:#acacac;
/*border-bottom:1px solid #acacac;*/
}
.b-usage-box2{
display:block;
margin:0 0 22px;
@ -2273,9 +2308,6 @@ input::-moz-focus-inner{
}
.domains-list .disk-usage{
margin:0 0 6px;
}
.domains-list .props-additional .prop-box,
.domains-list .props-ext .prop-box{
display:block;
@ -2477,7 +2509,7 @@ input::-moz-focus-inner{
}
.users-list .webtpl-box .group-switcher,
.users-list .ns-list-box .group-switcher{
padding-left:15px;
padding-left:2px;
}
.users-list .props-additional .ns1-box .prop-title,
.users-list .props-additional .ns2-box .prop-title{
@ -2513,6 +2545,13 @@ input::-moz-focus-inner{
.user-details .user-reports{
color:#9c9c9c;
}
.user-details .login-as{
border-bottom: 1px solid #CBCBBF;
cursor: pointer;
padding-left: 0;
}
.user-details-box .prop-box{
margin:0 0 5px;
}
@ -2539,8 +2578,8 @@ input::-moz-focus-inner{
display:block;
position:absolute;
top:-8px;
left:-50%;
width:200%;
left:0;
width:100%;
}
.db-list .db-devider-outer{
display:block;
@ -2976,6 +3015,13 @@ input::-moz-focus-inner{
color:#6aa0ac;
border-bottom-color:#cacbbd;
}
.row:hover .user-details .login-as{
border-bottom: 1px solid #FF9591;
color: #FFCC00;
}
.row:hover .template-box .prop-value:hover,
.row:hover .show-records:hover,
.hide-records:hover,

View file

@ -35,7 +35,8 @@ App.Templates.html = {
select_option: ['<option ~!:SELECTED~! value="~!:VALUE~!">~!:TEXT~!</option>'],
error_elm: ['<div class="error-box">~!:ERROR~!</div>'],
SUSPENDED_TPL_NOT_SUSPENDED : ['<span class="ip-status-info ip-enabled-status"><span class="ip-status-text">enabled</span></span>'],
SUSPENDED_TPL_SUSPENDED : ['<span class="ip-status-info ip-suspended-status"><span class="ip-status-text">suspended</span></span>']
SUSPENDED_TPL_SUSPENDED : ['<span class="ip-status-info ip-suspended-status"><span class="ip-status-text">suspended</span></span>'],
DELETE_ACTION: ['<span class="delete-btn do_action_delete_entry">Delete</span>']
},
popup: {
error: ['<div class="error"><center><h1 style="color: red;">Important: An Error Has Occured.</h1><hr></center>&nbsp;&nbsp;&nbsp;&nbsp;Something went wrong and some of your actions can be not saved in system. Mostly, it happens when you have network connection errors.<br>,&nbsp;&nbsp;&nbsp;&nbsp;However, please notify us about the situation. It would be helpfull if you will write us approximate time the error occured and last actions you were performing. You send your petition on <a href="mail_to">this email: BLABLA</a>,<br><br><center><span style="color: rgb(92, 92, 92);">Sorry for inconvinience. (We recommend you to reload the page)</span></center></div>'],
@ -158,7 +159,7 @@ App.Templates.html = {
<div class="form-row buttons-row cc">\
<input class="add-entry-btn do_action_save_form" type="submit" value="~!:save_button~!"/>\
<span class="cancel-btn do_action_cancel_form">Cancel</span>\
<span class="delete-btn do_action_delete_entry">Delete</span>\
~!:DELETE_ACTION~!\
</div>\
</div>'
],
@ -292,7 +293,7 @@ App.Templates.html = {
<div class="form-row buttons-row cc">\
<input class="add-entry-btn do_action_save_form" type="submit" value="~!:save_button~!"/>\
<span class="cancel-btn do_action_cancel_form">Cancel</span>\
<span class="delete-btn do_action_delete_entry">Delete</span>\
~!:DELETE_ACTION~!\
</div>\
</div>\
'],
@ -319,14 +320,14 @@ App.Templates.html = {
<span class="prop-title">netmask:</span>\
<span class="prop-value">~!:NETMASK~!</span>\
</span>\
<span class="prop-box">\
<span class="prop-title">interface:</span>\
<span class="prop-value">~!:INTERFACE~!</span>\
</span>\
<span class="prop-box">\
<span class="prop-title">name:</span>\
<span class="prop-value">~!:NAME~!</span>\
</span>\
<span class="prop-box">\
<span class="prop-title">interface:</span>\
<span class="prop-value">~!:INTERFACE~!</span>\
</span>\
</div>\
<div class="ip-props-additional">\
<span class="prop-box">\
@ -340,7 +341,7 @@ App.Templates.html = {
</div>\
<div class="ip-props-ext">\
<span class="prop-box">\
<span class="prop-title">sys users:</span>\
<span class="prop-title">users:</span>\
<span class="prop-value">~!:U_SYS_USERS~!</span>\
</span>\
<span class="prop-box">\
@ -377,7 +378,7 @@ App.Templates.html = {
PLUS_ONE_NS: ['<div class="form-row cc do_action_add_form_ns additional-ns-add">\
<a href="javascript:void(0);" class="add-ns do_action_add_form_ns">\
<i class="icon do_action_add_form_ns">&nbsp;</i>\
<span class="btn-title do_action_add_form_ns">Add additional NS</span>\
<span class="btn-title do_action_add_form_ns">Add additional Name Server</span>\
</a>\
</div>'],
ENTRIES_WRAPPER: ['<div class="users-list items-list">~!:content~!</div>'],
@ -446,7 +447,7 @@ App.Templates.html = {
<div class="form-row buttons-row cc">\
<input class="add-entry-btn do_action_save_form" type="submit" value="~!:save_button~!"/>\
<span class="cancel-btn do_action_cancel_form">Cancel</span>\
<span class="delete-btn do_action_delete_entry">Delete</span>\
~!:DELETE_ACTION~!\
</div>\
</div>'],
ENTRY: ['<div class="row user-details-row ~!:SUSPENDED_CLASS~!">\
@ -469,19 +470,13 @@ App.Templates.html = {
<span class="nickname do_action_edit">~!:LOGIN_NAME~!</span>\
<!-- span class="role">(~!:ROLE~!)</span -->\
</span>\
<span class="prop-box template-box">\
<span class="prop-title">package:</span>\
<span class="prop-value do_action_view_template_info">~!:PACKAGE~!</span>\
</span>\
</div>\
<span class="prop-box user-name">\
<span class="prop-value">~!:FULLNAME~!</span>\
</span>\ </div>\
<div class="user-details-box">\
<span class="prop-box prop-box_group-values cc user-details do_action_login_as">\
<span class="prop-value login-as do_action_login_as">login as</span>\
</span>\
<span class="prop-box user-name">\
<span class="prop-title">name:</span>\
<span class="prop-value">~!:FULLNAME~!</span>\
</span>\
<span class="prop-box prop-box_group-values cc user-details">\
<span class="prop-title">email:</span>\
<span class="group-values">\
@ -489,9 +484,14 @@ App.Templates.html = {
<span class="prop-value user-reports">(reports ~!:REPORTS_ENABLED~!)</span>\
</span>\
</span>\
<span class="prop-box template-box">\
<span class="prop-title">package:</span>\
<span class="prop-value do_action_view_template_info">~!:PACKAGE~!</span>\
</span>\
</div>\
</div>\
<!-- disk usage block -->\
\
<!-- stats block -->\
\
<div class="b-stats-box">\
<div class="stats-box-title">stats</div> \
@ -509,8 +509,6 @@ App.Templates.html = {
<div class="max-size">~!:DISK_QUOTA~! <span class="units">~!:DISK_QUOTA_MEASURE_2~!</span></div>\
</div>\
</div><!-- // disk usage block -->\
</div>\
\
<div class="b-usage-box2 bandwidth-box cc">\
<span class="prop-title">bandwidth:</span>\
<div class="usage-box">\
@ -524,8 +522,14 @@ App.Templates.html = {
<div class="max-size">~!:BANDWIDTH~! <span class="units">~!:BANDWIDTH_MEASURE_2~!</span></div>\
</div>\
</div>\
</div><!-- // stats block -->\
\
</div>\
<div class="props-additional">\
<span class="prop-box webdomains-box">\
<span class="prop-title">web domains:</span>\
<span class="prop-value">~!:U_WEB_DOMAINS~! (~!:WEB_DOMAINS~!)</span>\
</span>\
<span class="prop-box websl-box">\
<span class="prop-title">web ssl:</span>\
<span class="prop-value">~!:U_WEB_SSL~! (~!:WEB_SSL~!)</span>\
@ -544,6 +548,37 @@ App.Templates.html = {
<span class="prop-title">databases:</span>\
<span class="prop-value">~!:U_DATABASES~! (~!:DATABASES~!)</span>\
</span>\
<span class="prop-box ip-box">\
<span class="prop-title">Dedicated IP\'s:</span>\
<span class="prop-value">~!:IP_OWNED~!</span>\
</span>\
<span class="prop-box cron-box">\
<span class="prop-title">cron jobs:</span>\
<span class="prop-value">~!:U_CRON_JOBS~!</span>\
</span>\
</div>\
<div class="props-ext">\
<span class="prop-box maildomains-box">\
<span class="prop-title">mail domains:</span>\
<span class="prop-value">~!:U_MAIL_DOMAINS~! (~!:MAIL_DOMAINS~!)</span>\
</span>\
<span class="prop-box mailboxes-box">\
<span class="prop-title">mail accounts:</span>\
<span class="prop-value">~!:MAIL_BOXES~! per domain</span>\
</span>\
<span class="prop-box mailfwds-box">\
<span class="prop-title">mail forwarders:</span>\
<span class="prop-value">~!:MAIL_FORWARDERS~! per domain</span>\
</span>\
<span class="prop-box dnsdomains-box">\
<span class="prop-title">dns domains:</span>\
<span class="prop-value">~!:U_DNS_DOMAINS~! (~!:DNS_DOMAINS~!)</span>\
</span>\
<span class="prop-box prop-box_group-values cc ns-list-box">\
<span class="prop-title">name servers:</span>\
<span class="group-values">\
~!:NS~!</span>\
</span>\
<span class="prop-box shell-box">\
<span class="prop-title">shell:</span>\
<span class="prop-value">~!:SHELL~!</span>\
@ -551,35 +586,7 @@ App.Templates.html = {
<span class="prop-box backups-box">\
<span class="prop-title">backups:</span>\
<span class="prop-value">retention ~!:BACKUPS~!</span>\
</span>\
</div>\
<div class="props-ext">\
<span class="prop-box mailboxes-box">\
<span class="prop-title">mailboxes:</span>\
<span class="prop-value">~!:U_MAIL_BOXES~! (~!:MAIL_BOXES~!)</span>\
</span>\
<span class="prop-box mailfwds-box">\
<span class="prop-title">mail forwarders:</span>\
<span class="prop-value">~!:U_MAIL_FORWARDERS~! (~!:MAIL_FORWARDERS~!)</span>\
</span>\
<span class="prop-box maildomains-box">\
<span class="prop-title">mail domains:</span>\
<span class="prop-value">~!:U_MAIL_DOMAINS~! (~!:MAIL_DOMAINS~!)</span>\
</span>\
<span class="prop-box webdomains-box">\
<span class="prop-title">web domains:</span>\
<span class="prop-value">~!:U_WEB_DOMAINS~! (~!:WEB_DOMAINS~!)</span>\
</span>\
<span class="prop-box dnsdomains-box">\
<span class="prop-title">dns domains:</span>\
<span class="prop-value">~!:U_DNS_DOMAINS~! (~!:DNS_DOMAINS~!)</span>\
</span>\
<span class="prop-box prop-box_group-values cc ns-list-box">\
<span class="prop-title">ns list:</span>\
<span class="group-values">\
~!:NS~!</span>\
</span>\
</div>\
</span>\ </div>\
</div><!-- // .row-details -->\
</div>']
},
@ -661,15 +668,20 @@ App.Templates.html = {
<label for="#" class="field-label">SSL Document Root:</label>\
<input type="text" name="SSL_HOME" class="text-field" value="~!:SSL_HOME~!">\
</div>\
<div class="form-row ssl-crtfct-box cc">\
<label for="#" class="field-label">SSL Crtificate: <span class="remark">(upload file or paste as text)</span></label>\
<span class="ssl-cert-input-dummy">...</span>\
<textarea name="SSL_CRT" class="textarea ssl-cert">~!:SSL_CRT~!</textarea>\
</div>\
<div class="form-row ssl-crtfct-box cc">\
<label for="#" class="field-label">SSL Certificate Key: <span class="remark">(upload file or paste as text)</span></label>\
<span class="ssl-key-input-dummy">...</span>\
<textarea name="SSL_KEY" class="textarea ssl-key">~!:SSL_KEY~!</textarea>\
</div>\
<div class="form-row ssl-crtfct-box cc">\
<label for="#" class="field-label">SSL Crtificate: <span class="remark">(upload file or paste as text)</span></label>\
<span class="ssl-cert-input-dummy">...</span>\
<textarea name="SSL_CERT" class="textarea ssl-cert">~!:SSL_CERT~!</textarea>\
<label for="#" class="field-label">SSL Certificate CA: <span class="remark">(upload file or paste as text)</span></label>\
<span class="ssl-key-input-dummy">...</span>\
<textarea name="SSL_CA" class="textarea ssl-key">~!:SSL_CA~!</textarea>\
</div>\
</div><!-- // advanced options -->\
</div>\
@ -702,7 +714,7 @@ App.Templates.html = {
<div class="form-row buttons-row cc">\
<input class="add-entry-btn do_action_save_form" type="submit" value="~!:save_button~!"/>\
<span class="cancel-btn do_action_cancel_form">Cancel</span>\
<span class="delete-btn do_action_delete_entry">Delete</span>\
~!:DELETE_ACTION~!\
</div>\
</div>'],
ENTRIES_WRAPPER: ['<div class="domains-list items-list">~!:content~!</div>'],
@ -721,7 +733,6 @@ App.Templates.html = {
<div class="row-details cc">\
<div class="names">\
<strong class="domain-name primary do_action_edit">~!:DOMAIN~!</strong>\
<span class="alias-title">Alias:</span>\
~!:ALIAS~!\
</div>\
<div class="props-main">\
@ -732,6 +743,8 @@ App.Templates.html = {
<span class="prop-value tpl-item do_action_view_template_settings">~!:TPL~!</span>\
</span>\
</div>\
\
<!-- stats block -->\
<div class="b-stats-box">\
<div class="stats-box-title">stats</div> \
<!-- disk usage block -->\
@ -748,8 +761,7 @@ App.Templates.html = {
<div class="max-size">~!:DISK_QUOTA~! <span class="units">~!:DISK_QUOTA_MEASURE_2~!</span></div>\
</div>\
</div><!-- // disk usage block -->\
</div>\
\
<!-- bandwidth block -->\
<div class="b-usage-box2 bandwidth-box cc">\
<span class="prop-title">bandwidth:</span>\
<div class="usage-box">\
@ -762,7 +774,9 @@ App.Templates.html = {
</div>\
<div class="max-size">~!:BANDWIDTH~! <span class="units">~!:BANDWIDTH_MEASURE_2~!</span></div>\
</div>\
</div>\
</div><!-- // bandwidth block -->\
</div><!-- // stats block -->\
\
</div>\
<div class="props-additional">\
<span class="prop-box php-box">\
@ -793,7 +807,7 @@ App.Templates.html = {
<span class="prop-box nginx-box">\
<span class="prop-title">nginx:</span>\
<span class="prop-value">~!:NGINX~!</span>\
<span class="nginx-ext-list">extension list</span>\
<span class="nginx-ext-list do_action_view_nginx_extensions">extension list</span>\
</span>\
</div> \
</div><!-- // .row-details -->\
@ -829,7 +843,7 @@ App.Templates.html = {
</div>\
<div class="db-credentials ">\
<div class="form-row cc user">\
<label for="#" class="field-label">Username</label>\
<label for="#" class="field-label">Username:</label>\
<input type="text" name="USER" class="text-field" value="~!:USER~!">\
</div>\
<div class="form-row pwd-box cc psw">\
@ -849,7 +863,7 @@ App.Templates.html = {
<div class="form-row buttons-row cc">\
<input class="add-entry-btn do_action_save_form" type="submit" value="~!:save_button~!"/>\
<span class="cancel-btn do_action_cancel_form">Cancel</span>\
<span class="delete-btn do_action_delete_entry">Delete</span>\
~!:DELETE_ACTION~!\
</div>\
</div>'],
ENTRY: ['<div class="row db-details-row ~!:SUSPENDED_CLASS~!">\
@ -959,7 +973,7 @@ App.Templates.html = {
<div class="form-row buttons-row cc">\
<input class="add-entry-btn do_action_save_form" type="submit" value="~!:save_button~!"/>\
<span class="cancel-btn do_action_cancel_form">Cancel</span>\
<span class="delete-btn do_action_delete_entry">Delete</span>\
~!:DELETE_ACTION~!\
</div>\
</div>'],
ENTRIES_WRAPPER: ['<div class="cron-list">~!:content~!</div>'],