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

File diff suppressed because it is too large Load Diff

View File

@ -1,132 +1,27 @@
.field-codeeditor {
width:100%;
position:relative;
border:2px solid #d1d6d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.field-codeeditor textarea {
opacity:0;
filter:alpha(opacity=0)
}
.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 {width:100%;position:relative;border:2px solid #d1d6d9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.field-codeeditor textarea {opacity:0;filter:alpha(opacity=0)}
.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 >li {
list-style-type:none;
padding:0;
margin:0
}
.field-codeeditor .editor-toolbar >ul >li {
float:left
}
.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 {list-style-type:none;padding:0;margin:0}
.field-codeeditor .editor-toolbar >ul >li {float:left}
.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:focus >i {
opacity:1;
filter:alpha(opacity=100)
}
.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
}
.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
}
.field-codeeditor .editor-toolbar >ul >li >a:focus >i {opacity:1;filter:alpha(opacity=100)}
.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}
.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}

View File

@ -1,817 +1,157 @@
.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
}
.field-fileupload .upload-object img {
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 {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;outline:none;overflow:hidden;display:inline-block;vertical-align:top}
.field-fileupload .upload-object img {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 .meta a.upload-remove-button,
.field-fileupload .upload-object .meta a.drag-handle {
color:#2b3e50;
display:none;
font-size:13px;
text-decoration:none
}
.field-fileupload .upload-object .icon-container {
position:relative
}
.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
}
.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 .meta a.drag-handle {color:#2b3e50;display:none;font-size:13px;text-decoration:none}
.field-fileupload .upload-object .icon-container {position:relative}
.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}
.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 .meta .upload-remove-button,
.field-fileupload .upload-object.is-success:hover .meta .drag-handle {
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-success:hover .meta .drag-handle {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 .icon-container >img,
.field-fileupload .upload-object.is-error .icon-container >i {
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 .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 .upload-object.is-error .icon-container >i {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 .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-remove-button,
.field-fileupload.is-preview .meta a.drag-handle {
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
}
.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
}
.field-fileupload.is-preview .meta a.drag-handle {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}
.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 img {
border-top-right-radius:2px;
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 img {border-top-right-radius:2px;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:focus {
opacity:.9
}
.fileupload-config-form .file-upload-modal-image-header + .modal-body {
padding-top:20px
}
.fileupload-config-form .file-upload-modal-image-header .close:focus {opacity:.9}
.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-object {
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 .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-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 {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 .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-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 p.size {
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 {
padding-right:35px
}
.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
}
.form-sidebar .field-fileupload.style-image-multi .upload-button {
width:100%
}
@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-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-image-multi .upload-object:hover p.size {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 {padding-right:35px}
.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}
.form-sidebar .field-fileupload.style-image-multi .upload-button {width:100%}
@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-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 p {
margin:0;
padding:11px 0;
font-size:12px;
font-weight:normal;
line-height:150%;
color:#666
}
.field-fileupload.style-file-multi .upload-object .info h4 {
padding-right:15px
}
.field-fileupload.style-file-multi .upload-object .info h4 a {
padding:10px 0;
right:15px
}
.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 .info p {margin:0;padding:11px 0;font-size:12px;font-weight:normal;line-height:150%;color:#666}
.field-fileupload.style-file-multi .upload-object .info h4 {padding-right:15px}
.field-fileupload.style-file-multi .upload-object .info h4 a {padding:10px 0;right:15px}
.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 p.size {
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 {
padding-right:35px
}
@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-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-multi .upload-object:hover p.size {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 {padding-right:35px}
@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-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 p {
display:inline;
margin:0;
padding:0;
font-size:13px;
line-height:150%;
color:#666
}
.field-fileupload.style-file-single .upload-object .info p.size {
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
}
.field-fileupload.style-file-single .upload-object .info p {display:inline;margin:0;padding:0;font-size:13px;line-height:150%;color:#666}
.field-fileupload.style-file-single .upload-object .info p.size {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}

View File

@ -1,23 +1,6 @@
.nested-form {
position:relative;
min-height:30px
}
.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 {position:relative;min-height:30px}
.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:after {
background-color:#f5f5f5
}
.nested-form.panel-styles .control-tabs.primary-tabs .nav-tabs >li >a >span.title:after {background-color:#f5f5f5}

View File

@ -1,240 +1,54 @@
.field-repeater {
padding-top:5px
}
.field-repeater .field-repeater-items {
counter-reset:repeater-index-counter
}
.field-repeater {padding-top:5px}
.field-repeater .field-repeater-items {counter-reset:repeater-index-counter}
.field-repeater ul.field-repeater-items,
.field-repeater li.field-repeater-item {
padding:0;
margin:0;
list-style:none
}
.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
}
.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 {padding:0;margin:0;list-style:none}
.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}
.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:after {
content:" ";
display:table
}
.field-repeater li.field-repeater-item .field-repeater-form:after {
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 .field-repeater-form:after {content:" ";display:table}
.field-repeater li.field-repeater-item .field-repeater-form:after {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 button {
-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 button {-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 button:hover,
.field-repeater li.field-repeater-item .repeater-item-collapse a:focus,
.field-repeater li.field-repeater-item .repeater-item-collapse button:focus {
color:#999;
text-decoration:none
}
.field-repeater li.field-repeater-item .repeater-item-remove {
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 button:focus {color:#999;text-decoration:none}
.field-repeater li.field-repeater-item .repeater-item-remove {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-handle,
.field-repeater li.field-repeater-item .repeater-item-remove {
width:20px;
height:20px;
text-align:center
}
.field-repeater li.field-repeater-item .repeater-item-remove {width:20px;height:20px;text-align:center}
.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:hover .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:active .repeater-item-remove {
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 >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 li.field-repeater-item:active .repeater-item-remove {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 >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:focus {
background-color:#4ea5e0;
border-color:transparent
}
.field-repeater .field-repeater-add-item:focus {background-color:#4ea5e0;border-color:transparent}
.field-repeater .field-repeater-add-item:hover:before,
.field-repeater .field-repeater-add-item:focus:before {
color:#999
}
.field-repeater .field-repeater-add-item:focus:before {color:#999}
.field-repeater .field-repeater-add-item:hover >a,
.field-repeater .field-repeater-add-item:focus >a {
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.in-progress {
border-color:#e0e0e0 !important;
background:transparent !important
}
.field-repeater .field-repeater-add-item:focus >a {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.in-progress {border-color:#e0e0e0 !important;background:transparent !important}

View File

@ -1,573 +1,127 @@
div[data-control="media-manager"]:focus {
outline:none
}
div[data-control="media-manager"]:focus {outline:none}
div[data-control="media-manager"] audio,
div[data-control="media-manager"] video {
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"] .media-player-fallback.panel-embedded {
padding:20px;
margin:-20px -20px 0 -20px
}
div[data-control="media-manager"] .empty-library {
padding:20px;
text-align:center
}
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-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"] video {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"] .media-player-fallback.panel-embedded {padding:20px;margin:-20px -20px 0 -20px}
div[data-control="media-manager"] .empty-library {padding:20px;text-align:center}
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-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 p.size {
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 h4 {
padding-right:15px
}
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.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.list li.selected p.size {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 h4 {padding-right:15px}
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.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 p {
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 p.size {
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"] .media-list.tiles li.selected .icon-container p {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 p.size {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-crop,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-asterisk,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up {
color:#bdc3c7;
font-size:55px
}
div[data-control="media-manager"] .sidebar-image-placeholder.no-border {
border-bottom:none
}
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"] .list-container {
position:relative;
z-index:100
}
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"] .list-container li.no-data {
padding-top:20px;
display:block !important;
width:100% !important;
border:none !important;
background:transparent !important;
cursor:default !important
}
div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td {
background:#4ea5e0 !important
}
div[data-control="media-manager"] [data-control="item-list"] {
position:relative;
display:table-cell
}
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
}
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up {color:#bdc3c7;font-size:55px}
div[data-control="media-manager"] .sidebar-image-placeholder.no-border {border-bottom:none}
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"] .list-container {position:relative;z-index:100}
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"] .list-container li.no-data {padding-top:20px;display:block !important;width:100% !important;border:none !important;background:transparent !important;cursor:default !important}
div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td {background:#4ea5e0 !important}
div[data-control="media-manager"] [data-control="item-list"] {position:relative;display:table-cell}
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:after {
content:' ';
position:absolute;
border-left:1px solid #8e8e8e
}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:before {
height:20px;
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
}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:after {content:' ';position:absolute;border-left:1px solid #8e8e8e}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:before {height:20px;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 p {
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.list li:hover {
background:#4ea5e0 !important
}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container p {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.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 p.size {
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 {
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
}
}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover p.size {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 {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 }}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff