TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Recompile assets

This commit is contained in:
Luke Towers 2019-01-15 13:35:12 -06:00
parent d6e680799f
commit 2d6b9c76a9
8 changed files with 5099 additions and 23225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5653
modules/backend/assets/css/october.css
View File

File diff suppressed because it is too large Load Diff

155
modules/backend/formwidgets/codeeditor/assets/css/codeeditor.css
View File

@ -1,132 +1,27 @@
.field-codeeditor { .field-codeeditor {width:100%;position:relative;border:2px solid #d1d6d9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
width:100%; .field-codeeditor textarea {opacity:0;filter:alpha(opacity=0)}
position:relative; .field-codeeditor.editor-focus {border:2px solid #d1d6d9}
border:2px solid #d1d6d9; .field-codeeditor.size-tiny {min-height:50px}
-webkit-border-radius:3px; .field-codeeditor.size-small {min-height:100px}
-moz-border-radius:3px; .field-codeeditor.size-large {min-height:200px}
border-radius:3px .field-codeeditor.size-huge {min-height:250px}
} .field-codeeditor.size-giant {min-height:350px}
.field-codeeditor textarea { .field-codeeditor .ace_search {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;color:#333;z-index:13}
opacity:0; .field-codeeditor .editor-code {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
filter:alpha(opacity=0) .field-codeeditor .editor-toolbar {position:absolute;top:-30px;right:35px;z-index:10}
}
.field-codeeditor.editor-focus {
border:2px solid #d1d6d9
}
.field-codeeditor.size-tiny {
min-height:50px
}
.field-codeeditor.size-small {
min-height:100px
}
.field-codeeditor.size-large {
min-height:200px
}
.field-codeeditor.size-huge {
min-height:250px
}
.field-codeeditor.size-giant {
min-height:350px
}
.field-codeeditor .ace_search {
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size:14px;
color:#333;
z-index:13
}
.field-codeeditor .editor-code {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.field-codeeditor .editor-toolbar {
position:absolute;
top:-30px;
right:35px;
z-index:10
}
.field-codeeditor .editor-toolbar >ul, .field-codeeditor .editor-toolbar >ul,
.field-codeeditor .editor-toolbar ul >li { .field-codeeditor .editor-toolbar ul >li {list-style-type:none;padding:0;margin:0}
list-style-type:none; .field-codeeditor .editor-toolbar >ul >li {float:left}
padding:0; .field-codeeditor .editor-toolbar >ul >li .tooltip.left {margin-right:25px}
margin:0 .field-codeeditor .editor-toolbar >ul >li >a {display:block;height:25px;width:25px;color:#666;font-size:20px;text-align:center;text-decoration:none}
} .field-codeeditor .editor-toolbar >ul >li >a >abbr {position:absolute;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.field-codeeditor .editor-toolbar >ul >li { .field-codeeditor .editor-toolbar >ul >li >a >i {opacity:0.7;filter:alpha(opacity=70);display:block}
float:left .field-codeeditor .editor-toolbar >ul >li >a >i:before {font-size:15px}
}
.field-codeeditor .editor-toolbar >ul >li .tooltip.left {
margin-right:25px
}
.field-codeeditor .editor-toolbar >ul >li >a {
display:block;
height:25px;
width:25px;
color:#666;
font-size:20px;
text-align:center;
text-decoration:none
}
.field-codeeditor .editor-toolbar >ul >li >a >abbr {
position:absolute;
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.field-codeeditor .editor-toolbar >ul >li >a >i {
opacity:0.7;
filter:alpha(opacity=70);
display:block
}
.field-codeeditor .editor-toolbar >ul >li >a >i:before {
font-size:15px
}
.field-codeeditor .editor-toolbar >ul >li >a:hover >i, .field-codeeditor .editor-toolbar >ul >li >a:hover >i,
.field-codeeditor .editor-toolbar >ul >li >a:focus >i { .field-codeeditor .editor-toolbar >ul >li >a:focus >i {opacity:1;filter:alpha(opacity=100)}
opacity:1; .field-codeeditor.editor-fullscreen {z-index:301;position:fixed !important;top:0;left:0;height:100%;border-width:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
filter:alpha(opacity=100) .field-codeeditor.editor-fullscreen .editor-code {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
} .field-codeeditor.editor-fullscreen .editor-toolbar {z-index:302;border-radius:0 0 5px 5px;right:25px;background-color:#ddd;border:1px solid #cbcbcb;border-right-color:#cbcbcb;border-right-style:solid;border-right-width:1px;border-top:0 none;max-width:125px;overflow:hidden;margin:0;padding:4px;position:absolute;top:0;white-space:normal}
.field-codeeditor.editor-fullscreen { .field-codeeditor.editor-fullscreen .editor-toolbar >ul >li >a {color:#666}
z-index:301; .field-codeeditor.editor-fullscreen .ace_search {z-index:303}
position:fixed !important; .field-codeeditor .secondary-tabs .editor-toolbar >ul >li >a {color:#fff}
top:0;
left:0;
height:100%;
border-width:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.field-codeeditor.editor-fullscreen .editor-code {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.field-codeeditor.editor-fullscreen .editor-toolbar {
z-index:302;
border-radius:0 0 5px 5px;
right:25px;
background-color:#ddd;
border:1px solid #cbcbcb;
border-right-color:#cbcbcb;
border-right-style:solid;
border-right-width:1px;
border-top:0 none;
max-width:125px;
overflow:hidden;
margin:0;
padding:4px;
position:absolute;
top:0;
white-space:normal
}
.field-codeeditor.editor-fullscreen .editor-toolbar >ul >li >a {
color:#666
}
.field-codeeditor.editor-fullscreen .ace_search {
z-index:303
}
.field-codeeditor .secondary-tabs .editor-toolbar >ul >li >a {
color:#fff
}

946
modules/backend/formwidgets/fileupload/assets/css/fileupload.css
View File

@ -1,817 +1,157 @@
.field-fileupload .upload-object { .field-fileupload .upload-object {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;outline:none;overflow:hidden;display:inline-block;vertical-align:top}
-webkit-border-radius:3px; .field-fileupload .upload-object img {width:100%;height:100%}
-moz-border-radius:3px; .field-fileupload .upload-object .icon-container {display:table;opacity:.6}
border-radius:3px; .field-fileupload .upload-object .icon-container i {color:#95a5a6;display:inline-block}
position:relative; .field-fileupload .upload-object .icon-container div {display:table-cell;text-align:center;vertical-align:middle}
outline:none; .field-fileupload .upload-object .icon-container.image >div.icon-wrapper {display:none}
overflow:hidden; .field-fileupload .upload-object h4 {font-size:13px;color:#2A3E51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:150%;margin:15px 0 5px 0;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s;position:relative}
display:inline-block; .field-fileupload .upload-object h4 a {position:absolute;right:0;top:0;display:none;font-weight:400}
vertical-align:top .field-fileupload .upload-object p.size {font-size:12px;color:#95a5a6}
} .field-fileupload .upload-object p.size strong {font-weight:400}
.field-fileupload .upload-object img { .field-fileupload .upload-object .meta .drag-handle {position:absolute;bottom:0;right:0;cursor:move;display:block}
width:100%;
height:100%
}
.field-fileupload .upload-object .icon-container {
display:table;
opacity:.6
}
.field-fileupload .upload-object .icon-container i {
color:#95a5a6;
display:inline-block
}
.field-fileupload .upload-object .icon-container div {
display:table-cell;
text-align:center;
vertical-align:middle
}
.field-fileupload .upload-object .icon-container.image >div.icon-wrapper {
display:none
}
.field-fileupload .upload-object h4 {
font-size:13px;
color:#2A3E51;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:150%;
margin:15px 0 5px 0;
padding-right:0;
-webkit-transition:padding 0.1s;
transition:padding 0.1s;
position:relative
}
.field-fileupload .upload-object h4 a {
position:absolute;
right:0;
top:0;
display:none;
font-weight:400
}
.field-fileupload .upload-object p.size {
font-size:12px;
color:#95a5a6
}
.field-fileupload .upload-object p.size strong {
font-weight:400
}
.field-fileupload .upload-object .meta .drag-handle {
position:absolute;
bottom:0;
right:0;
cursor:move;
display:block
}
.field-fileupload .upload-object .info h4 a, .field-fileupload .upload-object .info h4 a,
.field-fileupload .upload-object .meta a.upload-remove-button, .field-fileupload .upload-object .meta a.upload-remove-button,
.field-fileupload .upload-object .meta a.drag-handle { .field-fileupload .upload-object .meta a.drag-handle {color:#2b3e50;display:none;font-size:13px;text-decoration:none}
color:#2b3e50; .field-fileupload .upload-object .icon-container {position:relative}
display:none; .field-fileupload .upload-object .icon-container:after {background-image:url('../../../../../system/assets/ui/images/loader-transparent.svg');position:absolute;content:' ';width:40px;height:40px;left:50%;top:50%;margin-top:-20px;margin-left:-20px;display:block;background-size:40px 40px;background-position:50% 50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
font-size:13px; .field-fileupload .upload-object.is-success .icon-container {opacity:1}
text-decoration:none .field-fileupload .upload-object.is-success .icon-container:after {opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
} .field-fileupload .upload-object.is-error .icon-container:after {content:"";background:none;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f071";-webkit-animation:none;animation:none;font-size:40px;color:#ab2a1c;margin-top:-20px;margin-left:-20px;text-shadow:2px 2px 0 #fff}
.field-fileupload .upload-object .icon-container { .field-fileupload .upload-object.is-loading .icon-container {opacity:.6}
position:relative .field-fileupload .upload-object.is-loading .icon-container:after {opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
} .field-fileupload .upload-object.is-success {cursor:pointer}
.field-fileupload .upload-object .icon-container:after { .field-fileupload .upload-object.is-success .progress-bar {opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
background-image:url('../../../../../system/assets/ui/images/loader-transparent.svg');
position:absolute;
content:' ';
width:40px;
height:40px;
left:50%;
top:50%;
margin-top:-20px;
margin-left:-20px;
display:block;
background-size:40px 40px;
background-position:50% 50%;
-webkit-animation:spin 1s linear infinite;
animation:spin 1s linear infinite
}
.field-fileupload .upload-object.is-success .icon-container {
opacity:1
}
.field-fileupload .upload-object.is-success .icon-container:after {
opacity:0;
-webkit-transition:opacity 0.3s ease;
transition:opacity 0.3s ease
}
.field-fileupload .upload-object.is-error .icon-container:after {
content:"";
background:none;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
*margin-right:.3em;
content:"\f071";
-webkit-animation:none;
animation:none;
font-size:40px;
color:#ab2a1c;
margin-top:-20px;
margin-left:-20px;
text-shadow:2px 2px 0 #fff
}
.field-fileupload .upload-object.is-loading .icon-container {
opacity:.6
}
.field-fileupload .upload-object.is-loading .icon-container:after {
opacity:1;
-webkit-transition:opacity 0.3s ease;
transition:opacity 0.3s ease
}
.field-fileupload .upload-object.is-success {
cursor:pointer
}
.field-fileupload .upload-object.is-success .progress-bar {
opacity:0;
-webkit-transition:opacity 0.3s ease;
transition:opacity 0.3s ease
}
.field-fileupload .upload-object.is-success:hover h4 a, .field-fileupload .upload-object.is-success:hover h4 a,
.field-fileupload .upload-object.is-success:hover .meta .upload-remove-button, .field-fileupload .upload-object.is-success:hover .meta .upload-remove-button,
.field-fileupload .upload-object.is-success:hover .meta .drag-handle { .field-fileupload .upload-object.is-success:hover .meta .drag-handle {display:block}
display:block .field-fileupload .upload-object.is-error {cursor:pointer}
} .field-fileupload .upload-object.is-error .icon-container {opacity:1}
.field-fileupload .upload-object.is-error {
cursor:pointer
}
.field-fileupload .upload-object.is-error .icon-container {
opacity:1
}
.field-fileupload .upload-object.is-error .icon-container >img, .field-fileupload .upload-object.is-error .icon-container >img,
.field-fileupload .upload-object.is-error .icon-container >i { .field-fileupload .upload-object.is-error .icon-container >i {opacity:.5}
opacity:.5 .field-fileupload .upload-object.is-error .info h4 {color:#ab2a1c}
} .field-fileupload .upload-object.is-error .info h4 a {display:none}
.field-fileupload .upload-object.is-error .info h4 { .field-fileupload .upload-object.is-error .meta {display:none}
color:#ab2a1c .field-fileupload.is-sortable {position:relative}
} .field-fileupload.is-sortable .upload-placeholder {position:relative;border:1px dotted #e0e0e0 !important}
.field-fileupload .upload-object.is-error .info h4 a { .field-fileupload.is-sortable .upload-object.dragged {position:absolute;opacity:0.5;filter:alpha(opacity=50);z-index:2000}
display:none .field-fileupload.is-sortable .upload-object.dragged .uploader-toolbar {display:none}
}
.field-fileupload .upload-object.is-error .meta {
display:none
}
.field-fileupload.is-sortable {
position:relative
}
.field-fileupload.is-sortable .upload-placeholder {
position:relative;
border:1px dotted #e0e0e0 !important
}
.field-fileupload.is-sortable .upload-object.dragged {
position:absolute;
opacity:0.5;
filter:alpha(opacity=50);
z-index:2000
}
.field-fileupload.is-sortable .upload-object.dragged .uploader-toolbar {
display:none
}
.field-fileupload.is-preview .upload-button, .field-fileupload.is-preview .upload-button,
.field-fileupload.is-preview .upload-remove-button, .field-fileupload.is-preview .upload-remove-button,
.field-fileupload.is-preview .meta a.drag-handle { .field-fileupload.is-preview .meta a.drag-handle {display:none !important}
display:none !important @media (max-width:1024px) {.field-fileupload .upload-object.is-success h4 a,.field-fileupload .upload-object.is-success .meta .upload-remove-button,.field-fileupload .upload-object.is-success .meta .drag-handle {display:block !important }}
} .fileupload-config-form .fileupload-url-button {padding-left:0}
@media (max-width:1024px) { .fileupload-config-form .fileupload-url-button >i {color:#666}
.field-fileupload .upload-object.is-success h4 a, .fileupload-config-form .file-upload-modal-image-header {background-color:#FEFEFE;background-image:-webkit-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-webkit-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:-moz-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-moz-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:-o-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-o-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:-ms-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-ms-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;background-position:0 0,10px 10px}
.field-fileupload .upload-object.is-success .meta .upload-remove-button,
.field-fileupload .upload-object.is-success .meta .drag-handle {
display:block !important
}
}
.fileupload-config-form .fileupload-url-button {
padding-left:0
}
.fileupload-config-form .fileupload-url-button >i {
color:#666
}
.fileupload-config-form .file-upload-modal-image-header {
background-color:#FEFEFE;
background-image:-webkit-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-webkit-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);
background-image:-moz-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-moz-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);
background-image:-o-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-o-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);
background-image:-ms-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-ms-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);
background-image:linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);
-webkit-background-size:20px 20px;
-moz-background-size:20px 20px;
background-size:20px 20px;
background-position:0 0,10px 10px
}
.fileupload-config-form .file-upload-modal-image-header, .fileupload-config-form .file-upload-modal-image-header,
.fileupload-config-form .file-upload-modal-image-header img { .fileupload-config-form .file-upload-modal-image-header img {border-top-right-radius:2px;border-top-left-radius:2px}
border-top-right-radius:2px; .fileupload-config-form .file-upload-modal-image-header .close {position:absolute;top:20px;right:20px;background:#BDC3C7;opacity:.7;height:24px;width:22px}
border-top-left-radius:2px
}
.fileupload-config-form .file-upload-modal-image-header .close {
position:absolute;
top:20px;
right:20px;
background:#BDC3C7;
opacity:.7;
height:24px;
width:22px
}
.fileupload-config-form .file-upload-modal-image-header .close:hover, .fileupload-config-form .file-upload-modal-image-header .close:hover,
.fileupload-config-form .file-upload-modal-image-header .close:focus { .fileupload-config-form .file-upload-modal-image-header .close:focus {opacity:.9}
opacity:.9 .fileupload-config-form .file-upload-modal-image-header + .modal-body {padding-top:20px}
}
.fileupload-config-form .file-upload-modal-image-header + .modal-body {
padding-top:20px
}
.field-fileupload.style-image-multi .upload-button, .field-fileupload.style-image-multi .upload-button,
.field-fileupload.style-image-multi .upload-object { .field-fileupload.style-image-multi .upload-object {margin:0 10px 10px 0}
margin:0 10px 10px 0 .field-fileupload.style-image-multi .upload-button {display:block;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;float:left;width:76px;height:76px}
} .field-fileupload.style-image-multi .upload-button .upload-button-icon {position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px}
.field-fileupload.style-image-multi .upload-button { .field-fileupload.style-image-multi .upload-button .upload-button-icon:before {text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:#BDC3C7}
display:block; .field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon {width:34px;height:34px;top:50%;left:50%;margin-top:-17px;margin-left:-17px}
border:2px dashed #BDC3C7; .field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon:before {font-size:34px;height:24px;width:24px;line-height:24px}
background-clip:content-box; .field-fileupload.style-image-multi .upload-button:hover {border:2px dashed #1F99DC}
background-color:#F9F9F9; .field-fileupload.style-image-multi .upload-button:hover .upload-button-icon:before {color:#1F99DC}
position:relative; .field-fileupload.style-image-multi .upload-button:focus {border:2px dashed #1F99DC}
outline:none; .field-fileupload.style-image-multi .upload-button:focus .upload-button-icon:before {color:#1F99DC}
float:left; .field-fileupload.style-image-multi .upload-files-container {margin-left:90px}
width:76px; .field-fileupload.style-image-multi .upload-object {background:#fff;border:1px solid #ecf0f1;width:260px}
height:76px .field-fileupload.style-image-multi .upload-object .progress-bar {display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;bottom:10px;left:0}
} .field-fileupload.style-image-multi .upload-object .progress-bar .upload-progress {float:left;width:0%;height:100%;line-height:5px;color:#fff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
.field-fileupload.style-image-multi .upload-button .upload-button-icon { .field-fileupload.style-image-multi .upload-object .icon-container {border-right:1px solid #f6f8f9;float:left;display:inline-block;overflow:hidden;width:75px;height:75px}
position:absolute; .field-fileupload.style-image-multi .upload-object .icon-container i {font-size:35px}
width:22px; .field-fileupload.style-image-multi .upload-object .icon-container.image img {border-bottom-left-radius:3px;border-top-left-radius:3px;width:auto}
height:22px; .field-fileupload.style-image-multi .upload-object .info {margin-left:90px}
top:50%; .field-fileupload.style-image-multi .upload-object .info h4 {padding-right:15px}
left:50%; .field-fileupload.style-image-multi .upload-object .info h4 a {right:15px}
margin-top:-11px; .field-fileupload.style-image-multi .upload-object .meta {position:absolute;bottom:0;left:0;right:0;margin:0 15px 0 90px}
margin-left:-11px .field-fileupload.style-image-multi .upload-object .meta a.drag-handle {bottom:15px}
} .field-fileupload.style-image-multi .upload-object.upload-placeholder {height:75px;background-color:transparent}
.field-fileupload.style-image-multi .upload-button .upload-button-icon:before { .field-fileupload.style-image-multi .upload-object.upload-placeholder:after {opacity:0}
text-align:center; .field-fileupload.style-image-multi .upload-object:hover {background:#4da7e8 !important}
display:block;
font-size:22px;
height:22px;
width:22px;
line-height:22px;
color:#BDC3C7
}
.field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon {
width:34px;
height:34px;
top:50%;
left:50%;
margin-top:-17px;
margin-left:-17px
}
.field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon:before {
font-size:34px;
height:24px;
width:24px;
line-height:24px
}
.field-fileupload.style-image-multi .upload-button:hover {
border:2px dashed #1F99DC
}
.field-fileupload.style-image-multi .upload-button:hover .upload-button-icon:before {
color:#1F99DC
}
.field-fileupload.style-image-multi .upload-button:focus {
border:2px dashed #1F99DC
}
.field-fileupload.style-image-multi .upload-button:focus .upload-button-icon:before {
color:#1F99DC
}
.field-fileupload.style-image-multi .upload-files-container {
margin-left:90px
}
.field-fileupload.style-image-multi .upload-object {
background:#fff;
border:1px solid #ecf0f1;
width:260px
}
.field-fileupload.style-image-multi .upload-object .progress-bar {
display:block;
width:100%;
overflow:hidden;
height:5px;
background-color:#f5f5f5;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
position:absolute;
bottom:10px;
left:0
}
.field-fileupload.style-image-multi .upload-object .progress-bar .upload-progress {
float:left;
width:0;
height:100%;
line-height:5px;
color:#fff;
background-color:#5fb6f5;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:width 0.6s ease;
transition:width 0.6s ease
}
.field-fileupload.style-image-multi .upload-object .icon-container {
border-right:1px solid #f6f8f9;
float:left;
display:inline-block;
overflow:hidden;
width:75px;
height:75px
}
.field-fileupload.style-image-multi .upload-object .icon-container i {
font-size:35px
}
.field-fileupload.style-image-multi .upload-object .icon-container.image img {
border-bottom-left-radius:3px;
border-top-left-radius:3px;
width:auto
}
.field-fileupload.style-image-multi .upload-object .info {
margin-left:90px
}
.field-fileupload.style-image-multi .upload-object .info h4 {
padding-right:15px
}
.field-fileupload.style-image-multi .upload-object .info h4 a {
right:15px
}
.field-fileupload.style-image-multi .upload-object .meta {
position:absolute;
bottom:0;
left:0;
right:0;
margin:0 15px 0 90px
}
.field-fileupload.style-image-multi .upload-object .meta a.drag-handle {
bottom:15px
}
.field-fileupload.style-image-multi .upload-object.upload-placeholder {
height:75px;
background-color:transparent
}
.field-fileupload.style-image-multi .upload-object.upload-placeholder:after {
opacity:0
}
.field-fileupload.style-image-multi .upload-object:hover {
background:#4da7e8 !important
}
.field-fileupload.style-image-multi .upload-object:hover i, .field-fileupload.style-image-multi .upload-object:hover i,
.field-fileupload.style-image-multi .upload-object:hover p.size { .field-fileupload.style-image-multi .upload-object:hover p.size {color:#ecf0f1}
color:#ecf0f1 .field-fileupload.style-image-multi .upload-object:hover h4 {color:white}
} .field-fileupload.style-image-multi .upload-object:hover .icon-container {border-right-color:#4da7e8 !important}
.field-fileupload.style-image-multi .upload-object:hover h4 { .field-fileupload.style-image-multi .upload-object:hover h4 {padding-right:35px}
color:white .field-fileupload.style-image-multi.is-preview .upload-files-container {margin-left:0}
} .form-sidebar .field-fileupload.style-image-multi .upload-files-container {margin-left:0}
.field-fileupload.style-image-multi .upload-object:hover .icon-container { .form-sidebar .field-fileupload.style-image-multi .upload-button {width:100%}
border-right-color:#4da7e8 !important @media (max-width:1280px) {.field-fileupload.style-image-multi .upload-object {width:230px }}
} @media (max-width:1024px) {.field-fileupload.style-image-multi .upload-button {width:100% }.field-fileupload.style-image-multi .upload-files-container {margin-left:0 }.field-fileupload.style-image-multi .upload-object {margin-right:0;display:block;width:auto }}
.field-fileupload.style-image-multi .upload-object:hover h4 { .field-fileupload.style-image-single.is-populated .upload-button {display:none}
padding-right:35px .field-fileupload.style-image-single .upload-button {display:block;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;min-height:100px;min-width:100px}
} .field-fileupload.style-image-single .upload-button .upload-button-icon {position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px}
.field-fileupload.style-image-multi.is-preview .upload-files-container { .field-fileupload.style-image-single .upload-button .upload-button-icon:before {text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:#BDC3C7}
margin-left:0 .field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon {width:34px;height:34px;top:50%;left:50%;margin-top:-17px;margin-left:-17px}
} .field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon:before {font-size:34px;height:24px;width:24px;line-height:24px}
.form-sidebar .field-fileupload.style-image-multi .upload-files-container { .field-fileupload.style-image-single .upload-button:hover {border:2px dashed #1F99DC}
margin-left:0 .field-fileupload.style-image-single .upload-button:hover .upload-button-icon:before {color:#1F99DC}
} .field-fileupload.style-image-single .upload-button:focus {border:2px dashed #1F99DC}
.form-sidebar .field-fileupload.style-image-multi .upload-button { .field-fileupload.style-image-single .upload-button:focus .upload-button-icon:before {color:#1F99DC}
width:100% .field-fileupload.style-image-single .upload-object {padding-bottom:66px}
} .field-fileupload.style-image-single .upload-object .icon-container {border:1px solid #f6f8f9;background:rgba(255,255,255,0.5)}
@media (max-width:1280px) { .field-fileupload.style-image-single .upload-object .icon-container.image img {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;max-width:100%;height:auto;min-height:100px;min-width:100px}
.field-fileupload.style-image-multi .upload-object { .field-fileupload.style-image-single .upload-object .progress-bar {display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;bottom:10px;left:0}
width:230px .field-fileupload.style-image-single .upload-object .progress-bar .upload-progress {float:left;width:0%;height:100%;line-height:5px;color:#fff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
} .field-fileupload.style-image-single .upload-object .info {position:absolute;left:0;right:0;bottom:0;height:66px}
} .field-fileupload.style-image-single .upload-object .meta {position:absolute;bottom:65px;left:0;right:0;margin:0 15px}
@media (max-width:1024px) { .field-fileupload.style-image-single .upload-object:hover h4 {padding-right:20px}
.field-fileupload.style-image-multi .upload-button { @media (max-width:1024px) {.field-fileupload.style-image-single .upload-object h4 {padding-right:20px !important }}
width:100% .field-fileupload.style-file-multi .upload-button {margin-bottom:10px}
} .field-fileupload.style-file-multi .upload-files-container {border:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-bottom:none;display:none}
.field-fileupload.style-image-multi .upload-files-container { .field-fileupload.style-file-multi.is-populated .upload-files-container {display:block}
margin-left:0 .field-fileupload.style-file-multi .upload-object {display:block;width:100%;border-bottom:1px solid #eee;padding-left:10px}
} .field-fileupload.style-file-multi .upload-object:nth-child(even) {background-color:#f5f5f5}
.field-fileupload.style-image-multi .upload-object { .field-fileupload.style-file-multi .upload-object .icon-container {position:absolute;top:0;left:10px;width:15px;padding:11px 7px}
margin-right:0; .field-fileupload.style-file-multi .upload-object .icon-container i {line-height:150%;font-size:15px}
display:block; .field-fileupload.style-file-multi .upload-object .icon-container img {display:none}
width:auto .field-fileupload.style-file-multi .upload-object .info {margin-left:35px;margin-right:15%}
}
}
.field-fileupload.style-image-single.is-populated .upload-button {
display:none
}
.field-fileupload.style-image-single .upload-button {
display:block;
border:2px dashed #BDC3C7;
background-clip:content-box;
background-color:#F9F9F9;
position:relative;
outline:none;
min-height:100px;
min-width:100px
}
.field-fileupload.style-image-single .upload-button .upload-button-icon {
position:absolute;
width:22px;
height:22px;
top:50%;
left:50%;
margin-top:-11px;
margin-left:-11px
}
.field-fileupload.style-image-single .upload-button .upload-button-icon:before {
text-align:center;
display:block;
font-size:22px;
height:22px;
width:22px;
line-height:22px;
color:#BDC3C7
}
.field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon {
width:34px;
height:34px;
top:50%;
left:50%;
margin-top:-17px;
margin-left:-17px
}
.field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon:before {
font-size:34px;
height:24px;
width:24px;
line-height:24px
}
.field-fileupload.style-image-single .upload-button:hover {
border:2px dashed #1F99DC
}
.field-fileupload.style-image-single .upload-button:hover .upload-button-icon:before {
color:#1F99DC
}
.field-fileupload.style-image-single .upload-button:focus {
border:2px dashed #1F99DC
}
.field-fileupload.style-image-single .upload-button:focus .upload-button-icon:before {
color:#1F99DC
}
.field-fileupload.style-image-single .upload-object {
padding-bottom:66px
}
.field-fileupload.style-image-single .upload-object .icon-container {
border:1px solid #f6f8f9;
background:rgba(255,255,255,0.5)
}
.field-fileupload.style-image-single .upload-object .icon-container.image img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
display:block;
max-width:100%;
height:auto;
min-height:100px;
min-width:100px
}
.field-fileupload.style-image-single .upload-object .progress-bar {
display:block;
width:100%;
overflow:hidden;
height:5px;
background-color:#f5f5f5;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
position:absolute;
bottom:10px;
left:0
}
.field-fileupload.style-image-single .upload-object .progress-bar .upload-progress {
float:left;
width:0;
height:100%;
line-height:5px;
color:#fff;
background-color:#5fb6f5;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:width 0.6s ease;
transition:width 0.6s ease
}
.field-fileupload.style-image-single .upload-object .info {
position:absolute;
left:0;
right:0;
bottom:0;
height:66px
}
.field-fileupload.style-image-single .upload-object .meta {
position:absolute;
bottom:65px;
left:0;
right:0;
margin:0 15px
}
.field-fileupload.style-image-single .upload-object:hover h4 {
padding-right:20px
}
@media (max-width:1024px) {
.field-fileupload.style-image-single .upload-object h4 {
padding-right:20px !important
}
}
.field-fileupload.style-file-multi .upload-button {
margin-bottom:10px
}
.field-fileupload.style-file-multi .upload-files-container {
border:1px solid #eee;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-bottom:none;
display:none
}
.field-fileupload.style-file-multi.is-populated .upload-files-container {
display:block
}
.field-fileupload.style-file-multi .upload-object {
display:block;
width:100%;
border-bottom:1px solid #eee;
padding-left:10px
}
.field-fileupload.style-file-multi .upload-object:nth-child(even) {
background-color:#f5f5f5
}
.field-fileupload.style-file-multi .upload-object .icon-container {
position:absolute;
top:0;
left:10px;
width:15px;
padding:11px 7px
}
.field-fileupload.style-file-multi .upload-object .icon-container i {
line-height:150%;
font-size:15px
}
.field-fileupload.style-file-multi .upload-object .icon-container img {
display:none
}
.field-fileupload.style-file-multi .upload-object .info {
margin-left:35px;
margin-right:15%
}
.field-fileupload.style-file-multi .upload-object .info h4, .field-fileupload.style-file-multi .upload-object .info h4,
.field-fileupload.style-file-multi .upload-object .info p { .field-fileupload.style-file-multi .upload-object .info p {margin:0;padding:11px 0;font-size:12px;font-weight:normal;line-height:150%;color:#666}
margin:0; .field-fileupload.style-file-multi .upload-object .info h4 {padding-right:15px}
padding:11px 0; .field-fileupload.style-file-multi .upload-object .info h4 a {padding:10px 0;right:15px}
font-size:12px; .field-fileupload.style-file-multi .upload-object .info p.size {position:absolute;top:0;right:0;width:15%;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
font-weight:normal; .field-fileupload.style-file-multi .upload-object .progress-bar {display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;top:18px;left:0}
line-height:150%; .field-fileupload.style-file-multi .upload-object .progress-bar .upload-progress {float:left;width:0%;height:100%;line-height:5px;color:#fff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
color:#666 .field-fileupload.style-file-multi .upload-object .meta {position:absolute;top:0;right:0;margin-right:15px;width:15%}
} .field-fileupload.style-file-multi .upload-object .meta a.drag-handle {top:-2px;bottom:auto;line-height:150%;padding:10px 0}
.field-fileupload.style-file-multi .upload-object .info h4 { .field-fileupload.style-file-multi .upload-object .icon-container:after {width:20px;height:20px;margin-top:-10px;margin-left:-10px;background-size:20px 20px}
padding-right:15px .field-fileupload.style-file-multi .upload-object.is-error .icon-container:after {font-size:20px}
} .field-fileupload.style-file-multi .upload-object.is-success .info p.size {display:block}
.field-fileupload.style-file-multi .upload-object .info h4 a { .field-fileupload.style-file-multi .upload-object.upload-placeholder {height:35px;background-color:transparent}
padding:10px 0; .field-fileupload.style-file-multi .upload-object.upload-placeholder:after {opacity:0}
right:15px .field-fileupload.style-file-multi .upload-object:hover {background:#4da7e8 !important}
}
.field-fileupload.style-file-multi .upload-object .info p.size {
position:absolute;
top:0;
right:0;
width:15%;
display:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.field-fileupload.style-file-multi .upload-object .progress-bar {
display:block;
width:100%;
overflow:hidden;
height:5px;
background-color:#f5f5f5;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
position:absolute;
top:18px;
left:0
}
.field-fileupload.style-file-multi .upload-object .progress-bar .upload-progress {
float:left;
width:0;
height:100%;
line-height:5px;
color:#fff;
background-color:#5fb6f5;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:width 0.6s ease;
transition:width 0.6s ease
}
.field-fileupload.style-file-multi .upload-object .meta {
position:absolute;
top:0;
right:0;
margin-right:15px;
width:15%
}
.field-fileupload.style-file-multi .upload-object .meta a.drag-handle {
top:-2px;
bottom:auto;
line-height:150%;
padding:10px 0
}
.field-fileupload.style-file-multi .upload-object .icon-container:after {
width:20px;
height:20px;
margin-top:-10px;
margin-left:-10px;
background-size:20px 20px
}
.field-fileupload.style-file-multi .upload-object.is-error .icon-container:after {
font-size:20px
}
.field-fileupload.style-file-multi .upload-object.is-success .info p.size {
display:block
}
.field-fileupload.style-file-multi .upload-object.upload-placeholder {
height:35px;
background-color:transparent
}
.field-fileupload.style-file-multi .upload-object.upload-placeholder:after {
opacity:0
}
.field-fileupload.style-file-multi .upload-object:hover {
background:#4da7e8 !important
}
.field-fileupload.style-file-multi .upload-object:hover i, .field-fileupload.style-file-multi .upload-object:hover i,
.field-fileupload.style-file-multi .upload-object:hover p.size { .field-fileupload.style-file-multi .upload-object:hover p.size {color:#ecf0f1}
color:#ecf0f1 .field-fileupload.style-file-multi .upload-object:hover h4 {color:white}
} .field-fileupload.style-file-multi .upload-object:hover .icon-container {border-right-color:#4da7e8 !important}
.field-fileupload.style-file-multi .upload-object:hover h4 { .field-fileupload.style-file-multi .upload-object:hover h4 {padding-right:35px}
color:white @media (max-width:1199px) {.field-fileupload.style-file-multi .info {margin-right:20% !important }.field-fileupload.style-file-multi .info p.size {width:20% !important }.field-fileupload.style-file-multi .meta {width:20% !important }}
} @media (max-width:991px) {.field-fileupload.style-file-multi .upload-object h4 {padding-right:35px !important }.field-fileupload.style-file-multi .info {margin-right:25% !important }.field-fileupload.style-file-multi .info p.size {width:25% !important;padding-right:35px !important }.field-fileupload.style-file-multi .meta {width:25% !important }}
.field-fileupload.style-file-multi .upload-object:hover .icon-container { .field-fileupload.style-file-single {background-color:#fff;border:1px solid #d1d6d9;overflow:hidden;position:relative;padding-right:30px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5)}
border-right-color:#4da7e8 !important .field-fileupload.style-file-single .upload-button {position:absolute;top:50%;margin-top:-44px;height:88px;background:transparent;right:-2px;color:#595959}
} .field-fileupload.style-file-single .upload-button i {font-size:14px}
.field-fileupload.style-file-multi .upload-object:hover h4 { .field-fileupload.style-file-single .upload-button:hover {color:#333}
padding-right:35px .field-fileupload.style-file-single .upload-empty-message {padding:8px 0 8px 11px;font-size:14px}
} .field-fileupload.style-file-single.is-populated .upload-empty-message {display:none}
@media (max-width:1199px) { .field-fileupload.style-file-single .upload-object {display:block;width:100%;padding:7px 0 9px 0}
.field-fileupload.style-file-multi .info { .field-fileupload.style-file-single .upload-object .icon-container {position:absolute;top:0;left:0;width:15px;padding:0 5px;margin:8px 0 0 7px;text-align:center}
margin-right:20% !important .field-fileupload.style-file-single .upload-object .icon-container i {line-height:150%;font-size:15px}
} .field-fileupload.style-file-single .upload-object .icon-container img {display:none}
.field-fileupload.style-file-multi .info p.size { .field-fileupload.style-file-single .upload-object .info {margin-left:34px;margin-right:15%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
width:20% !important
}
.field-fileupload.style-file-multi .meta {
width:20% !important
}
}
@media (max-width:991px) {
.field-fileupload.style-file-multi .upload-object h4 {
padding-right:35px !important
}
.field-fileupload.style-file-multi .info {
margin-right:25% !important
}
.field-fileupload.style-file-multi .info p.size {
width:25% !important;
padding-right:35px !important
}
.field-fileupload.style-file-multi .meta {
width:25% !important
}
}
.field-fileupload.style-file-single {
background-color:#fff;
border:1px solid #d1d6d9;
overflow:hidden;
position:relative;
padding-right:30px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5);
box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5)
}
.field-fileupload.style-file-single .upload-button {
position:absolute;
top:50%;
margin-top:-44px;
height:88px;
background:transparent;
right:-2px;
color:#595959
}
.field-fileupload.style-file-single .upload-button i {
font-size:14px
}
.field-fileupload.style-file-single .upload-button:hover {
color:#333
}
.field-fileupload.style-file-single .upload-empty-message {
padding:8px 0 8px 11px;
font-size:14px
}
.field-fileupload.style-file-single.is-populated .upload-empty-message {
display:none
}
.field-fileupload.style-file-single .upload-object {
display:block;
width:100%;
padding:7px 0 9px 0
}
.field-fileupload.style-file-single .upload-object .icon-container {
position:absolute;
top:0;
left:0;
width:15px;
padding:0 5px;
margin:8px 0 0 7px;
text-align:center
}
.field-fileupload.style-file-single .upload-object .icon-container i {
line-height:150%;
font-size:15px
}
.field-fileupload.style-file-single .upload-object .icon-container img {
display:none
}
.field-fileupload.style-file-single .upload-object .info {
margin-left:34px;
margin-right:15%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.field-fileupload.style-file-single .upload-object .info h4, .field-fileupload.style-file-single .upload-object .info h4,
.field-fileupload.style-file-single .upload-object .info p { .field-fileupload.style-file-single .upload-object .info p {display:inline;margin:0;padding:0;font-size:13px;line-height:150%;color:#666}
display:inline; .field-fileupload.style-file-single .upload-object .info p.size {font-weight:normal}
margin:0; .field-fileupload.style-file-single .upload-object .info p.size:before {content:" - "}
padding:0; .field-fileupload.style-file-single .upload-object .progress-bar {display:block;width:100%;overflow:hidden;height:5px;background-color:#f5f5f5;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:absolute;top:50%;margin-top:-2px;right:5px}
font-size:13px; .field-fileupload.style-file-single .upload-object .progress-bar .upload-progress {float:left;width:0%;height:100%;line-height:5px;color:#fff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}
line-height:150%; .field-fileupload.style-file-single .upload-object .meta {position:absolute;top:50%;margin-top:-44px;height:88px;right:0;width:15%}
color:#666 .field-fileupload.style-file-single .upload-object .meta .upload-remove-button {position:absolute;top:50%;right:0;height:20px;margin-top:-10px;margin-right:10px;z-index:100}
} .field-fileupload.style-file-single .upload-object .icon-container:after {width:20px;height:20px;margin-top:-10px;margin-left:-10px;background-size:20px 20px}
.field-fileupload.style-file-single .upload-object .info p.size { .field-fileupload.style-file-single .upload-object.is-error .icon-container:after {font-size:20px}
font-weight:normal
}
.field-fileupload.style-file-single .upload-object .info p.size:before {
content:" - "
}
.field-fileupload.style-file-single .upload-object .progress-bar {
display:block;
width:100%;
overflow:hidden;
height:5px;
background-color:#f5f5f5;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
position:absolute;
top:50%;
margin-top:-2px;
right:5px
}
.field-fileupload.style-file-single .upload-object .progress-bar .upload-progress {
float:left;
width:0;
height:100%;
line-height:5px;
color:#fff;
background-color:#5fb6f5;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:width 0.6s ease;
transition:width 0.6s ease
}
.field-fileupload.style-file-single .upload-object .meta {
position:absolute;
top:50%;
margin-top:-44px;
height:88px;
right:0;
width:15%
}
.field-fileupload.style-file-single .upload-object .meta .upload-remove-button {
position:absolute;
top:50%;
right:0;
height:20px;
margin-top:-10px;
margin-right:10px;
z-index:100
}
.field-fileupload.style-file-single .upload-object .icon-container:after {
width:20px;
height:20px;
margin-top:-10px;
margin-left:-10px;
background-size:20px 20px
}
.field-fileupload.style-file-single .upload-object.is-error .icon-container:after {
font-size:20px
}

27
modules/backend/formwidgets/nestedform/assets/css/nestedform.css
View File

@ -1,23 +1,6 @@
.nested-form { .nested-form {position:relative;min-height:30px}
position:relative; .nested-form .control-tabs.primary-tabs .nav-tabs {margin:0 !important}
min-height:30px .nested-form.panel-styles {margin-top:5px;padding:1em 1.25em 0 1.25em !important;background:#f5f5f5;border:1px solid #d1d6d9;border-radius:3px;box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5)}
} .nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li.active >a:before {background-color:#f5f5f5;border-color:#f5f5f5}
.nested-form .control-tabs.primary-tabs .nav-tabs {
margin:0 !important
}
.nested-form.panel-styles {
margin-top:5px;
padding:1em 1.25em 0 1.25em !important;
background:#f5f5f5;
border:1px solid #d1d6d9;
border-radius:3px;
box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5)
}
.nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li.active >a:before {
background-color:#f5f5f5;
border-color:#f5f5f5
}
.nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li >a >span.title:before, .nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li >a >span.title:before,
.nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li >a >span.title:after { .nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li >a >span.title:after {background-color:#f5f5f5}
background-color:#f5f5f5
}

262
modules/backend/formwidgets/repeater/assets/css/repeater.css
View File

@ -1,240 +1,54 @@
.field-repeater { .field-repeater {padding-top:5px}
padding-top:5px .field-repeater .field-repeater-items {counter-reset:repeater-index-counter}
}
.field-repeater .field-repeater-items {
counter-reset:repeater-index-counter
}
.field-repeater ul.field-repeater-items, .field-repeater ul.field-repeater-items,
.field-repeater li.field-repeater-item { .field-repeater li.field-repeater-item {padding:0;margin:0;list-style:none}
padding:0; .field-repeater ul.field-repeater-items >li.dragged {opacity:.7;position:absolute;padding-top:15px;padding-right:15px;z-index:2000;background-color:#f9f9f9;border:1px dashed #dbdee0}
margin:0; .field-repeater ul.field-repeater-items >li.dragged .repeater-item-remove {opacity:0}
list-style:none .field-repeater ul.field-repeater-items >li.dragged .repeater-item-collapsed-title {top:5px}
} .field-repeater ul.field-repeater-items >li.placeholder {display:block;position:relative;height:25px;margin-bottom:5px}
.field-repeater ul.field-repeater-items >li.dragged { .field-repeater ul.field-repeater-items >li.placeholder:before {display:block;position:absolute;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f054";color:#d35714;left:-10px;top:8px;z-index:2000}
opacity:.7; .field-repeater li.field-repeater-item {position:relative;margin:0 0 1em 1em !important;padding:1.5em 1.25em 0 1.25em !important;background:#f5f5f5;border:1px solid #d1d6d9;border-radius:3px;box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5);min-height:30px}
position:absolute; .field-repeater li.field-repeater-item:before {color:#bdc3c7;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f111";font-size:8px;position:absolute;left:-18px;top:-2px}
padding-top:15px; .field-repeater li.field-repeater-item:after {counter-increment:repeater-index-counter;content:counter(repeater-index-counter);display:block;position:absolute;font-size:12px;left:-27px;color:#bdc3c7;top:10px;width:24px;text-align:center}
padding-right:15px; .field-repeater li.field-repeater-item.collapsed .field-repeater-form {display:none}
z-index:2000; .field-repeater li.field-repeater-item.collapsed .repeater-item-collapse .repeater-item-collapse-one {-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}
background-color:#f9f9f9; .field-repeater li.field-repeater-item.collapsed .repeater-item-collapsed-title {display:block}
border:1px dashed #dbdee0 .field-repeater li.field-repeater-item .repeater-item-collapsed-title {display:none;position:absolute;font-size:13px;top:50%;left:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
} .field-repeater li.field-repeater-item .field-repeater-form {position:relative;top:-7px}
.field-repeater ul.field-repeater-items >li.dragged .repeater-item-remove {
opacity:0
}
.field-repeater ul.field-repeater-items >li.dragged .repeater-item-collapsed-title {
top:5px
}
.field-repeater ul.field-repeater-items >li.placeholder {
display:block;
position:relative;
height:25px;
margin-bottom:5px
}
.field-repeater ul.field-repeater-items >li.placeholder:before {
display:block;
position:absolute;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
*margin-right:.3em;
content:"\f054";
color:#d35714;
left:-10px;
top:8px;
z-index:2000
}
.field-repeater li.field-repeater-item {
position:relative;
margin:0 0 1em 1em !important;
padding:1.5em 1.25em 0 1.25em !important;
background:#f5f5f5;
border:1px solid #d1d6d9;
border-radius:3px;
box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5);
min-height:30px
}
.field-repeater li.field-repeater-item:before {
color:#bdc3c7;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
*margin-right:.3em;
content:"\f111";
font-size:8px;
position:absolute;
left:-18px;
top:-2px
}
.field-repeater li.field-repeater-item:after {
counter-increment:repeater-index-counter;
content:counter(repeater-index-counter);
display:block;
position:absolute;
font-size:12px;
left:-27px;
color:#bdc3c7;
top:10px;
width:24px;
text-align:center
}
.field-repeater li.field-repeater-item.collapsed .field-repeater-form {
display:none
}
.field-repeater li.field-repeater-item.collapsed .repeater-item-collapse .repeater-item-collapse-one {
-webkit-transform:scale(1,-1);
-ms-transform:scale(1,-1);
transform:scale(1,-1)
}
.field-repeater li.field-repeater-item.collapsed .repeater-item-collapsed-title {
display:block
}
.field-repeater li.field-repeater-item .repeater-item-collapsed-title {
display:none;
position:absolute;
font-size:13px;
top:50%;
left:10px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.field-repeater li.field-repeater-item .field-repeater-form {
position:relative;
top:-7px
}
.field-repeater li.field-repeater-item .field-repeater-form:before, .field-repeater li.field-repeater-item .field-repeater-form:before,
.field-repeater li.field-repeater-item .field-repeater-form:after { .field-repeater li.field-repeater-item .field-repeater-form:after {content:" ";display:table}
content:" "; .field-repeater li.field-repeater-item .field-repeater-form:after {clear:both}
display:table .field-repeater li.field-repeater-item .repeater-item-handle {position:absolute;top:-6px;left:-25px;color:#bdc3c7;background:#f9f9f9;cursor:move;opacity:0;border-radius:999px;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
} .field-repeater li.field-repeater-item .repeater-item-handle:hover {color:#999}
.field-repeater li.field-repeater-item .field-repeater-form:after { .field-repeater li.field-repeater-item .repeater-item-collapse {position:absolute;top:5px;right:30px;z-index:90}
clear:both
}
.field-repeater li.field-repeater-item .repeater-item-handle {
position:absolute;
top:-6px;
left:-25px;
color:#bdc3c7;
background:#f9f9f9;
cursor:move;
opacity:0;
border-radius:999px;
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s
}
.field-repeater li.field-repeater-item .repeater-item-handle:hover {
color:#999
}
.field-repeater li.field-repeater-item .repeater-item-collapse {
position:absolute;
top:5px;
right:30px;
z-index:90
}
.field-repeater li.field-repeater-item .repeater-item-collapse a, .field-repeater li.field-repeater-item .repeater-item-collapse a,
.field-repeater li.field-repeater-item .repeater-item-collapse button { .field-repeater li.field-repeater-item .repeater-item-collapse button {-webkit-transition:transform 0.3s;transition:transform 0.3s;color:#bdc3c7;line-height:20px;display:block;font-size:12px}
-webkit-transition:transform 0.3s;
transition:transform 0.3s;
color:#bdc3c7;
line-height:20px;
display:block;
font-size:12px
}
.field-repeater li.field-repeater-item .repeater-item-collapse a:hover, .field-repeater li.field-repeater-item .repeater-item-collapse a:hover,
.field-repeater li.field-repeater-item .repeater-item-collapse button:hover, .field-repeater li.field-repeater-item .repeater-item-collapse button:hover,
.field-repeater li.field-repeater-item .repeater-item-collapse a:focus, .field-repeater li.field-repeater-item .repeater-item-collapse a:focus,
.field-repeater li.field-repeater-item .repeater-item-collapse button:focus { .field-repeater li.field-repeater-item .repeater-item-collapse button:focus {color:#999;text-decoration:none}
color:#999; .field-repeater li.field-repeater-item .repeater-item-remove {position:absolute;top:4px;right:5px;z-index:90}
text-decoration:none .field-repeater li.field-repeater-item .repeater-item-remove.disabled {display:none}
} .field-repeater li.field-repeater-item .repeater-item-remove.disabled + .repeater-item-collapse {right:7px}
.field-repeater li.field-repeater-item .repeater-item-remove { .field-repeater li.field-repeater-item .repeater-item-remove .close {float:none;display:inline-block}
position:absolute;
top:4px;
right:5px;
z-index:90
}
.field-repeater li.field-repeater-item .repeater-item-remove.disabled {
display:none
}
.field-repeater li.field-repeater-item .repeater-item-remove.disabled + .repeater-item-collapse {
right:7px
}
.field-repeater li.field-repeater-item .repeater-item-remove .close {
float:none;
display:inline-block
}
.field-repeater li.field-repeater-item .repeater-item-collapse, .field-repeater li.field-repeater-item .repeater-item-collapse,
.field-repeater li.field-repeater-item .repeater-item-handle, .field-repeater li.field-repeater-item .repeater-item-handle,
.field-repeater li.field-repeater-item .repeater-item-remove { .field-repeater li.field-repeater-item .repeater-item-remove {width:20px;height:20px;text-align:center}
width:20px;
height:20px;
text-align:center
}
.field-repeater li.field-repeater-item:hover .repeater-item-collapse, .field-repeater li.field-repeater-item:hover .repeater-item-collapse,
.field-repeater li.field-repeater-item:active .repeater-item-collapse, .field-repeater li.field-repeater-item:active .repeater-item-collapse,
.field-repeater li.field-repeater-item:hover .repeater-item-handle, .field-repeater li.field-repeater-item:hover .repeater-item-handle,
.field-repeater li.field-repeater-item:active .repeater-item-handle, .field-repeater li.field-repeater-item:active .repeater-item-handle,
.field-repeater li.field-repeater-item:hover .repeater-item-remove, .field-repeater li.field-repeater-item:hover .repeater-item-remove,
.field-repeater li.field-repeater-item:active .repeater-item-remove { .field-repeater li.field-repeater-item:active .repeater-item-remove {opacity:1}
opacity:1 .field-repeater .field-repeater-add-item {position:relative;margin-top:10px;margin-left:20px;border:2px dotted #e0e0e0;border-radius:5px}
} .field-repeater .field-repeater-add-item:before {color:#bdc3c7;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f067";font-size:16px;position:absolute;left:-23px;top:-11px}
.field-repeater .field-repeater-add-item { .field-repeater .field-repeater-add-item >a {color:#bdc3c7;text-align:center;display:block;text-decoration:none;padding:13px 15px;text-transform:uppercase;font-weight:600;font-size:12px}
position:relative;
margin-top:10px;
margin-left:20px;
border:2px dotted #e0e0e0;
border-radius:5px
}
.field-repeater .field-repeater-add-item:before {
color:#bdc3c7;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
*margin-right:.3em;
content:"\f067";
font-size:16px;
position:absolute;
left:-23px;
top:-11px
}
.field-repeater .field-repeater-add-item >a {
color:#bdc3c7;
text-align:center;
display:block;
text-decoration:none;
padding:13px 15px;
text-transform:uppercase;
font-weight:600;
font-size:12px
}
.field-repeater .field-repeater-add-item:hover, .field-repeater .field-repeater-add-item:hover,
.field-repeater .field-repeater-add-item:focus { .field-repeater .field-repeater-add-item:focus {background-color:#4ea5e0;border-color:transparent}
background-color:#4ea5e0;
border-color:transparent
}
.field-repeater .field-repeater-add-item:hover:before, .field-repeater .field-repeater-add-item:hover:before,
.field-repeater .field-repeater-add-item:focus:before { .field-repeater .field-repeater-add-item:focus:before {color:#999}
color:#999
}
.field-repeater .field-repeater-add-item:hover >a, .field-repeater .field-repeater-add-item:hover >a,
.field-repeater .field-repeater-add-item:focus >a { .field-repeater .field-repeater-add-item:focus >a {color:#fff}
color:#fff .field-repeater .field-repeater-add-item:active {background:#3498db;border-color:transparent}
} .field-repeater .field-repeater-add-item:active >a {color:#fff}
.field-repeater .field-repeater-add-item:active { .field-repeater .field-repeater-add-item.in-progress {border-color:#e0e0e0 !important;background:transparent !important}
background:#3498db;
border-color:transparent
}
.field-repeater .field-repeater-add-item:active >a {
color:#fff
}
.field-repeater .field-repeater-add-item.in-progress {
border-color:#e0e0e0 !important;
background:transparent !important
}

682
modules/backend/widgets/mediamanager/assets/css/mediamanager.css
View File

@ -1,573 +1,127 @@
div[data-control="media-manager"]:focus { div[data-control="media-manager"]:focus {outline:none}
outline:none
}
div[data-control="media-manager"] audio, div[data-control="media-manager"] audio,
div[data-control="media-manager"] video { div[data-control="media-manager"] video {width:100%}
width:100% div[data-control="media-manager"] video {background:#ecf0f1;max-height:225px}
} div[data-control="media-manager"] .media-player-fallback {font-size:13px;color:#95a5a6;background:#ecf0f1;line-height:180%}
div[data-control="media-manager"] video { div[data-control="media-manager"] .media-player-fallback.panel-embedded {padding:20px;margin:-20px -20px 0 -20px}
background:#ecf0f1; div[data-control="media-manager"] .empty-library {padding:20px;text-align:center}
max-height:225px div[data-control="media-manager"] p.thumbnail-error-message {font-size:12px;margin:10px;line-height:160%;color:#bdc3c7}
} div[data-control="media-manager"] .media-list {padding:0 0 0 20px;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
div[data-control="media-manager"] .media-player-fallback { div[data-control="media-manager"] .media-list li {display:inline-block;vertical-align:top;margin:0 20px 20px 0;overflow:hidden;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
font-size:13px; div[data-control="media-manager"] .media-list li:focus {outline:none}
color:#95a5a6; div[data-control="media-manager"] .media-list li .icon-container {display:table}
background:#ecf0f1; div[data-control="media-manager"] .media-list li .icon-container i {color:#95a5a6;display:inline-block}
line-height:180% div[data-control="media-manager"] .media-list li .icon-container div {display:table-cell;text-align:center;vertical-align:middle}
} div[data-control="media-manager"] .media-list li .icon-container.image >div.icon-wrapper {display:none}
div[data-control="media-manager"] .media-player-fallback.panel-embedded { div[data-control="media-manager"] .media-list li h4 {font-weight:600;font-size:13px;color:#2b3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:150%;margin:15px 0 5px 0;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s;position:relative}
padding:20px; div[data-control="media-manager"] .media-list li h4 a {position:absolute;right:0;top:0;font-size:15px;color:#2b3e50;display:none}
margin:-20px -20px 0 -20px div[data-control="media-manager"] .media-list li h4 a:hover {color:#0181b9;text-decoration:none}
} div[data-control="media-manager"] .media-list li p.size {font-size:12px;color:#95a5a6}
div[data-control="media-manager"] .empty-library { div[data-control="media-manager"] .media-list li .image-placeholder {position:relative}
padding:20px; div[data-control="media-manager"] .media-list li .image-placeholder i {padding-top:0;padding-left:2px}
text-align:center div[data-control="media-manager"] .media-list li .image-placeholder[data-loading] i {display:none}
} div[data-control="media-manager"] .media-list li .image-placeholder[data-loading]:after {background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:28px 28px;position:absolute;width:28px;height:28px;top:50%;left:50%;margin-top:-14px;margin-left:-14px}
div[data-control="media-manager"] p.thumbnail-error-message { div[data-control="media-manager"] .media-list li i.icon-chain-broken {padding:0;color:#bdc3c7}
font-size:12px; div[data-control="media-manager"] .media-list li[data-item-type=folder] i {color:#4ea5e0}
margin:10px; div[data-control="media-manager"] .media-list.list li {height:75px;width:260px;border:1px solid #ecf0f1;background:#f6f8f9}
line-height:160%; div[data-control="media-manager"] .media-list.list li .icon-container {border-right:1px solid #f6f8f9;width:75px;height:75px;float:left}
color:#bdc3c7 div[data-control="media-manager"] .media-list.list li .icon-container i {font-size:35px}
} div[data-control="media-manager"] .media-list.list li .icon-container.image {border-right:1px solid #ecf0f1!important}
div[data-control="media-manager"] .media-list { div[data-control="media-manager"] .media-list.list li .icon-container p.thumbnail-error-message {display:none}
padding:0 0 0 20px; div[data-control="media-manager"] .media-list.list .icon-wrapper {width:75px}
margin:0; div[data-control="media-manager"] .media-list.list li .info {margin-left:90px}
-webkit-user-select:none; div[data-control="media-manager"] .media-list.list li .image-placeholder {width:75px;height:75px}
-moz-user-select:none; div[data-control="media-manager"] .media-list.list li[data-root] h4 {margin-top:27px}
-ms-user-select:none; div[data-control="media-manager"] .media-list.list li.selected {background:#4ea5e0 !important}
user-select:none
}
div[data-control="media-manager"] .media-list li {
display:inline-block;
vertical-align:top;
margin:0 20px 20px 0;
overflow:hidden;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
div[data-control="media-manager"] .media-list li:focus {
outline:none
}
div[data-control="media-manager"] .media-list li .icon-container {
display:table
}
div[data-control="media-manager"] .media-list li .icon-container i {
color:#95a5a6;
display:inline-block
}
div[data-control="media-manager"] .media-list li .icon-container div {
display:table-cell;
text-align:center;
vertical-align:middle
}
div[data-control="media-manager"] .media-list li .icon-container.image >div.icon-wrapper {
display:none
}
div[data-control="media-manager"] .media-list li h4 {
font-weight:600;
font-size:13px;
color:#2b3e50;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:150%;
margin:15px 0 5px 0;
padding-right:0;
-webkit-transition:padding 0.1s;
transition:padding 0.1s;
position:relative
}
div[data-control="media-manager"] .media-list li h4 a {
position:absolute;
right:0;
top:0;
font-size:15px;
color:#2b3e50;
display:none
}
div[data-control="media-manager"] .media-list li h4 a:hover {
color:#0181b9;
text-decoration:none
}
div[data-control="media-manager"] .media-list li p.size {
font-size:12px;
color:#95a5a6
}
div[data-control="media-manager"] .media-list li .image-placeholder {
position:relative
}
div[data-control="media-manager"] .media-list li .image-placeholder i {
padding-top:0;
padding-left:2px
}
div[data-control="media-manager"] .media-list li .image-placeholder[data-loading] i {
display:none
}
div[data-control="media-manager"] .media-list li .image-placeholder[data-loading]:after {
background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');
background-position:50% 50%;
content:' ';
-webkit-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;
background-size:28px 28px;
position:absolute;
width:28px;
height:28px;
top:50%;
left:50%;
margin-top:-14px;
margin-left:-14px
}
div[data-control="media-manager"] .media-list li i.icon-chain-broken {
padding:0;
color:#bdc3c7
}
div[data-control="media-manager"] .media-list li[data-item-type=folder] i {
color:#4ea5e0
}
div[data-control="media-manager"] .media-list.list li {
height:75px;
width:260px;
border:1px solid #ecf0f1;
background:#f6f8f9
}
div[data-control="media-manager"] .media-list.list li .icon-container {
border-right:1px solid #f6f8f9;
width:75px;
height:75px;
float:left
}
div[data-control="media-manager"] .media-list.list li .icon-container i {
font-size:35px
}
div[data-control="media-manager"] .media-list.list li .icon-container.image {
border-right:1px solid #ecf0f1!important
}
div[data-control="media-manager"] .media-list.list li .icon-container p.thumbnail-error-message {
display:none
}
div[data-control="media-manager"] .media-list.list .icon-wrapper {
width:75px
}
div[data-control="media-manager"] .media-list.list li .info {
margin-left:90px
}
div[data-control="media-manager"] .media-list.list li .image-placeholder {
width:75px;
height:75px
}
div[data-control="media-manager"] .media-list.list li[data-root] h4 {
margin-top:27px
}
div[data-control="media-manager"] .media-list.list li.selected {
background:#4ea5e0 !important
}
div[data-control="media-manager"] .media-list.list li.selected i, div[data-control="media-manager"] .media-list.list li.selected i,
div[data-control="media-manager"] .media-list.list li.selected p.size { div[data-control="media-manager"] .media-list.list li.selected p.size {color:#ecf0f1}
color:#ecf0f1 div[data-control="media-manager"] .media-list.list li.selected h4 {color:white}
} div[data-control="media-manager"] .media-list.list li.selected .icon-container {border-right-color:#4ea5e0 !important}
div[data-control="media-manager"] .media-list.list li.selected h4 { div[data-control="media-manager"] .media-list.list h4 {padding-right:15px}
color:white div[data-control="media-manager"] .media-list.list h4 a {right:15px}
} div[data-control="media-manager"] .media-list.tiles li {width:167px;margin-bottom:25px}
div[data-control="media-manager"] .media-list.list li.selected .icon-container { div[data-control="media-manager"] .media-list.tiles .icon-wrapper {width:167px}
border-right-color:#4ea5e0 !important div[data-control="media-manager"] .media-list.tiles li .image-placeholder {width:165px;height:165px}
} div[data-control="media-manager"] .media-list.tiles li .image-placeholder[data-loading]:after {background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:55px 55px;position:absolute;width:55px;height:55px;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px}
div[data-control="media-manager"] .media-list.list h4 { div[data-control="media-manager"] .media-list.tiles li .icon-container {width:167px;height:167px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ecf0f1;overflow:hidden;background:#f6f8f9}
padding-right:15px div[data-control="media-manager"] .media-list.tiles li .icon-container i {font-size:55px}
} div[data-control="media-manager"] .media-list.tiles li .icon-container p {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
div[data-control="media-manager"] .media-list.list h4 a { div[data-control="media-manager"] .media-list.tiles li.selected .icon-container {background:#4ea5e0 !important;border-color:#2581b8}
right:15px
}
div[data-control="media-manager"] .media-list.tiles li {
width:167px;
margin-bottom:25px
}
div[data-control="media-manager"] .media-list.tiles .icon-wrapper {
width:167px
}
div[data-control="media-manager"] .media-list.tiles li .image-placeholder {
width:165px;
height:165px
}
div[data-control="media-manager"] .media-list.tiles li .image-placeholder[data-loading]:after {
background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');
background-position:50% 50%;
content:' ';
-webkit-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;
background-size:55px 55px;
position:absolute;
width:55px;
height:55px;
top:50%;
left:50%;
margin-top:-27.5px;
margin-left:-27.5px
}
div[data-control="media-manager"] .media-list.tiles li .icon-container {
width:167px;
height:167px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #ecf0f1;
overflow:hidden;
background:#f6f8f9
}
div[data-control="media-manager"] .media-list.tiles li .icon-container i {
font-size:55px
}
div[data-control="media-manager"] .media-list.tiles li .icon-container p {
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container {
background:#4ea5e0 !important;
border-color:#2581b8
}
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container i, div[data-control="media-manager"] .media-list.tiles li.selected .icon-container i,
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container p { div[data-control="media-manager"] .media-list.tiles li.selected .icon-container p {color:#ecf0f1}
color:#ecf0f1 div[data-control="media-manager"] .media-list.tiles li.selected h4 {color:#2581b8}
} div[data-control="media-manager"] .media-list.tiles i.icon-chain-broken {margin-top:47px}
div[data-control="media-manager"] .media-list.tiles li.selected h4 { div[data-control="media-manager"] .media-list.tiles p.size {margin-bottom:0}
color:#2581b8 div[data-control="media-manager"] [data-control="sidebar-labels"] {word-wrap:break-word}
} div[data-control="media-manager"] .sidebar-group {margin-bottom:20px}
div[data-control="media-manager"] .media-list.tiles i.icon-chain-broken { div[data-control="media-manager"] .sidebar-image-placeholder-container {display:table;width:100%}
margin-top:47px div[data-control="media-manager"] .sidebar-image-placeholder {display:table-cell;height:225px;position:relative;vertical-align:middle;text-align:center;border-bottom:1px solid #ecf0f1}
} div[data-control="media-manager"] .sidebar-image-placeholder[data-loading] {background:#ecf0f1}
div[data-control="media-manager"] .media-list.tiles p.size { div[data-control="media-manager"] .sidebar-image-placeholder[data-loading]:after {background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:62px 62px;position:absolute;width:62px;height:62px;top:50%;left:50%;margin-top:-31px;margin-left:-31px}
margin-bottom:0
}
div[data-control="media-manager"] [data-control="sidebar-labels"] {
word-wrap:break-word
}
div[data-control="media-manager"] .sidebar-group {
margin-bottom:20px
}
div[data-control="media-manager"] .sidebar-image-placeholder-container {
display:table;
width:100%
}
div[data-control="media-manager"] .sidebar-image-placeholder {
display:table-cell;
height:225px;
position:relative;
vertical-align:middle;
text-align:center;
border-bottom:1px solid #ecf0f1
}
div[data-control="media-manager"] .sidebar-image-placeholder[data-loading] {
background:#ecf0f1
}
div[data-control="media-manager"] .sidebar-image-placeholder[data-loading]:after {
background-image:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg');
background-position:50% 50%;
content:' ';
-webkit-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;
background-size:62px 62px;
position:absolute;
width:62px;
height:62px;
top:50%;
left:50%;
margin-top:-31px;
margin-left:-31px
}
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-chain-broken, div[data-control="media-manager"] .sidebar-image-placeholder i.icon-chain-broken,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-crop, div[data-control="media-manager"] .sidebar-image-placeholder i.icon-crop,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-asterisk, div[data-control="media-manager"] .sidebar-image-placeholder i.icon-asterisk,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up { div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up {color:#bdc3c7;font-size:55px}
color:#bdc3c7; div[data-control="media-manager"] .sidebar-image-placeholder.no-border {border-bottom:none}
font-size:55px div[data-control="media-manager"] .sidebar-image-placeholder p {font-size:12px;margin:10px;line-height:160%;color:#bdc3c7;margin-top:25px}
} div[data-control="media-manager"] .sidebar-image-placeholder img {max-width:100%}
div[data-control="media-manager"] .sidebar-image-placeholder.no-border { div[data-control="media-manager"] .list-container {position:relative;z-index:100}
border-bottom:none div[data-control="media-manager"] .list-container .no-data {font-size:13px}
} div[data-control="media-manager"] .list-container p.no-data {padding:0 20px 20px 20px}
div[data-control="media-manager"] .sidebar-image-placeholder p { div[data-control="media-manager"] .list-container li.no-data {padding-top:20px;display:block !important;width:100% !important;border:none !important;background:transparent !important;cursor:default !important}
font-size:12px; div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td {background:#4ea5e0 !important}
margin:10px; div[data-control="media-manager"] [data-control="item-list"] {position:relative;display:table-cell}
line-height:160%; div[data-control="media-manager"] .control-scrollpad {position:absolute;left:0;top:0}
color:#bdc3c7; div[data-control="media-manager"] .scroll-wrapper {position:relative}
margin-top:25px div[data-control="media-manager"] table.table {table-layout:fixed;margin-bottom:0;white-space:nowrap}
} div[data-control="media-manager"] table.table div.no-wrap-text {overflow:hidden;text-overflow:ellipsis}
div[data-control="media-manager"] .sidebar-image-placeholder img { div[data-control="media-manager"] table.table div.item-title {position:relative;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s}
max-width:100% div[data-control="media-manager"] table.table div.item-title a {position:absolute;right:0;top:0;display:none}
} div[data-control="media-manager"] table.table tr:hover div.item-title {padding-right:25px}
div[data-control="media-manager"] .list-container { div[data-control="media-manager"] table.table tr:hover div.item-title a {display:block}
position:relative; div[data-control="media-manager"] table.table tr[data-item-type=folder] i.icon-folder {color:#4ea5e0}
z-index:100 div[data-control="media-manager"] table.table tr:focus {outline:none}
} div[data-control="media-manager"] div[data-control="selection-marker"] {position:absolute;z-index:250;border:1px dashed #95a5a6;background:rgba(0,0,0,0.1)}
div[data-control="media-manager"] .list-container .no-data { div[data-control="media-manager"] .upload-progress {background:#f9f9f9;padding:0 20px}
font-size:13px div[data-control="media-manager"] .upload-progress h5 {margin:0 0 10px 0;font-size:13px;color:#2b3e50;font-weight:600}
} div[data-control="media-manager"] .upload-progress h5 span {display:inline-block;margin-left:10px;color:#95a5a6;font-size:15px}
div[data-control="media-manager"] .list-container p.no-data { div[data-control="media-manager"] .upload-progress .progress-controls {padding-right:30px;position:relative}
padding:0 20px 20px 20px div[data-control="media-manager"] .upload-progress .progress-controls .controls {position:absolute;right:0;bottom:0}
} div[data-control="media-manager"] .upload-progress .progress-controls .controls a {display:block;position:relative;top:7px;right:3px;color:#95a5a6;font-size:16px;cursor:pointer !important}
div[data-control="media-manager"] .list-container li.no-data { div[data-control="media-manager"] .upload-progress .progress-controls .controls a:hover {text-decoration:none;color:#0181b9}
padding-top:20px; div[data-control="media-manager"] .dz-preview {display:none}
display:block !important; div[data-control="media-manager"] button[data-command="toggle-sidebar"].sidebar-hidden {-webkit-transform:rotate(180deg) translate(0,0);-ms-transform:rotate(180deg) translate(0,0);transform:rotate(180deg) translate(0,0)}
width:100% !important; [data-control="media-manager-crop-tool"] .image_area {position:absolute;width:100%;height:100%;overflow:auto}
border:none !important; [data-control="media-manager-crop-tool"] .image_area .jcrop-holder {background-color:transparent !important}
background:transparent !important; [data-control="media-manager-crop-tool"] img {cursor:crosshair;display:block}
cursor:default !important [data-control="media-manager-crop-tool"].has-rulers .ruler-container .layout-relative {overflow:hidden}
} [data-control="media-manager-crop-tool"].has-rulers .ruler-container.horizontal .layout-cell {height:20px}
div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td { [data-control="media-manager-crop-tool"].has-rulers .ruler-container.horizontal .layout-relative {width:100%}
background:#4ea5e0 !important [data-control="media-manager-crop-tool"].has-rulers .ruler-container.vertical {width:20px}
} [data-control="media-manager-crop-tool"].has-rulers .ruler-container.vertical .layout-relative {height:100%}
div[data-control="media-manager"] [data-control="item-list"] { [data-control="media-manager-crop-tool"].has-rulers .ruler {position:absolute;height:20px;margin-left:-3px;background:#555}
position:relative; [data-control="media-manager-crop-tool"].has-rulers .ruler ul {margin:0;padding:0;white-space:nowrap;font-size:0}
display:table-cell [data-control="media-manager-crop-tool"].has-rulers .ruler li {margin:0;padding:0 0 0 40px;list-style:none;display:inline-block;width:24px;margin:0 -10px 0 -14px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:left;position:relative;font-size:10px;line-height:20px;color:#ecf0f1;font-family:Arial,sans-serif}
}
div[data-control="media-manager"] .control-scrollpad {
position:absolute;
left:0;
top:0
}
div[data-control="media-manager"] .scroll-wrapper {
position:relative
}
div[data-control="media-manager"] table.table {
table-layout:fixed;
margin-bottom:0;
white-space:nowrap
}
div[data-control="media-manager"] table.table div.no-wrap-text {
overflow:hidden;
text-overflow:ellipsis
}
div[data-control="media-manager"] table.table div.item-title {
position:relative;
padding-right:0;
-webkit-transition:padding 0.1s;
transition:padding 0.1s
}
div[data-control="media-manager"] table.table div.item-title a {
position:absolute;
right:0;
top:0;
display:none
}
div[data-control="media-manager"] table.table tr:hover div.item-title {
padding-right:25px
}
div[data-control="media-manager"] table.table tr:hover div.item-title a {
display:block
}
div[data-control="media-manager"] table.table tr[data-item-type=folder] i.icon-folder {
color:#4ea5e0
}
div[data-control="media-manager"] table.table tr:focus {
outline:none
}
div[data-control="media-manager"] div[data-control="selection-marker"] {
position:absolute;
z-index:250;
border:1px dashed #95a5a6;
background:rgba(0,0,0,0.1)
}
div[data-control="media-manager"] .upload-progress {
background:#f9f9f9;
padding:0 20px
}
div[data-control="media-manager"] .upload-progress h5 {
margin:0 0 10px 0;
font-size:13px;
color:#2b3e50;
font-weight:600
}
div[data-control="media-manager"] .upload-progress h5 span {
display:inline-block;
margin-left:10px;
color:#95a5a6;
font-size:15px
}
div[data-control="media-manager"] .upload-progress .progress-controls {
padding-right:30px;
position:relative
}
div[data-control="media-manager"] .upload-progress .progress-controls .controls {
position:absolute;
right:0;
bottom:0
}
div[data-control="media-manager"] .upload-progress .progress-controls .controls a {
display:block;
position:relative;
top:7px;
right:3px;
color:#95a5a6;
font-size:16px;
cursor:pointer !important
}
div[data-control="media-manager"] .upload-progress .progress-controls .controls a:hover {
text-decoration:none;
color:#0181b9
}
div[data-control="media-manager"] .dz-preview {
display:none
}
div[data-control="media-manager"] button[data-command="toggle-sidebar"].sidebar-hidden {
-webkit-transform:rotate(180deg) translate(0,0);
-ms-transform:rotate(180deg) translate(0,0);
transform:rotate(180deg) translate(0,0)
}
[data-control="media-manager-crop-tool"] .image_area {
position:absolute;
width:100%;
height:100%;
overflow:auto
}
[data-control="media-manager-crop-tool"] .image_area .jcrop-holder {
background-color:transparent !important
}
[data-control="media-manager-crop-tool"] img {
cursor:crosshair;
display:block
}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container .layout-relative {
overflow:hidden
}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.horizontal .layout-cell {
height:20px
}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.horizontal .layout-relative {
width:100%
}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.vertical {
width:20px
}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.vertical .layout-relative {
height:100%
}
[data-control="media-manager-crop-tool"].has-rulers .ruler {
position:absolute;
height:20px;
margin-left:-3px;
background:#555
}
[data-control="media-manager-crop-tool"].has-rulers .ruler ul {
margin:0;
padding:0;
white-space:nowrap;
font-size:0
}
[data-control="media-manager-crop-tool"].has-rulers .ruler li {
margin:0;
padding:0 0 0 40px;
list-style:none;
display:inline-block;
width:24px;
margin:0 -10px 0 -14px;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
text-align:left;
position:relative;
font-size:10px;
line-height:20px;
color:#ecf0f1;
font-family:Arial,sans-serif
}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:before, [data-control="media-manager-crop-tool"].has-rulers .ruler li:before,
[data-control="media-manager-crop-tool"].has-rulers .ruler li:after { [data-control="media-manager-crop-tool"].has-rulers .ruler li:after {content:' ';position:absolute;border-left:1px solid #8e8e8e}
content:' '; [data-control="media-manager-crop-tool"].has-rulers .ruler li:before {height:20px;top:0;left:-3px}
position:absolute; [data-control="media-manager-crop-tool"].has-rulers .ruler li:after {height:3px;bottom:0;left:20px}
border-left:1px solid #8e8e8e [data-control="media-manager-crop-tool"].has-rulers .ruler li:first-child:after {display:none}
} [data-control="media-manager-crop-tool"].has-rulers .ruler[data-control=v-ruler] {-webkit-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;left:23px;top:-23px}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:before { [data-control="media-manager-crop-tool"].has-rulers .ruler[data-control=v-ruler] li:after {top:0;left:auto}
height:20px; body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container {background:#4ea5e0 !important;border-color:#2581b8}
top:0;
left:-3px
}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:after {
height:3px;
bottom:0;
left:20px
}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:first-child:after {
display:none
}
[data-control="media-manager-crop-tool"].has-rulers .ruler[data-control=v-ruler] {
-webkit-transform:rotateZ(90deg);
-ms-transform:rotateZ(90deg);
transform:rotateZ(90deg);
-webkit-transform-origin:left top;
-moz-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top;
left:23px;
top:-23px
}
[data-control="media-manager-crop-tool"].has-rulers .ruler[data-control=v-ruler] li:after {
top:0;
left:auto
}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container {
background:#4ea5e0 !important;
border-color:#2581b8
}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container i, body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container i,
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container p { body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container p {color:#ecf0f1}
color:#ecf0f1 body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4 {color:#2581b8}
} body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4 {padding-right:20px !important}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4 { body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover {background:#4ea5e0 !important}
color:#2581b8
}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4 {
padding-right:20px !important
}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover {
background:#4ea5e0 !important
}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover i, body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover i,
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover p.size { body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover p.size {color:#ecf0f1}
color:#ecf0f1 body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover h4 {color:white}
} body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover .icon-container {border-right-color:#4ea5e0 !important}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover h4 { body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover h4 {padding-right:35px !important}
color:white body:not(.no-select) div[data-control="media-manager"] .media-list li:hover h4 a {display:block}
} @media (max-width:1280px) {div[data-control="media-manager"] .media-list.list li {width:230px }}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover .icon-container { @media (max-width:1024px) {div[data-control="media-manager"] .media-list.list li {display:block;width:auto }}
border-right-color:#4ea5e0 !important @media (max-width:768px) {div[data-control="media-manager"] [data-control="preview-sidebar"],div[data-control="media-manager"] [data-command="toggle-sidebar"] {display:none !important }div[data-control="media-manager"] .media-list.list {padding:0 }div[data-control="media-manager"] .media-list.list li {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;border-right:none;border-left:none;border-bottom:none }}
} @media (max-width:480px) {div[data-control="media-manager"] [data-control="left-sidebar"] {display:none !important }}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover h4 {
padding-right:35px !important
}
body:not(.no-select) div[data-control="media-manager"] .media-list li:hover h4 a {
display:block
}
@media (max-width:1280px) {
div[data-control="media-manager"] .media-list.list li {
width:230px
}
}
@media (max-width:1024px) {
div[data-control="media-manager"] .media-list.list li {
display:block;
width:auto
}
}
@media (max-width:768px) {
div[data-control="media-manager"] [data-control="preview-sidebar"],
div[data-control="media-manager"] [data-command="toggle-sidebar"] {
display:none !important
}
div[data-control="media-manager"] .media-list.list {
padding:0
}
div[data-control="media-manager"] .media-list.list li {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
margin:0;
border-right:none;
border-left:none;
border-bottom:none
}
}
@media (max-width:480px) {
div[data-control="media-manager"] [data-control="left-sidebar"] {
display:none !important
}
}

4578
modules/system/assets/css/styles.css
View File

File diff suppressed because it is too large Load Diff

16021
modules/system/assets/ui/storm.css
View File

File diff suppressed because it is too large Load Diff