mirror of
https://github.com/myvesta/vesta
synced 2025-08-14 02:28:05 -07:00
improved html structure
This commit is contained in:
Serghey Rodin
parent
e4da112048
commit
0593df0f83
60 changed files with 10157 additions and 10373 deletions
813
web/css/main.css
Normal file
813
web/css/main.css
Normal file
|
|
@ -0,0 +1,813 @@
|
|||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #e5e5e5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 1000px;
|
||||
position: fixed; background: #fff;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
height: 22px;
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
.top-link {
|
||||
float: left;
|
||||
color: #f0f0f0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
line-height: 21px;
|
||||
padding: 0 20px 1px;
|
||||
}
|
||||
|
||||
.top-link:hover {
|
||||
color: #fff;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.top-link:active{
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.top-selected-link {
|
||||
float: left;
|
||||
color: #174f82;
|
||||
background-color: #fff;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
line-height: 21px;
|
||||
padding: 0 20px 1px;
|
||||
}
|
||||
|
||||
.top-selected-link:hover {
|
||||
color: #fff;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.top-selected-link:active {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.top-user {
|
||||
float: left;
|
||||
line-height: 21px;
|
||||
padding: 0 4px 1px;
|
||||
text-decoration: none;
|
||||
color: #ffce4f;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.top-user:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.top-user:active{
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.top-logout {
|
||||
float: left;
|
||||
color: #f0f0f0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
line-height: 21px;
|
||||
padding: 0 18px 1px 4px;
|
||||
}
|
||||
|
||||
.top-logout:hover {
|
||||
color: #fff;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.top-logout:active {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.nav-logo {
|
||||
float: left;
|
||||
height: 105px;
|
||||
width: 167px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.nav-lnk {
|
||||
text-decoration: none;
|
||||
color: #222;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.nav-lnk:active {
|
||||
color: #f79b44;
|
||||
}
|
||||
|
||||
.nav-block {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
margin: 0;
|
||||
height: 105px;
|
||||
width: 119px;
|
||||
float:left;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.nav-block:hover {
|
||||
height:102px;
|
||||
border-bottom: 4px solid #f79b44;
|
||||
}
|
||||
|
||||
.nav-selected-block {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
margin: 0;
|
||||
color: #174f82;
|
||||
height: 102px;
|
||||
width: 119px;
|
||||
float: left;
|
||||
border-bottom: 4px solid #777777;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nav-selected-block:hover {
|
||||
height:100px;
|
||||
border-bottom: 4px solid #f79b44;
|
||||
}
|
||||
|
||||
.nav-selected-block:active {
|
||||
color: #f79b44;
|
||||
}
|
||||
|
||||
.nav-header {
|
||||
padding: 12px 0 0 6px;
|
||||
margin: 0;
|
||||
letter-spacing: -1.0px;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav-selected-header {
|
||||
padding: 12px 0 0 6px;
|
||||
margin: 0;
|
||||
letter-spacing: -1.0px;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav-counters {
|
||||
padding: 1px 0 0 6px;
|
||||
margin: 0;
|
||||
height: 58px;
|
||||
line-height: 1.4em;
|
||||
font-size: 9pt;
|
||||
color: #333;
|
||||
decoration: none;
|
||||
}
|
||||
|
||||
.submenu {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
width: 1000px;
|
||||
}
|
||||
|
||||
.submenu-button-block {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.submenu-button {
|
||||
width: 130px;
|
||||
height: 26px;
|
||||
cursor: pointer;
|
||||
color: #555;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
padding: 0;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.submenu-button {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-button:hover {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.submenu-button:active {
|
||||
color: #fff;
|
||||
border: 1px solid #f79b44;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
.submenu-select-block {
|
||||
float:left;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.submenu-select-link {
|
||||
color: #6A6A6A;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 8pt;
|
||||
letter-spacing: 0.1em;
|
||||
margin: 7px 7px 0 0;
|
||||
text-decoration: none;
|
||||
padding: 0 4px 0 14px
|
||||
}
|
||||
|
||||
.submenu-select-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.submenu-select-link:active {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.submenu-select-dropdown {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size: 9pt;
|
||||
color: #333333;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 26px;
|
||||
margin: 0 4px 0 0;
|
||||
min-width: 138px;
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.submenu-select-dropdown {
|
||||
padding-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-search-block {
|
||||
display: block;
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.submenu-search-field {
|
||||
border: 1px solid #d3d3d3;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
background-color: #fff;
|
||||
float: left;
|
||||
padding: 0px 3px 0px 3px;
|
||||
height: 24px;
|
||||
width: 250px;
|
||||
margin: 0 4px 0 0;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
background-color: #ebe9dc;
|
||||
color: #555;
|
||||
margin: 30px 0 0 0;
|
||||
padding: 4px 20px 8px 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 8pt;
|
||||
text-align: center;
|
||||
vertical-align:top;
|
||||
line-height: 0.8em;
|
||||
border-top: 4px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.bottom a:link {
|
||||
font-size: 8pt;
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.bottom a:visited {
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.bottom a:hover {
|
||||
text-decoration: underline;
|
||||
color: #7fa1cb;
|
||||
}
|
||||
|
||||
.vst {
|
||||
padding: 0 4px 0 4px;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
color: #999;
|
||||
font-size: 12pt;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.vst:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.vst:active {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.vst-selected {
|
||||
padding: 0 4px 0 4px;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
color: #174f82;
|
||||
font-size: 12pt;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.vst-selected:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.vst-selected:active {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.data {
|
||||
width: 1000px;
|
||||
border-collapse:collapse;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
color: #e5a907;
|
||||
font-size: 12pt;
|
||||
text-align: left;
|
||||
vertical-align:top;
|
||||
margin: 0;
|
||||
behavior:url("/css/csshover3.htc");
|
||||
}
|
||||
|
||||
.data a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.data-row:hover {
|
||||
margin: 0;
|
||||
background-color: #f7f6ed;
|
||||
}
|
||||
|
||||
.data-row:active {
|
||||
background-color: #f7f7d8;
|
||||
}
|
||||
|
||||
.datarowhover {
|
||||
margin: 0;
|
||||
background-color: #f7f6ed;
|
||||
}
|
||||
|
||||
.data-null {
|
||||
margin: 0;
|
||||
height: 10px;
|
||||
border-top:1px dotted #d3d3d3;
|
||||
}
|
||||
|
||||
.data-spacer {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.data-add {
|
||||
margin: 0;
|
||||
background-color: #f7f6ed;
|
||||
border-left: 1px solid #e9e9e9;
|
||||
border-right: 1px solid #e9e9e9;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.data-dotted {
|
||||
text-align: left;
|
||||
vertical-align:top;
|
||||
border-top:1px dotted #d3d3d3;
|
||||
padding: 0 0 26px 0;
|
||||
margin: 0;
|
||||
width: 167px;
|
||||
}
|
||||
|
||||
.data-dotted td {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.data-col1 {
|
||||
text-align: left;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.data-col1 tr td {
|
||||
padding:0 0 6px 24px;
|
||||
}
|
||||
|
||||
.data-col1 tr:first-child td {
|
||||
padding:22px 0 0 24px;
|
||||
}
|
||||
|
||||
.data-col2 {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.data-col2 a:visited {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.data-col5 {
|
||||
table-layout: fixed;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.data-date {
|
||||
padding: 0 0 0 18;
|
||||
letter-spacing: 0.3em;
|
||||
font-size: 8pt;
|
||||
color: #6A6A6A
|
||||
}
|
||||
|
||||
.data-active {
|
||||
font-size: 8pt;
|
||||
letter-spacing: 0.1em;
|
||||
color: #81a64f;
|
||||
padding: 0 0 13 18;
|
||||
}
|
||||
|
||||
.data-suspended {
|
||||
font-size: 8pt;
|
||||
letter-spacing: 0.1em;
|
||||
color: #de5543;
|
||||
padding: 0 0 13 18;
|
||||
}
|
||||
|
||||
.data-controls {
|
||||
float: right;
|
||||
height: 16px;
|
||||
border-left: 1px solid #d3d3d3;
|
||||
font-size: 8pt;
|
||||
padding: 2px 12px 0 6px;
|
||||
letter-spacing: 0.1em;
|
||||
color: #174f82;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.data-controls:hover {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.data-controls:active {
|
||||
background-color: #999
|
||||
}
|
||||
|
||||
.data-controls img {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.data-count {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #f3f3f3;
|
||||
color: #555;
|
||||
font-size: 8pt;
|
||||
margin: 18px 0 0 0;
|
||||
padding: 0 16px 0 0;
|
||||
}
|
||||
|
||||
.chart1 {
|
||||
color:#000;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.chart2 {
|
||||
color: #484243;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
.username {
|
||||
color: #222;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.domain {
|
||||
color: #222;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.cron {
|
||||
color: #222;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.log {
|
||||
color: #222;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.aliases {
|
||||
font-size: 12pt;
|
||||
color: #99a7af;
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.nginx-ext {
|
||||
color: black;
|
||||
vertical-align:top;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.fullname {
|
||||
font-size: 18px;
|
||||
color: #99a7af;
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.counter-name {
|
||||
white-space: nowrap;
|
||||
vertical-align:top;
|
||||
line-height: 1.3em;
|
||||
font-size: 10pt;
|
||||
color: #222;
|
||||
padding: 0 4px 0 0;
|
||||
}
|
||||
|
||||
.cron-counter-name {
|
||||
vertical-align:top;
|
||||
line-height: 0.8em;
|
||||
font-size: 8pt;
|
||||
padding: 4 0 0 0;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.counter-value {
|
||||
vertical-align:top;
|
||||
line-height: 1.2em;
|
||||
font-size: 10pt;
|
||||
color: #222;
|
||||
padding: 0 0 0 4px;
|
||||
}
|
||||
|
||||
.log-counter-value {
|
||||
vertical-align:top;
|
||||
font-size: 12pt;
|
||||
color: #484243;
|
||||
}
|
||||
|
||||
.cron-counter-value {
|
||||
vertical-align:top;
|
||||
line-height: 1.2em;
|
||||
font-size: 12pt;
|
||||
color: #484243;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 12pt;
|
||||
color: #777;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.vst-ok {
|
||||
font-size: 12pt;
|
||||
color: #62a358;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.vst-ok a{
|
||||
color: #58934f;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.vst-ok a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.vst-error {
|
||||
font-size: 12pt;
|
||||
color: #de6c5d;
|
||||
padding: 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.vst-text {
|
||||
color: #222;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.vst-textinput {
|
||||
background-color: #fff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
color: #555;
|
||||
font-size: 18px;
|
||||
padding: 5px;
|
||||
width: 360px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.vst-textinput:hover {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.vst-textinput:focus {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.vst-textinput:disabled {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.vst-input {
|
||||
background-color: #fff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
color: #555;
|
||||
font-size: 14pt;
|
||||
padding: 5px;
|
||||
width: 360px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.vst-input:hover {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.vst-input:focus {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.vst-input:disabled {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.vst-list {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size: 12pt;
|
||||
color: #555;
|
||||
height: 30px;
|
||||
min-width: 136px;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.vst-list {
|
||||
padding-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.vst-checkbox {
|
||||
padding: 5px;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.vst-checkbox:hover {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.button {
|
||||
filter:chroma(color=#000000);
|
||||
cursor: pointer;
|
||||
color: #505050;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding: 2px 16px;
|
||||
width: 108px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
color: #fff;
|
||||
border: 1px solid #f79b44;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.genpass {
|
||||
color: #34536a;
|
||||
font-size: 8pt;
|
||||
padding: 0 5px;
|
||||
letter-spacing: 0.1em;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.genpass:hover {
|
||||
color: #7fa1cb;
|
||||
}
|
||||
|
||||
.genpass:active {
|
||||
background-color: #f79b44;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.vst-advanced {
|
||||
color: #34536a;
|
||||
font-size: 10pt;
|
||||
letter-spacing: 0.1em;
|
||||
text-decoration: none;
|
||||
padding: 0 2px;
|
||||
border-bottom: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.vst-advanced:hover {
|
||||
color: #7fa1cb;
|
||||
}
|
||||
|
||||
.vst-advanced:active {
|
||||
color: #fff;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.fixed{
|
||||
position: fixed;
|
||||
border: none;
|
||||
top: -3px;
|
||||
border-bottom: 1px solid #d3d3d3;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
*html .fixed{
|
||||
position:absolute;
|
||||
position:fixed;
|
||||
_position:absolute;
|
||||
top:0;
|
||||
_top:expression( eval(document.body.scrollTop) + 'px' );
|
||||
}
|
||||
|
||||
#vstobjects{
|
||||
padding-top: 182px;
|
||||
min-height: 370px;
|
||||
}
|
||||
|
||||
.login {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
margin: 80px 0 80px 0;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
text-align: left;
|
||||
vertical-align:top;
|
||||
width: 500px;
|
||||
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
|
||||
}
|
||||
|
||||
.login-box {
|
||||
text-align: left;
|
||||
vertical-align:top;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.login-bottom {
|
||||
color: #ebe9dc;
|
||||
text-align: right;
|
||||
vertical-align:top;
|
||||
width: 500px;
|
||||
height: 50px;
|
||||
background-color: #ebe9dc;
|
||||
padding: 0 8px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vestacp{
|
||||
font-size: 8pt;
|
||||
color: #222;
|
||||
text-align: right;
|
||||
padding: 20px 0 0 0;
|
||||
}
|
||||
|
||||
.error {
|
||||
font-size: 10pt;
|
||||
color: #dE6c5d;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue