mirror of
https://github.com/myvesta/vesta
synced 2025-08-19 21:04:07 -07:00
new background for edit pages
This commit is contained in:
Serghey Rodin
parent
63770211f4
commit
f6926670fe
1 changed files with 83 additions and 43 deletions
126
web/css/main.css
126
web/css/main.css
|
|
@ -23,6 +23,14 @@ label {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
label:hover {
|
||||||
|
color: #469DC5;
|
||||||
|
}
|
||||||
|
|
||||||
|
label:active {
|
||||||
|
color: #F79B44;
|
||||||
|
}
|
||||||
|
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -35,7 +43,6 @@ label {
|
||||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10);
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.top .nav-logo .logo-container{
|
.top .nav-logo .logo-container{
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: 167px;
|
width: 167px;
|
||||||
|
|
@ -113,7 +120,7 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-user:hover {
|
.top-user:hover {
|
||||||
color: #fff;
|
color: #6DB8D3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-user:active {
|
.top-user:active {
|
||||||
|
|
@ -189,7 +196,8 @@ label {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #4a82be;
|
color: #3A89AE;
|
||||||
|
/* color: #1677A5;*/
|
||||||
height: 108px;
|
height: 108px;
|
||||||
width: 119px;
|
width: 119px;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
@ -263,10 +271,10 @@ label {
|
||||||
line-height: 1.4em;
|
line-height: 1.4em;
|
||||||
font-size: 9pt;
|
font-size: 9pt;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
color: #333;
|
// color: #333;
|
||||||
|
color: #666;
|
||||||
decoration: none;
|
decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: 0.8;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu {
|
.submenu {
|
||||||
|
|
@ -355,8 +363,8 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-button-main:hover {
|
.submenu-button-main:hover {
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #6DB8D3;
|
||||||
background-color: #adaeae;
|
background-color: #6DB8D3;
|
||||||
|
|
||||||
-webkit-transition: background .1s ease-in-out;
|
-webkit-transition: background .1s ease-in-out;
|
||||||
-moz-transition: background .1s ease-in-out;
|
-moz-transition: background .1s ease-in-out;
|
||||||
|
|
@ -365,16 +373,15 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-button-select:hover {
|
.submenu-button-select:hover {
|
||||||
border: 1px solid #adaeae;
|
border: 1px solid #6DB8D3;
|
||||||
background-color: #adaeae;
|
background-color: #6DB8D3;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-button-search:hover {
|
.submenu-button-search:hover {
|
||||||
border: 1px solid #adaeae;
|
border: 1px solid #6DB8D3;
|
||||||
background-color: #adaeae;
|
background-color: #6DB8D3;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-button-main:active {
|
.submenu-button-main:active {
|
||||||
|
|
@ -384,14 +391,13 @@ label {
|
||||||
|
|
||||||
.submenu-button-select:active {
|
.submenu-button-select:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: 1px solid #f79b44;
|
border: 1px solid #ccc;
|
||||||
background-color: #f79b44;
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-button-search:active {
|
.submenu-button-search:active {
|
||||||
color: #fff;
|
border: 1px solid #ccc;
|
||||||
border: 1px solid #f79b44;
|
background-color: #ccc;
|
||||||
background-color: #f79b44;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-select-block {
|
.submenu-select-block {
|
||||||
|
|
@ -432,7 +438,7 @@ label {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 3px 3px 3px 3px;
|
border-radius: 3px 3px 3px 3px;
|
||||||
padding: 4px 5px;
|
padding: 0px 0px 2px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -464,7 +470,7 @@ label {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0px 3px 0px 3px;
|
padding: 0px 5px 0px 5px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
width: 232px;
|
width: 232px;
|
||||||
margin: 0 4px 0 0;
|
margin: 0 4px 0 0;
|
||||||
|
|
@ -511,8 +517,8 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.vst {
|
.vst {
|
||||||
padding: 5px 7px 0 7px;
|
padding: 0px 2px 0 2px;
|
||||||
margin: 0;
|
margin: 5px 7px 0 7px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #999;
|
color: #999;
|
||||||
font-size: 11pt;
|
font-size: 11pt;
|
||||||
|
|
@ -520,6 +526,7 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.vst:hover {
|
.vst:hover {
|
||||||
|
color: #f79b44;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -587,10 +594,14 @@ label {
|
||||||
|
|
||||||
.data-add {
|
.data-add {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: #f7f6ed;
|
background-color: #eceff1;
|
||||||
border-bottom: 1px solid #e9e9e9;
|
border-bottom: 1px solid #e9e9e9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode-add .data-add {
|
||||||
|
background-color: #f7f6ed;
|
||||||
|
}
|
||||||
|
|
||||||
.data-dotted {
|
.data-dotted {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
vertical-align:top;
|
vertical-align:top;
|
||||||
|
|
@ -632,7 +643,7 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.data-date {
|
.data-date {
|
||||||
letter-spacing: 0.3em;
|
letter-spacing: 0.1em;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
@ -672,6 +683,10 @@ label {
|
||||||
border-left: 1px solid #f79b44;
|
border-left: 1px solid #f79b44;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.data-controls.do_delete:hover {
|
||||||
|
background-color: #FF6947;
|
||||||
|
}
|
||||||
|
|
||||||
.data-controls:active {
|
.data-controls:active {
|
||||||
background-color: #999;
|
background-color: #999;
|
||||||
}
|
}
|
||||||
|
|
@ -778,7 +793,7 @@ label {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
color: #222;
|
color: #666;
|
||||||
padding: 2px 4px 1px 0;
|
padding: 2px 4px 1px 0;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
@ -788,28 +803,28 @@ label {
|
||||||
line-height: 0.8em;
|
line-height: 0.8em;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
padding: 4px 0 0 0;
|
padding: 4px 0 0 0;
|
||||||
color: #222;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.counter-value {
|
.counter-value {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
color: #222;
|
color: #555;
|
||||||
padding: 2px 0 1px 2px;
|
padding: 2px 0 1px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.log-counter-value {
|
.log-counter-value {
|
||||||
vertical-align:top;
|
vertical-align:top;
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
color: #484243;
|
color: #7E7D7F;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cron-counter-value {
|
.cron-counter-value {
|
||||||
vertical-align:top;
|
vertical-align:top;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
color: #484243;
|
color: #7E7D7F;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
|
|
@ -826,6 +841,7 @@ label {
|
||||||
|
|
||||||
.vst-ok a {
|
.vst-ok a {
|
||||||
color: #33691e;
|
color: #33691e;
|
||||||
|
color: #558b2f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vst-ok a:hover {
|
.vst-ok a:hover {
|
||||||
|
|
@ -855,6 +871,7 @@ label {
|
||||||
width: 360px;
|
width: 360px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
font-family:Arial, Helvetica, sans-serif;
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
|
padding: 9px 1px 6px 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vst-textinput:hover {
|
.vst-textinput:hover {
|
||||||
|
|
@ -877,10 +894,11 @@ label {
|
||||||
border-radius: 3px 3px 3px 3px;
|
border-radius: 3px 3px 3px 3px;
|
||||||
color: #555;
|
color: #555;
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
padding: 5px;
|
padding: 7px 3px 9px 14px;
|
||||||
width: 360px;
|
width: 360px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
margin: 2px 6px 0 0;
|
margin: 2px 6px 0 0;
|
||||||
|
font-family: Arial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vst-input:hover {
|
.vst-input:hover {
|
||||||
|
|
@ -905,16 +923,23 @@ label {
|
||||||
font-family:Arial, Helvetica, sans-serif;
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
color: #555;
|
color: #555;
|
||||||
height: 30px;
|
height: 43px;
|
||||||
min-width: 138px;
|
min-width: 138px;
|
||||||
margin: 2px 6px 0 0;
|
margin: 2px 6px 0 0;
|
||||||
|
padding: 8px 1px 6px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vst-list option {
|
||||||
|
padding: 6px 1px 6px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
@-moz-document url-prefix() {
|
@-moz-document url-prefix() {
|
||||||
.vst-list {
|
.vst-list {
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
.vst-checkbox {
|
.vst-checkbox {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
@ -943,8 +968,11 @@ label {
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: 1px solid #999;
|
border: 1px solid #6DB8D3;
|
||||||
background-color: #999;
|
background-color: #6DB8D3;
|
||||||
|
// font-size: 14px;
|
||||||
|
// line-height: 28px;
|
||||||
|
// color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:active {
|
.button:active {
|
||||||
|
|
@ -983,9 +1011,11 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.generate {
|
.generate {
|
||||||
color: #2361a1;
|
color: #3A89AE;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
margin-left: -3px;
|
||||||
|
padding: 0 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.generate:hover {
|
.generate:hover {
|
||||||
|
|
@ -998,7 +1028,7 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.vst-advanced {
|
.vst-advanced {
|
||||||
color: #2361a1;
|
color: #3A89AE;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
letter-spacing: 0.1em;
|
letter-spacing: 0.1em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -1075,8 +1105,9 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.hint {
|
.hint {
|
||||||
font-size: 14pt;
|
font-size: 12pt;
|
||||||
color: #7fa1cb;
|
color: #777;
|
||||||
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-top {
|
.step-top {
|
||||||
|
|
@ -1096,7 +1127,7 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.additional-control {
|
.additional-control {
|
||||||
margin-left: 20px;
|
margin-left: 17px;
|
||||||
color: #2361a1;
|
color: #2361a1;
|
||||||
border-bottom: 1px solid #f79b44;
|
border-bottom: 1px solid #f79b44;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
|
|
@ -1105,12 +1136,21 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.additional-control:hover {
|
.additional-control:hover {
|
||||||
color: #7fa1cb;
|
background-color: #f79b44;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.additional-control:active {
|
.additional-control:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #f79b44;
|
background-color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.additional-control.do_delete:hover{
|
||||||
|
background-color: #FF6D3C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.additional-control.do_delete:active{
|
||||||
|
background-color: #aaa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ftp-path-prefix {
|
.ftp-path-prefix {
|
||||||
|
|
@ -1129,7 +1169,7 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
.timer-container .refresh-timer {
|
.timer-container .refresh-timer {
|
||||||
border: 2px solid #c0d4a6;
|
border: 2px solid #9f9f9f;
|
||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
width: 14px;
|
width: 14px;
|
||||||
|
|
@ -1144,7 +1184,7 @@ label {
|
||||||
|
|
||||||
.timer-container .refresh-timer.paused .loader-half.right,
|
.timer-container .refresh-timer.paused .loader-half.right,
|
||||||
.timer-container .refresh-timer.paused .loader-half.dark{
|
.timer-container .refresh-timer.paused .loader-half.dark{
|
||||||
background-color: #9F9F9F;
|
background-color: #9d9f9f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.timer-container .loader-half {
|
.timer-container .loader-half {
|
||||||
|
|
@ -1161,11 +1201,11 @@ label {
|
||||||
|
|
||||||
.timer-container .loader-half.right {
|
.timer-container .loader-half.right {
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
background-color: #c0d4a6;
|
background-color: #9f9f9f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.timer-container .loader-half.dark{
|
.timer-container .loader-half.dark{
|
||||||
background-color: #c0d4a6;
|
background-color: #9f9f9f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.timer-container .movement{
|
.timer-container .movement{
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue