UI update

This commit is contained in:
Serghey Rodin 2015-06-03 02:31:03 +03:00
commit 527e4a9a62
139 changed files with 2046 additions and 124 deletions

View 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%; }

View file

@ -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
View 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;
}