2018-01-26 15:50:15 +01:00

282 lines
8.6 KiB
CSS

.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper {
position: relative;
display: block;
float: left;
background: #f9f9f9;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, #f9f9f9));
background: -ms-linear-gradient(bottom, #f2f2f2, #f9f9f9);
background: -moz-linear-gradient(center bottom, #f2f2f2 0%, #f9f9f9 100%);
background: -o-linear-gradient(#f9f9f9, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #bbbbbb;
height: 32px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper:hover {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .current {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: 32px;
padding: 4px;
border-right: 1px solid #bbb;
position: relative;
box-shadow: 1px 0 0 #FFF;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .current .title {
display: none;
position: absolute;
bottom: 34px;
left: 0;
padding: 4px 12px;
background: #333;
color: #CCC;
font-weight: bold;
width: auto;
white-space: nowrap;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .current .thumbnail-wrapper {
border: 1px solid #999;
line-height: 0;
box-shadow: 0px 1px 1px #FFF;
width: 22px;
height: 22px;
background: #cfcfcf;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(1, #cfcfcf));
background: -ms-linear-gradient(bottom, #cccccc, #cfcfcf);
background: -moz-linear-gradient(center bottom, #cccccc 0%, #cfcfcf 100%);
background: -o-linear-gradient(#cfcfcf, #cccccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#cccccc', GradientType=0);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .current .thumbnail-wrapper img {
height: 100%;
width: 100%;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .media-upload-button,
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .find-image-button {
display: block;
float: left;
color: #666;
text-decoration: none;
text-shadow: 0 1px 0 #FFF;
font-weight: 600;
font-size: 11px;
padding: 7px 8px;
outline: none;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .media-upload-button:hover,
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .find-image-button:hover {
background: rgba(255, 255, 255, 0.75);
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper .find-image-button {
border-left: 1px solid #bbbbbb;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-field-wrapper:hover .media-upload-button {
color: #707070;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-remove-button {
display: block;
text-decoration: none;
float: left;
color: #AAA;
font-size: 11px;
line-height: 1em;
padding: 11px 0 11px 6px;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
position: static;
opacity: 1;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-remove-button.remove-hide {
pointer-events: none;
opacity: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-remove-button:hover {
color: #BC0B0B;
}
.siteorigin-widget-form .siteorigin-widget-field-type-media .media-fallback-external {
float: left;
padding: 4px 8px;
margin-top: 2px !important;
margin-left: 25px !important;
max-width: 320px;
}
#so-widgets-image-search-frame {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
padding: 25px;
overflow-y: scroll;
overflow-x: hidden;
}
#so-widgets-image-search-frame #so-widgets-image-search-form {
display: block;
width: 100%;
position: relative;
padding-right: 368px;
margin-bottom: 2px;
box-sizing: border-box;
}
#so-widgets-image-search-frame #so-widgets-image-search-form .so-widgets-search-input {
padding: 9px 12px;
margin-bottom: 0px;
box-shadow: none;
}
#so-widgets-image-search-frame #so-widgets-image-search-form .so-widgets-search-input:focus {
box-shadow: none;
}
#so-widgets-image-search-frame #so-widgets-image-search-form .so-widgets-search-button {
position: absolute;
padding: 9px 14px;
font-size: 1.2em;
height: 100%;
top: 0;
right: 320px;
border-width: 1px;
box-shadow: none;
}
#so-widgets-image-search-frame #so-widgets-image-search-suggestions {
position: absolute;
right: 0;
top: 0;
width: 300px;
height: 40px;
text-align: right;
display: none;
font-size: 1.1em;
overflow: hidden;
}
#so-widgets-image-search-frame #so-widgets-image-search-suggestions strong {
display: block;
}
#so-widgets-image-search-frame #so-widgets-image-search-suggestions ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#so-widgets-image-search-frame #so-widgets-image-search-suggestions ul li {
display: inline-block;
margin-right: 4px;
}
#so-widgets-image-search-frame #so-widgets-image-search-powered {
font-size: 0.85em;
margin-bottom: 15px;
color: #888;
}
#so-widgets-image-search-frame .so-widgets-image-results {
zoom: 1;
margin: 0 -8px;
}
#so-widgets-image-search-frame .so-widgets-image-results:before {
content: '';
display: block;
}
#so-widgets-image-search-frame .so-widgets-image-results:after {
content: '';
display: table;
clear: both;
}
#so-widgets-image-search-frame .so-widgets-image-results .so-widgets-result {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 8px;
}
#so-widgets-image-search-frame .so-widgets-image-results .so-widgets-result a {
position: relative;
background-repeat: no-repeat;
background-size: cover;
display: block;
width: 260px;
height: 180px;
background-color: #e8e8e8;
}
#so-widgets-image-search-frame .so-widgets-image-results .so-widgets-result a .so-widgets-result-sponsored {
font-size: 0.8em;
position: absolute;
top: 5px;
right: 5px;
color: #fff;
background: #59946B;
line-height: 1em;
padding: 5px;
border-radius: 2px;
}
#so-widgets-image-search-frame .so-widgets-results-loading {
display: none;
font-size: 1.1em;
padding: 15px 5px;
background-color: #f7f7f7;
text-align: center;
margin-top: 20px;
}
#so-widgets-image-search-frame .so-widgets-results-loading .so-widgets-loading-icon {
margin: 0 6px -3px 0;
display: inline-block;
width: 16px;
height: 16px;
background-image: url("images/wpspin_light.gif");
background-position: center center;
background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#so-widgets-image-search-frame .so-widgets-results-loading .so-widgets-loading-icon {
background-image: url(images/wpspin_light-2x.gif);
background-size: 16px 16px;
}
}
#so-widgets-image-search-frame .so-widgets-results-more {
display: none;
text-align: center;
margin-top: 20px;
padding-bottom: 20px;
}
#so-widgets-image-search-frame .so-widgets-preview-window {
display: none;
position: fixed;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
padding: 10px;
pointer-events: none;
}
#so-widgets-image-search-frame .so-widgets-preview-window .so-widgets-preview-window-inside {
background-size: cover;
overflow: hidden;
}
#so-widgets-image-search-frame .so-widgets-preview-window img {
width: 100%;
height: auto;
}
#so-widgets-image-search-frame.so-widgets-importing .so-widgets-preview-window,
#so-widgets-image-search-frame.so-widgets-importing #so-widgets-image-search-form,
#so-widgets-image-search-frame.so-widgets-importing #so-widgets-image-search-powered,
#so-widgets-image-search-frame.so-widgets-importing .so-widgets-image-results {
visibility: hidden !important;
display: none !important;
}