594 lines
21 KiB
CSS
Raw Normal View History

2018-01-26 15:50:15 +01:00
.siteorigin-widget-form-no-styles {
display: none !important;
}
.siteorigin-widget-teaser {
padding: 10px 12px;
border: 1px solid #5fc133;
background: #edfbe7;
color: #394a3a;
margin-bottom: 20px;
}
.siteorigin-widget-teaser .dashicons {
float: right;
margin: 1px 2px 6px 10px;
cursor: pointer;
font-size: 18px;
width: 18px;
height: 18px;
}
.siteorigin-widget-form-notification {
padding: 8px 12px;
border: 1px solid #a4cadd;
background-color: #CDE2EC;
margin-bottom: 20px;
}
.siteorigin-widget-form-notification > span {
line-height: 22px;
}
.siteorigin-widget-form-notification > a.button.button-small {
margin-left: 10px;
height: 22px;
}
.siteorigin-widget-form {
display: block !important;
margin: 15px 0;
}
.siteorigin-widget-form > div:first-child {
margin-top: 0;
}
.siteorigin-widget-form a {
box-shadow: none;
}
.siteorigin-widget-form.siteorigin-widget-form-main {
min-width: 600px;
}
.siteorigin-widget-form .siteorigin-widget-field {
margin: 1em 0;
}
.siteorigin-widget-form .siteorigin-widget-field label {
display: block;
margin-bottom: 3px;
}
.siteorigin-widget-form .siteorigin-widget-field label.siteorigin-widget-field-label {
font-weight: bold;
}
.siteorigin-widget-form .siteorigin-widget-field label.so-checkbox-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.siteorigin-widget-form .siteorigin-widget-field .siteorigin-widget-description {
font-size: 0.9em;
margin-top: 0.2em;
color: #999;
font-style: italic;
}
.siteorigin-widget-form .siteorigin-widget-field.siteorigin-widget-field-separator {
margin: 1.75em 0;
}
.siteorigin-widget-form .siteorigin-widget-field.siteorigin-widget-field-is-optional .field-optional {
font-weight: normal;
font-size: 0.8em;
vertical-align: super;
padding-left: 0.5em;
color: #54a242;
font-style: italic;
}
.siteorigin-widget-form .siteorigin-widget-field.siteorigin-widget-field-is-required .field-required {
font-weight: normal;
font-size: 0.8em;
vertical-align: super;
padding-left: 0.5em;
color: #F02311;
font-style: italic;
}
.siteorigin-widget-form .siteorigin-widget-field input[type="text"] {
width: 100%;
}
.siteorigin-widget-form .siteorigin-widget-field input.siteorigin-widget-input-color {
width: auto;
}
.siteorigin-widget-form .siteorigin-widget-field textarea.siteorigin-widget-code-input {
font-family: "Courier New", Courier, monospace;
}
.siteorigin-widget-form .siteorigin-widget-field select {
min-width: 150px;
}
.siteorigin-widget-form .siteorigin-widget-field select[multiple] {
max-height: 83px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-slider .siteorigin-widget-slider-wrapper {
margin: 10px 0;
border: 1px solid #E0E0E0;
padding: 12px 15px;
background: #F4F4F4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
max-width: 500px;
display: block;
margin-left: 55px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-slider .siteorigin-widget-slider-value {
display: block;
float: left;
margin-top: 0;
border: 1px solid #E0E0E0;
padding: 11px 0;
background: #F4F4F4;
font-weight: bold;
color: #666;
width: 45px;
text-align: center;
}
.siteorigin-widget-form .siteorigin-widget-field-type-slider .siteorigin-widget-value-slider {
position: relative;
height: 5px;
background: #A0A0A0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-slider .ui-slider-handle {
cursor: move;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #a4a3a8;
z-index: 10;
position: absolute;
width: 18px;
height: 18px;
margin-top: -7px;
margin-left: -9px;
background: #F9F9F9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
top: 0;
left: 0;
-webkit-box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 1px rgba(0,0,0,0.1);
}
.siteorigin-widget-form .siteorigin-widget-field-type-slider input[type="number"] {
display: none;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater {
/* This is for sub level forms */
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-top {
background: #F0F0F0;
border: 1px solid #D0D0D0;
padding: 10px;
position: relative;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-top h3 {
font-size: 13px;
margin: 0;
padding: 0 !important;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-expand,
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-copy,
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-remove {
width: 14px;
height: 14px;
position: absolute;
top: 50%;
margin-top: -7px;
cursor: pointer;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-expand:before,
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-copy:before,
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-remove:before {
font-family: dashicons;
vertical-align: middle;
color: #999999;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-expand {
right: 48px;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-expand:before {
content: "\f140";
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-expand:hover:before {
color: #50575D;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-copy {
right: 28px;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-copy:before {
content: "\f105";
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-copy:hover:before {
color: #50575D;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-remove {
right: 12px;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-remove:before {
content: '\f158';
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-remove:hover {
background: #ff0000;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-remove:hover:before {
color: #FFFFFF;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items {
background: #FCFCFC;
border: 1px solid #EEEEEE;
border-top: 0;
border-bottom: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item {
background: #FCFCFC;
border-bottom: 1px solid #EEEEEE;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item .siteorigin-widget-field-repeater-item-top {
padding: 10px;
cursor: move;
position: relative;
background: #F6F6F6;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item .siteorigin-widget-field-repeater-item-top h4 {
font-size: 12px;
margin: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item h4 {
font-size: 15px;
margin: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item:last-child {
border-bottom: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item .siteorigin-widget-field-repeater-item-form {
border-top: 1px solid #EEEEEE;
display: none;
padding: 1px 10px;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-add {
padding: 7px 10px;
background: #F0F0F0;
border: 1px dashed #D0D0D0;
font-size: 12px;
line-height: 1em;
text-align: center;
cursor: pointer;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-add:hover {
background: #F4F4F4;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-top {
background: #eaf2f6;
border-color: #c9d0d4;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-top h3 {
color: #42484b;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items {
background: #f6fdff;
border-color: #e8eff3;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item {
background: #f8fdff;
border-bottom-color: #e8eff3;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item .siteorigin-widget-field-repeater-item-top {
background: #f0f8fc;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item .siteorigin-widget-field-repeater-item-form {
border-top-color: #e8eff3;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-add {
background: #eaf2f6;
border-color: #c9d0d4;
color: #42484b;
}
.siteorigin-widget-form .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-add:hover {
background: #edf5f9;
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .posts-container-label-wrapper {
background: #F0F0F0;
border: 1px solid #D0D0D0;
padding: 10px;
display: block;
margin-bottom: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .posts-container-label-wrapper > label {
display: inline;
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .posts-container-label-wrapper:before {
float: left;
margin: 3px 6px 0 0;
display: block;
width: 14px;
height: 14px;
font-size: 14px;
line-height: 1;
font-family: "dashicons";
content: "\f132";
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .posts-container-label-wrapper.siteorigin-widget-section-visible:before {
content: "\f460";
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .posts-container-label-wrapper span.sow-current-count {
display: inline-block;
border-radius: 9px;
background: #f92700;
border: 1px solid #da0900;
line-height: 14px;
font-size: 7px;
width: 17px;
height: 17px;
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #FFFFFF;
box-sizing: border-box;
margin: 1px 5px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-widget > label,
.siteorigin-widget-form .siteorigin-widget-field-type-section > label {
background: #F0F0F0;
border: 1px solid #D0D0D0;
padding: 10px;
display: block;
margin-bottom: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-type-widget > label:before,
.siteorigin-widget-form .siteorigin-widget-field-type-section > label:before {
float: left;
margin: 3px 6px 0 0;
display: block;
width: 14px;
height: 14px;
font-size: 14px;
line-height: 1;
font-family: "dashicons";
content: "\f132";
}
.siteorigin-widget-form .siteorigin-widget-field-type-widget > label.siteorigin-widget-section-visible:before,
.siteorigin-widget-form .siteorigin-widget-field-type-section > label.siteorigin-widget-section-visible:before {
content: "\f460";
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .siteorigin-widget-section,
.siteorigin-widget-form .siteorigin-widget-field-type-widget .siteorigin-widget-section,
.siteorigin-widget-form .siteorigin-widget-field-type-section .siteorigin-widget-section {
padding: 1px 10px;
background: #FCFCFC;
border: 1px solid #EEEEEE;
border-top: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-type-posts .siteorigin-widget-section.siteorigin-widget-section-hide,
.siteorigin-widget-form .siteorigin-widget-field-type-widget .siteorigin-widget-section.siteorigin-widget-section-hide,
.siteorigin-widget-form .siteorigin-widget-field-type-section .siteorigin-widget-section.siteorigin-widget-section-hide {
display: none;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete,
.siteorigin-widget-form .siteorigin-widget-field-type-link {
position: relative;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector {
padding: 20px;
display: none;
position: absolute;
top: 110%;
width: 360px;
z-index: 10;
border: 1px solid #c0c0c0;
background: #F6F6F6;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .content-text-search,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .content-text-search {
width: 100%;
margin-bottom: 15px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts {
margin: 0;
padding: 0;
background: #fff;
max-height: 300px;
overflow-y: scroll;
border: 1px solid #e4e4e4;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items li,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items li,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts li,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts li {
cursor: pointer;
padding: 5px 10px;
color: #32373c;
border-bottom: 1px solid #f1f1f1;
margin: 0;
font-size: 0.95em;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items li.selected,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items li.selected,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts li.selected,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts li.selected {
background: #e1edfa;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items li:hover,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items li:hover,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts li:hover,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts li:hover {
background: #eaf2fa;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items li:last-child,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items li:last-child,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts li:last-child,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts li:last-child {
border-bottom: 0;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items li span,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items li span,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts li span,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts li span {
font-size: 0.9em;
display: inline-block;
float: right;
color: #999;
margin-left: 10px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items.loading,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items.loading,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts.loading,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts.loading {
min-height: 40px;
background: #FFFFFF url("img/wpspin_light.gif") center center no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items.loading,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items.loading,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts.loading,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts.loading {
background-image: url("img/wpspin_light-2x.gif");
background-size: 16px 16px;
}
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .items.loading li,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .items.loading li,
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .posts.loading li,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .posts.loading li {
display: none;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .buttons,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .buttons {
margin-top: 15px;
text-align: right;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .existing-content-selector .buttons a,
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector .buttons a {
display: inline-block;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .url-input-wrapper,
.siteorigin-widget-form .siteorigin-widget-field-type-link .url-input-wrapper {
display: block;
margin-right: 130px;
}
.siteorigin-widget-form .siteorigin-widget-field-type-autocomplete .select-content-button,
.siteorigin-widget-form .siteorigin-widget-field-type-link .select-content-button {
float: right;
width: 120px;
text-align: center;
}
.siteorigin-widget-form .siteorigin-widget-field-type-link .existing-content-selector {
right: 0;
}
.siteorigin-widget-form .siteorigin-widget-description {
clear: both;
}
.siteorigin-widget-preview {
display: block !important;
}
.siteorigin-widget-help-link {
display: block;
margin: 1em 0;
}
.so-widgets-dialog .so-widgets-dialog-overlay {
position: fixed;
z-index: 500000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
}
.so-widgets-dialog .so-widgets-toolbar,
.so-widgets-dialog .so-widgets-dialog-frame {
position: fixed;
z-index: 500001;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.so-widgets-dialog .so-widgets-toolbar {
left: 30px;
right: 30px;
top: 30px;
height: 50px;
background: #fafafa;
border-bottom: 1px solid #D8D8D8;
}
.so-widgets-dialog .so-widgets-toolbar h3 {
margin: 15px 0 15px 20px;
}
.so-widgets-dialog .so-widgets-toolbar .close {
position: absolute;
box-sizing: border-box;
width: 50px;
height: 50px;
display: block;
cursor: pointer;
top: 0;
right: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background: #fafafa;
border-left: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
.so-widgets-dialog .so-widgets-toolbar .close:hover {
background: #e9e9e9;
}
.so-widgets-dialog .so-widgets-toolbar .close:hover .so-dialog-icon {
color: #333333;
}
.so-widgets-dialog .so-widgets-toolbar .close .dashicons {
position: absolute;
top: 50%;
left: 50%;
text-decoration: none;
width: 21px;
height: 21px;
margin-left: -11px;
margin-top: -10px;
font-size: 21px;
color: #666666;
text-align: center;
}
.so-widgets-dialog .so-widgets-dialog-frame {
top: 80px;
left: 30px;
right: 30px;
bottom: 30px;
background: #FFFFFF url("img/wpspin_light.gif") center center no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.so-widgets-dialog .so-widgets-dialog-frame {
background-image: url("img/wpspin_light-2x.gif");
background-size: 16px 16px;
}
}
.so-widgets-dialog .so-widgets-dialog-frame iframe {
width: 100%;
height: 100%;
}
/* Icons */
.widget-icon.so-widget-icon {
background-size: cover;
background-image: url("img/bundle-icon.png");
}