Your IP : 216.73.216.86
.ui-image-input-img-add {
cursor: pointer;
border-radius: 50%;
width: 26px;
height: 26px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
transition: all .2s linear;
border: 1px solid #c8cacd;
opacity: .5;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.2%200l-.001%204.799L12%204.8v2.4l-4.801-.001L7.2%2012H4.8V7.199L0%207.2V4.8l4.8-.001V0h2.4z%22%20opacity%3D%221%22/%3E%3C/svg%3E) no-repeat center;
}
.ui-image-input-img-block, .ui-image-input-container {
display: flex;
align-items: center;
}
.ui-image-input-img-item {
position: relative;
z-index: 1;
display: inline-block;
}
.ui-image-input-img-item:before,
.ui-image-input-img-item:after {
box-shadow: 0 0 0 1px #e2e2e4;
content: none;
position: absolute;
}
.ui-image-input-img-item:before {
z-index: -1;
top: 0;
bottom: 3px;
left: 3px;
right: 0;
transform: rotate(5deg);
background: #fff;
border-radius: 1px;
}
.ui-image-input-img-item:after {
z-index: -2;
top: 0;
bottom: 1px;
left: 7px;
right: -3px;
transform: rotate(9deg);
border-radius: 1px;
}
.ui-image-input-img {
max-width: 90px;
max-height: 110px;
border-radius: 2px;
border: 1px solid #e2e2e4;
cursor: pointer;
box-sizing: border-box;
}
.ui-image-input-img-block-double .ui-image-input-img-item:before {
content: '';
}
.ui-image-input-img-block-multiple .ui-image-input-img-item:before,
.ui-image-input-img-block-multiple .ui-image-input-img-item:after {
content: '';
}
.ui-image-input-img-block-inner {
width: 90px;
margin-right: 36px;
text-align: center;
}
.ui-image-input-img-add:hover {
opacity: .8;
}
.adm-fileinput-drag-area,
.adm-fileinput-wrapper-single .adm-fileinput-drag-area {
border-radius: var(--ui-border-radius-xs, 2px);
border: 2px dashed rgba(47, 198, 246, .6);
transition: border-color .2s linear;
width: 90px;
height: 110px;
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2223%22%20height%3D%2223%22%3E%3Cpath%20fill%3D%22%23A8ADB4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.706%200h17.588A2.706%202.706%200%200123%202.706v17.588A2.706%202.706%200%200120.294%2023H2.706A2.706%202.706%200%20010%2020.294V2.706A2.706%202.706%200%20012.706%200zm0%2020.294h17.588v-1.353l-4.69-5.412-2.345%202.707L7.396%209.47l-4.69%205.411v5.412zM16.912%208.118a2.03%202.03%200%20100-4.06%202.03%202.03%200%20000%204.06z%22%20opacity%3D%22.761%22/%3E%3C/svg%3E) no-repeat center;
}
.adm-fileinput-drag-area-hint,
.adm-fileinput-item-panel,
.adm-fileinput-item-loading,
.bx-panel-tooltip,
.adm-fileinput-btn-panel,
.ui-image-input-wrapper .adm-fileinput-item-wrapper:not(:first-child) {
display: none !important;
}
div.adm-fileinput-area-container,
div.adm-fileinput-item div.adm-fileinput-item-preview {
min-height: 90px;
}
div.adm-fileinput-item div.adm-fileinput-item-preview:before {
display: none;
}
.adm-fileinput-drag-area:hover {
border-color: rgba(47, 198, 246, 1);
}
.ui-image-input-img--disabled .adm-fileinput-drag-area,
.ui-image-input-img--disabled .adm-fileinput-wrapper-single .adm-fileinput-drag-area {
border-color: #c6cdd3;
cursor: default;
}
.ui-image-input-wrapper .adm-fileinput-drag-area,
div.adm-fileinput-item div.adm-fileinput-item-preview {
border: none;
width: 90px;
height: 110px;
box-sizing: border-box;
background: transparent;
box-shadow: none;
}
div.adm-fileinput-item,
.adm-fileinput-area-container div.adm-fileinput-item-wrapper {
width: auto;
height: auto;
padding: 0;
margin: 0;
box-shadow: none;
box-sizing: border-box;
}
div.adm-fileinput-item {
background: transparent;
overflow: visible;
}
input.adm-fileinput-drag-area-input {
height: 100%;
bottom: 0 !important;
top: 0 !important;
}
.ui-image-input-img--disabled input.adm-fileinput-drag-area-input {
cursor: default !important;
}
.ui-image-input-wrapper {
position: relative;
margin-right: 12px;
}
.adm-fileinput-wrapper-single.ui-image-input-wrapper {
margin-right: 0;
}
.ui-image-input-wrapper .adm-fileinput-area {
position: relative;
z-index: 1;
overflow: visible;
width: auto;
height: auto;
}
.ui-image-input-img-block-empty .ui-image-input-img-item {
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2223%22%20height%3D%2223%22%3E%3Cpath%20fill%3D%22%23A8ADB4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.706%200h17.588A2.706%202.706%200%200123%202.706v17.588A2.706%202.706%200%200120.294%2023H2.706A2.706%202.706%200%20010%2020.294V2.706A2.706%202.706%200%20012.706%200zm0%2020.294h17.588v-1.353l-4.69-5.412-2.345%202.707L7.396%209.47l-4.69%205.411v5.412zM16.912%208.118a2.03%202.03%200%20100-4.06%202.03%202.03%200%20000%204.06z%22%20opacity%3D%22.761%22/%3E%3C/svg%3E) no-repeat center;
width: 90px;
height: 110px;
border: 1px solid #e2e2e4;
box-sizing: border-box;
border-radius: var(--ui-border-radius-xs);
}
.ui-image-input-img-block-empty .ui-image-input-img {
border: none;
}
.ui-entity-editor-content-block .ui-image-input-img-block,
.ui-entity-editor-content-block .ui-image-input-container {
margin: 12px 0;
}
.ui-entity-editor-content-block .ui-image-input-img-block {
justify-content: flex-start;
}
.adm-fileinput-item-preview canvas {
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #d1d4d8;
}
.ui-image-item-shadow {
position: absolute;
z-index: -1;
bottom: 8px;
right: -2px;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
}
.ui-image-item-shadow:before, .ui-image-item-shadow:after {
position: absolute;
z-index: -1;
transform: rotate(6deg);
background: #fff;
box-shadow: 0 0 0 1px #e2e2e4;
content: none;
width: 100%;
height: 100%;
border-radius: 1px;
}
.ui-image-item-shadow:after {
transform: rotate(9deg);
z-index: -2;
top: 0;
right: -3px;
height: 101%;
}
.ui-image-input-wrapper-double .ui-image-item-shadow:before {
content: '';
}
.ui-image-input-wrapper-multiple .ui-image-item-shadow:before,
.ui-image-input-wrapper-multiple .ui-image-item-shadow:after {
content: '';
}
.ui-image-input-wrapper .adm-fileinput-area.mode-with-description div.adm-fileinput-item input.adm-fileinput-item-description {
display: none;
}