322 lines
7.4 KiB
CSS
Executable File
322 lines
7.4 KiB
CSS
Executable File
.no-changeable .remove-btn-wrapper, .no-changeable .repeatable-actions { display: none !important; }
|
|
.list-repeatable .sortable-placeholder {
|
|
height: 42px;
|
|
display: block;
|
|
}
|
|
.list-repeatable li {
|
|
margin-bottom: 0px;
|
|
padding: 5px 0px 5px;
|
|
}
|
|
.list-repeatable .widget {
|
|
margin-bottom: 0px;
|
|
}
|
|
.list-repeatable .widget-top {
|
|
background: #ffffff;
|
|
}
|
|
.list-repeatable .widget-top:after {
|
|
clear: both; display: block; content: " ";
|
|
}
|
|
.list-repeatable .widget .widget-title-action .widget-action {
|
|
text-decoration: none;
|
|
position: relative;
|
|
font-size: 16px;
|
|
top: 12px;
|
|
outline: none !important;
|
|
box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
}
|
|
.list-repeatable .widget .widget-title-action .widget-action::after{
|
|
content: "\f140";
|
|
font-family: "dashicons";
|
|
}
|
|
.list-repeatable .widget.explained .widget-title-action .widget-action::after{
|
|
content: "\f142";
|
|
}
|
|
.list-repeatable .widget .widget-inside{
|
|
display: none;
|
|
}
|
|
.list-repeatable .widget.explained .widget-inside{
|
|
display: block;
|
|
}
|
|
.list-repeatable .wp-picker-holder {
|
|
position: absolute;
|
|
z-index: 99;
|
|
}
|
|
.list-repeatable .item{
|
|
margin-bottom: 15px;
|
|
}
|
|
.list-repeatable .item:first-child{
|
|
margin-top: 15px;
|
|
}
|
|
.list-repeatable .item label {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
.list-repeatable .item .button_set label {
|
|
display: inline-block;
|
|
}
|
|
.list-repeatable .item label.field-label {
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
}
|
|
.list-repeatabl input:not([type='radio']),
|
|
.list-repeatabl input:not([type='checkbox']),
|
|
.list-repeatable .item select,
|
|
.list-repeatable .item textarea {
|
|
width: 100%;
|
|
}
|
|
.list-repeatable .item-media .actions , .repeatable-actions{
|
|
text-align: end;
|
|
margin-top: 10px;
|
|
}
|
|
.list-repeatable .thumbnail-image {
|
|
margin-bottom: 10px;
|
|
}
|
|
.list-repeatable .thumbnail-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
/* Special element */
|
|
.repeatable-customize-control.show-display-field-only .widget-content .item{
|
|
display: none;
|
|
}
|
|
.repeatable-customize-control.show-display-field-only .widget-content .item.item-show_section{
|
|
display: block;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.bloghash-customizer-button-wrapper{
|
|
|
|
}
|
|
.bloghash-customizer-button-wrapper input{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.bloghash-editor-added .wp-js-editor-preview {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
/* Customizer ICON Picker */
|
|
.icon-wrapper {
|
|
border: 1px solid #cccccc;
|
|
font-size: 24px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
width: 40px;
|
|
cursor: pointer;
|
|
}
|
|
.icon-wrapper i:before {
|
|
font-size: 24px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
width: 40px !important;
|
|
}
|
|
.c-icon-picker *{
|
|
box-sizing: border-box;
|
|
}
|
|
.c-icon-picker {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
display: block;
|
|
width: 300px;
|
|
background: #EEEEEE;
|
|
border-right: 1px solid #ddd;
|
|
-webkit-transition: all .5s; /* Safari */
|
|
transition: all .5s;
|
|
-ms-transform: translateX(-100%); /* IE 9 */
|
|
-webkit-transform: translateX(-100%); /* Safari */
|
|
transform: translateX(-100%);
|
|
}
|
|
.c-icon-picker.ic-active {
|
|
-ms-transform: translateX(0); /* IE 9 */
|
|
-webkit-transform: translateX(0); /* Safari */
|
|
transform: translateX(0);
|
|
}
|
|
.c-icon-type {
|
|
}
|
|
.c-icon-type-wrap {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
right: 10px;
|
|
}
|
|
.c-icon-type-wrap select {
|
|
height: 30px;
|
|
width: 100%;
|
|
}
|
|
.c-icon-search {
|
|
position: absolute;
|
|
top: 44px;
|
|
left: 10px;
|
|
right: 10px;
|
|
}
|
|
.c-icon-search input {
|
|
width: 100%;
|
|
height: 25px;
|
|
}
|
|
.c-icon-list {
|
|
position: absolute;
|
|
top: 88px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 13px;
|
|
padding: 0 0 0 12px;
|
|
overflow: auto;
|
|
}
|
|
.c-icon-list:after {
|
|
clear: both; display: block; content: " ";
|
|
}
|
|
.c-icon-list i {
|
|
font-size: 20px;
|
|
line-height: 35px;
|
|
color: #333333;
|
|
}
|
|
.c-icon-list span {
|
|
width: 34px;
|
|
height: 34px;
|
|
display: block;
|
|
float: left;
|
|
background: #ffffff;
|
|
text-align: center;
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.c-icon-list span:hover {
|
|
background: #2271b1;
|
|
}
|
|
.c-icon-list span:hover i {
|
|
color: #ffffff;
|
|
}
|
|
.icon-wrapper.icon-editing {
|
|
background: #f5f5f5;
|
|
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
|
|
border-color: #5b9dd9;
|
|
}
|
|
@media (max-width: 700px) {
|
|
.c-icon-picker {
|
|
z-index: 99999;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 0px;
|
|
border-top: 1px solid #ddd;
|
|
border-right: 0 none !important;
|
|
-ms-transform: translateX(0); /* IE 9 */
|
|
-webkit-transform: translateX(0); /* Safari */
|
|
transform: translateX(0);
|
|
-ms-transform: translateY(100%); /* IE 9 */
|
|
-webkit-transform: translateY(100%); /* Safari */
|
|
transform: translateY(100%);
|
|
}
|
|
.c-icon-picker.ic-active {
|
|
-ms-transform: translateY(0); /* IE 9 */
|
|
-webkit-transform: translateY(0); /* Safari */
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Link
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.bloghash-hidden {
|
|
display: none !important;
|
|
}
|
|
.bloghash-field-link .link-wrap {
|
|
display: none;
|
|
border: #ccd0d4 solid 1px;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
line-height: 26px;
|
|
background: #fff;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.bloghash-field-link.-value .link-wrap {
|
|
display: inline-block;
|
|
}
|
|
|
|
.bloghash-field-link .link-wrap .link-title {
|
|
padding: 0 5px;
|
|
}
|
|
.bloghash-field-link.-value .button {
|
|
display: none;
|
|
}
|
|
.bloghash-field-link.-value .bloghash-icon.-link-ext {
|
|
display: none;
|
|
}
|
|
.bloghash-field-link.-value .link-wrap {
|
|
display: inline-block;
|
|
}
|
|
.bloghash-field-link.-external .bloghash-icon.-link-ext {
|
|
display: inline-block;
|
|
}
|
|
|
|
.bloghash-icon {
|
|
display: inline-block;
|
|
height: 28px;
|
|
width: 28px;
|
|
border: transparent solid 1px;
|
|
border-radius: 100%;
|
|
font-size: 20px;
|
|
line-height: 21px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
}
|
|
.bloghash-icon.-pencil::before {
|
|
content: "\f464";
|
|
}
|
|
.bloghash-icon.-cancel::before {
|
|
content: "\f335";
|
|
}
|
|
|
|
.bloghash-icon.-link-ext::before {
|
|
content: "\f504";
|
|
}
|
|
|
|
a.bloghash-icon:hover {
|
|
background: #f3f5f6;
|
|
border-color: #0071a1;
|
|
color: #0071a1;
|
|
}
|
|
|
|
.bloghash-icon::before{
|
|
font-family: dashicons;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
speak: none;
|
|
text-decoration: inherit;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
width: 1em;
|
|
height: 1em;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
a.bloghash-icon.-minus:hover, a.bloghash-icon.-cancel:hover {
|
|
background: #f7efef;
|
|
border-color: #a10000;
|
|
color: #dc3232;
|
|
}
|
|
|
|
#wp-link-backdrop {
|
|
z-index: 900000 !important;
|
|
}
|
|
|
|
#wp-link-wrap {
|
|
z-index: 900001 !important;
|
|
}
|
|
|