mirror of
https://github.com/serghey-rodin/vesta.git
synced 2025-08-14 10:37:39 -07:00
UI update
This commit is contained in:
parent
0f7110b0e7
commit
527e4a9a62
139 changed files with 2046 additions and 124 deletions
8
web/css/jquery.arcticmodal.css
Normal file
8
web/css/jquery.arcticmodal.css
Normal file
|
@ -0,0 +1,8 @@
|
|||
.arcticmodal-overlay,
|
||||
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
|
||||
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
|
||||
*:first-child+html .arcticmodal-container { height: 100% }
|
||||
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
|
||||
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
|
||||
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
|
||||
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }
|
23
web/css/styles.min.css
vendored
23
web/css/styles.min.css
vendored
|
@ -581,6 +581,7 @@ body {
|
|||
|
||||
.body-login {
|
||||
height: auto;
|
||||
padding-top: 10%;
|
||||
/*background: url(/images/edit_bg.png);*/
|
||||
background-color: #eee;
|
||||
}
|
||||
|
@ -1051,17 +1052,17 @@ div.l-content > div.l-separator:nth-of-type(4) {
|
|||
}
|
||||
.l-sort-toolbar .vst {
|
||||
padding: 0 12px;
|
||||
color: #999;
|
||||
color: #777;
|
||||
text-transform: uppercase;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
}
|
||||
.l-sort-toolbar .vst:hover {
|
||||
color: #f79b44;
|
||||
color: #ff6701;
|
||||
}
|
||||
.l-sort-toolbar .vst:active {
|
||||
color: #f72b44;
|
||||
color: #55C9C0;
|
||||
}
|
||||
.l-sort-toolbar .vst.selected {
|
||||
color: #ff6701;
|
||||
|
@ -1223,7 +1224,7 @@ div.l-content > div.l-separator:nth-of-type(4) {
|
|||
}
|
||||
|
||||
.l-sort-toolbar .step-left {
|
||||
padding-left: 45px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.step-right {
|
||||
padding-right: 40px;
|
||||
|
@ -1391,6 +1392,9 @@ div.l-content > div.l-separator:nth-of-type(4) {
|
|||
content: '';
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.actions-panel__col a {
|
||||
line-height: 33px;
|
||||
|
@ -1400,9 +1404,13 @@ div.l-content > div.l-separator:nth-of-type(4) {
|
|||
padding-left: 13px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
padding-right: 36px;
|
||||
}
|
||||
.lang-ru .actions-panel__col a {
|
||||
font-size: 11px;
|
||||
line-height: 31px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
.lang-tw .actions-panel__col a {
|
||||
font-size: 15px;
|
||||
|
@ -2104,6 +2112,11 @@ label {
|
|||
text-shadow: 0 0 0 #555;
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
.vst-list.long-2 {
|
||||
width: 486px;
|
||||
background-position: 502px -604px;
|
||||
}
|
||||
.vst-list option {
|
||||
padding: 6px 1px 6px 15px;
|
||||
}
|
||||
|
@ -2364,7 +2377,7 @@ td.hint {
|
|||
background-color: #fff;
|
||||
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
margin: 10% 0 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
|
|
92
web/css/uploadify.css
Normal file
92
web/css/uploadify.css
Normal file
|
@ -0,0 +1,92 @@
|
|||
/*
|
||||
Uploadify
|
||||
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
|
||||
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
|
||||
*/
|
||||
|
||||
.uploadify {
|
||||
position: relative;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.uploadify-button {
|
||||
background-color: #505050;
|
||||
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #505050),
|
||||
color-stop(1, #707070)
|
||||
);
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
border: 2px solid #808080;
|
||||
color: #FFF;
|
||||
font: bold 12px Arial, Helvetica, sans-serif;
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
|
||||
width: 100%;
|
||||
}
|
||||
.uploadify:hover .uploadify-button {
|
||||
background-color: #606060;
|
||||
background-image: linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #606060),
|
||||
color-stop(1, #808080)
|
||||
);
|
||||
background-position: center bottom;
|
||||
}
|
||||
.uploadify-button.disabled {
|
||||
background-color: #D0D0D0;
|
||||
color: #808080;
|
||||
}
|
||||
.uploadify-queue {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.uploadify-queue-item {
|
||||
background-color: #F5F5F5;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
font: 11px Verdana, Geneva, sans-serif;
|
||||
margin-top: 5px;
|
||||
max-width: 350px;
|
||||
padding: 10px;
|
||||
}
|
||||
.uploadify-error {
|
||||
background-color: #FDE5DD !important;
|
||||
}
|
||||
.uploadify-queue-item .cancel a {
|
||||
background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
|
||||
float: right;
|
||||
height: 16px;
|
||||
text-indent: -9999px;
|
||||
width: 16px;
|
||||
}
|
||||
.uploadify-queue-item.completed {
|
||||
background-color: #E5E5E5;
|
||||
}
|
||||
.uploadify-progress {
|
||||
background-color: #E5E5E5;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.uploadify-progress-bar {
|
||||
background-color: #0099FF;
|
||||
height: 3px;
|
||||
width: 1px;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue