vbp-default.admin.css in Varbase Bootstrap Paragraphs 9.0.x
.field--name-bp-background .form-type-radio input,
.field--name-bp-background .form-type--radio input {
position: absolute;
visibility: hidden;
}
.field--name-bp-background .form-type-radio input:checked + label,
.field--name-bp-background .form-type--radio input:checked + label {
border: #000 2px solid;
}
.field--name-bp-background .form-type-radio label,
.field--name-bp-background .form-type--radio label {
position: relative !important;
display: inline-block !important;
float: left !important;
width: 25px !important;
height: 25px !important;
margin: 10px 10px 10px 0 !important;
padding: 0 !important;
cursor: pointer !important;
white-space: nowrap;
border: #000 1px solid;
font-size: 0.00001px;
}
.field--name-bp-background .form-type-radio label:after,
.field--name-bp-background .form-type--radio label:after {
position: absolute;
z-index: 1;
top: 3px;
right: 0;
bottom: 0;
left: 0;
display: table;
width: 100%;
height: 100%;
content: "a";
text-align: center;
vertical-align: middle;
font-size: 20px !important;
}
.field--name-bp-background .form-type-radio label:hover,
.field--name-bp-background .form-type--radio label:hover {
opacity: 0.8;
}
.field--name-bp-background .form-type-radio label._none,
.field--name-bp-background .form-type--radio label._none {
background: #fff !important;
}
.field--name-bp-background .form-type-radio label._none:after,
.field--name-bp-background .form-type--radio label._none:after {
position: absolute;
z-index: auto;
top: 12px;
right: 0;
bottom: 0;
left: -5px;
display: inline-block;
float: none;
box-sizing: content-box;
width: 35px;
height: 2px;
margin: 0;
padding: 0;
content: "";
cursor: pointer !important;
transition: none;
transform: rotateZ(-45deg);
transform-origin: 50% 50% 0;
-o-text-overflow: clip;
opacity: 1;
background: #f00;
box-shadow: none;
text-shadow: none;
}
.field--name-bp-width .form-type-radio input,
.field--name-bp-width .form-type--radio input,
.field--name-bp-gutter .form-type-radio input,
.field--name-bp-gutter .form-type--radio input,
.field--name-bp-column-style-3 .form-type-radio input,
.field--name-bp-column-style-3 .form-type--radio input,
.field--name-bp-column-style-2 .form-type-radio input,
.field--name-bp-column-style-2 .form-type--radio input,
.field--name-text-and-image-style .form-type-radio input,
.field--name-text-and-image-style .form-type--radio input,
.field--name-field-image-position .form-type-radio input,
.field--name-field-image-position .form-type--radio input {
position: absolute;
visibility: hidden;
}
.field--name-bp-width .form-type-radio input:checked + label,
.field--name-bp-width .form-type--radio input:checked + label,
.field--name-bp-gutter .form-type-radio input:checked + label,
.field--name-bp-gutter .form-type--radio input:checked + label,
.field--name-bp-column-style-3 .form-type-radio input:checked + label,
.field--name-bp-column-style-3 .form-type--radio input:checked + label,
.field--name-bp-column-style-2 .form-type-radio input:checked + label,
.field--name-bp-column-style-2 .form-type--radio input:checked + label,
.field--name-text-and-image-style .form-type-radio input:checked + label,
.field--name-text-and-image-style .form-type--radio input:checked + label,
.field--name-field-image-position .form-type-radio input:checked + label,
.field--name-field-image-position .form-type--radio input:checked + label {
filter: invert(25%) sepia(0.9);
}
.field--name-bp-width .form-type-radio label,
.field--name-bp-width .form-type--radio label,
.field--name-bp-gutter .form-type-radio label,
.field--name-bp-gutter .form-type--radio label,
.field--name-bp-column-style-3 .form-type-radio label,
.field--name-bp-column-style-3 .form-type--radio label,
.field--name-bp-column-style-2 .form-type-radio label,
.field--name-bp-column-style-2 .form-type--radio label,
.field--name-text-and-image-style .form-type-radio label,
.field--name-text-and-image-style .form-type--radio label,
.field--name-field-image-position .form-type-radio label,
.field--name-field-image-position .form-type--radio label {
position: relative !important;
display: inline-block !important;
float: left !important;
min-width: 50px !important;
height: 20px !important;
margin: 10px 10px 10px 0 !important;
padding: 40px 0 0 !important;
cursor: pointer !important;
transition: opacity 0.3s ease-in-out;
text-align: center;
white-space: nowrap;
font-size: 75%;
}
.field--name-bp-width .form-type-radio label:after,
.field--name-bp-width .form-type--radio label:after,
.field--name-bp-gutter .form-type-radio label:after,
.field--name-bp-gutter .form-type--radio label:after,
.field--name-bp-column-style-3 .form-type-radio label:after,
.field--name-bp-column-style-3 .form-type--radio label:after,
.field--name-bp-column-style-2 .form-type-radio label:after,
.field--name-bp-column-style-2 .form-type--radio label:after,
.field--name-text-and-image-style .form-type-radio label:after,
.field--name-text-and-image-style .form-type--radio label:after,
.field--name-field-image-position .form-type-radio label:after,
.field--name-field-image-position .form-type--radio label:after {
position: absolute;
z-index: 1;
top: 3px;
right: 0;
bottom: 0;
left: 0;
display: table;
width: 100%;
height: 100%;
content: "";
text-align: center;
vertical-align: middle;
font-size: 20px !important;
}
.field--name-bp-width .form-type-radio label:hover,
.field--name-bp-width .form-type--radio label:hover,
.field--name-bp-gutter .form-type-radio label:hover,
.field--name-bp-gutter .form-type--radio label:hover,
.field--name-bp-column-style-3 .form-type-radio label:hover,
.field--name-bp-column-style-3 .form-type--radio label:hover,
.field--name-bp-column-style-2 .form-type-radio label:hover,
.field--name-bp-column-style-2 .form-type--radio label:hover,
.field--name-text-and-image-style .form-type-radio label:hover,
.field--name-text-and-image-style .form-type--radio label:hover,
.field--name-field-image-position .form-type-radio label:hover,
.field--name-field-image-position .form-type--radio label:hover {
opacity: 0.8;
}
.field--name-bp-width .form-type-radio label.option.paragraph--width--tiny,
.field--name-bp-width .form-type-radio label.option.paragraph--width--narrow,
.field--name-bp-width .form-type-radio label.option.paragraph--width--medium,
.field--name-bp-width .form-type-radio label.option.paragraph--width--wide,
.field--name-bp-width .form-type-radio label.option.paragraph--width--full,
.field--name-bp-width .form-type-radio label.option.bg-edge2edge,
.field--name-bp-width .form-type--radio label.option.paragraph--width--tiny,
.field--name-bp-width .form-type--radio label.option.paragraph--width--narrow,
.field--name-bp-width .form-type--radio label.option.paragraph--width--medium,
.field--name-bp-width .form-type--radio label.option.paragraph--width--wide,
.field--name-bp-width .form-type--radio label.option.paragraph--width--full,
.field--name-bp-width .form-type--radio label.option.bg-edge2edge {
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
.field--name-bp-width .form-type-radio label.option.paragraph--width--tiny,
.field--name-bp-width .form-type--radio label.option.paragraph--width--tiny {
background-image: url("../../images/icons/paragraph--width--tiny.svg");
}
.field--name-bp-width .form-type-radio label.option.paragraph--width--narrow,
.field--name-bp-width .form-type--radio label.option.paragraph--width--narrow {
background-image: url("../../images/icons/paragraph--width--narrow.svg");
}
.field--name-bp-width .form-type-radio label.option.paragraph--width--medium,
.field--name-bp-width .form-type--radio label.option.paragraph--width--medium {
background-image: url("../../images/icons/paragraph--width--medium.svg");
}
.field--name-bp-width .form-type-radio label.option.paragraph--width--wide,
.field--name-bp-width .form-type--radio label.option.paragraph--width--wide {
background-image: url("../../images/icons/paragraph--width--wide.svg");
}
.field--name-bp-width .form-type-radio label.option.paragraph--width--full,
.field--name-bp-width .form-type--radio label.option.paragraph--width--full {
background-image: url("../../images/icons/paragraph--width--full.svg");
}
.field--name-bp-width .form-type-radio label.option.bg-edge2edge,
.field--name-bp-width .form-type--radio label.option.bg-edge2edge {
background-image: url("../../images/icons/paragraph--width--edge-to-edge.svg");
}
.field--name-bp-gutter .form-type-radio label.option.gutter-0,
.field--name-bp-gutter .form-type-radio label.option.gutter-1,
.field--name-bp-gutter .form-type--radio label.option.gutter-0,
.field--name-bp-gutter .form-type--radio label.option.gutter-1 {
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
.field--name-bp-gutter .form-type-radio label.option.gutter-0,
.field--name-bp-gutter .form-type--radio label.option.gutter-0 {
background-image: url("../../images/icons/paragraph--gutter--without-gutter.svg");
}
.field--name-bp-gutter .form-type-radio label.option.gutter-1,
.field--name-bp-gutter .form-type--radio label.option.gutter-1 {
background-image: url("../../images/icons/paragraph--gutter--with-gutter.svg");
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-50-25,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--50-25-25,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-25-50,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-66-16,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--66-16-16,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-16-66,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-50-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--50-25-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-25-50,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-66-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--66-16-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-16-66 {
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-50-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-50-25 {
background-image: url("../../images/icons/paragraph--style--25-50-25.svg");
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--50-25-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--50-25-25 {
background-image: url("../../images/icons/paragraph--style--50-25-25.svg");
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-25-50,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-25-50 {
background-image: url("../../images/icons/paragraph--style--25-25-50.svg");
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-66-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-66-16 {
background-image: url("../../images/icons/paragraph--style--16-66-16.svg");
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--66-16-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--66-16-16 {
background-image: url("../../images/icons/paragraph--style--66-16-16.svg");
}
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-16-66,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-16-66 {
background-image: url("../../images/icons/paragraph--style--16-16-66.svg");
}
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--75-25,
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--66-33,
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--25-75,
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--33-66,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--75-25,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--66-33,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--25-75,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--33-66 {
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--75-25,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--75-25 {
background-image: url("../../images/icons/paragraph--style--75-25.svg");
}
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--66-33,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--66-33 {
background-image: url("../../images/icons/paragraph--style--66-33.svg");
}
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--25-75,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--25-75 {
background-image: url("../../images/icons/paragraph--style--25-75.svg");
}
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--33-66,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--33-66 {
background-image: url("../../images/icons/paragraph--style--33-66.svg");
}
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--50-50,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--75-25,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--66-33,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--25-75,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--33-66,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--50-50,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--75-25,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--66-33,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--25-75,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--33-66 {
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--50-50,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--50-50 {
background-image: url("../../images/icons/paragraph--style--50-50.svg");
}
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--75-25,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--75-25 {
background-image: url("../../images/icons/paragraph--style--75-25.svg");
}
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--66-33,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--66-33 {
background-image: url("../../images/icons/paragraph--style--66-33.svg");
}
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--25-75,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--25-75 {
background-image: url("../../images/icons/paragraph--style--25-75.svg");
}
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--33-66,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--33-66 {
background-image: url("../../images/icons/paragraph--style--33-66.svg");
}
.field--name-field-image-position .form-type-radio label.option.right,
.field--name-field-image-position .form-type-radio label.option.left,
.field--name-field-image-position .form-type--radio label.option.right,
.field--name-field-image-position .form-type--radio label.option.left {
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
.field--name-field-image-position .form-type-radio label.option.right,
.field--name-field-image-position .form-type--radio label.option.right {
background-image: url("../../images/icons/paragraph--style--right.svg");
}
.field--name-field-image-position .form-type-radio label.option.left,
.field--name-field-image-position .form-type--radio label.option.left {
background-image: url("../../images/icons/paragraph--style--left.svg");
}
[dir=rtl] .field--name-bp-background .form-type-radio label,
[dir=rtl] .field--name-bp-background .form-type--radio label,
[dir=rtl] .field--name-bp-width .form-type-radio label,
[dir=rtl] .field--name-bp-width .form-type--radio label,
[dir=rtl] .field--name-bp-gutter .form-type-radio label,
[dir=rtl] .field--name-bp-gutter .form-type--radio label,
[dir=rtl] .field--name-bp-column-style-3 .form-type-radio label,
[dir=rtl] .field--name-bp-column-style-3 .form-type--radio label,
[dir=rtl] .field--name-bp-column-style-2 .form-type-radio label,
[dir=rtl] .field--name-bp-column-style-2 .form-type--radio label,
[dir=rtl] .field--name-text-and-image-style .form-type-radio label,
[dir=rtl] .field--name-text-and-image-style .form-type--radio label,
[dir=rtl] .field--name-field-image-position .form-type-radio label,
[dir=rtl] .field--name-field-image-position .form-type--radio label {
float: right !important;
}
[dir=rtl] .field--name-bp-background .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-background .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-width .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-width .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-gutter .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-gutter .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-column-style-3 .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-column-style-3 .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-column-style-2 .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-column-style-2 .form-type--radio label._none:after,
[dir=rtl] .field--name-text-and-image-style .form-type-radio label._none:after,
[dir=rtl] .field--name-text-and-image-style .form-type--radio label._none:after,
[dir=rtl] .field--name-field-image-position .form-type-radio label._none:after,
[dir=rtl] .field--name-field-image-position .form-type--radio label._none:after {
right: -5px;
left: 0;
}
.paragraph--view-mode--preview .field--name-bp-image-field img {
width: 100%;
}
.paragraph-type-add-modal input.paragraph-type-add-modal-button:hover {
color: #000;
}
input.paragraph-type-add-modal-button,
input .widget {
padding-left: 10px !important;
}
.paragraphs-collapsed-description {
display: none;
}
.paragraph-actions {
float: right;
}
.paragraphs-subform .paragraph-type-top {
top: 0;
}
.paragraphs-previewer.button {
grid-column-start: 5;
grid-column-end: 5;
}
.add-in-between-row td {
text-align: center;
}
.paragraphs-tabs-wrapper .form-item .clearfix {
margin-top: 10px;
}
File
css/base/vbp-default.admin.css
View source
- .field--name-bp-background .form-type-radio input,
- .field--name-bp-background .form-type--radio input {
- position: absolute;
- visibility: hidden;
- }
-
- .field--name-bp-background .form-type-radio input:checked + label,
- .field--name-bp-background .form-type--radio input:checked + label {
- border: #000 2px solid;
- }
-
- .field--name-bp-background .form-type-radio label,
- .field--name-bp-background .form-type--radio label {
- position: relative !important;
- display: inline-block !important;
- float: left !important;
- width: 25px !important;
- height: 25px !important;
- margin: 10px 10px 10px 0 !important;
- padding: 0 !important;
- cursor: pointer !important;
- white-space: nowrap;
- border: #000 1px solid;
- font-size: 0.00001px;
- }
-
- .field--name-bp-background .form-type-radio label:after,
- .field--name-bp-background .form-type--radio label:after {
- position: absolute;
- z-index: 1;
- top: 3px;
- right: 0;
- bottom: 0;
- left: 0;
- display: table;
- width: 100%;
- height: 100%;
- content: "a";
- text-align: center;
- vertical-align: middle;
- font-size: 20px !important;
- }
-
- .field--name-bp-background .form-type-radio label:hover,
- .field--name-bp-background .form-type--radio label:hover {
- opacity: 0.8;
- }
-
- .field--name-bp-background .form-type-radio label._none,
- .field--name-bp-background .form-type--radio label._none {
- background: #fff !important;
- }
-
- .field--name-bp-background .form-type-radio label._none:after,
- .field--name-bp-background .form-type--radio label._none:after {
- position: absolute;
- z-index: auto;
- top: 12px;
- right: 0;
- bottom: 0;
- left: -5px;
- display: inline-block;
- float: none;
- box-sizing: content-box;
- width: 35px;
- height: 2px;
- margin: 0;
- padding: 0;
- content: "";
- cursor: pointer !important;
- transition: none;
- transform: rotateZ(-45deg);
- transform-origin: 50% 50% 0;
- -o-text-overflow: clip;
- opacity: 1;
- background: #f00;
- box-shadow: none;
- text-shadow: none;
- }
-
- .field--name-bp-width .form-type-radio input,
- .field--name-bp-width .form-type--radio input,
- .field--name-bp-gutter .form-type-radio input,
- .field--name-bp-gutter .form-type--radio input,
- .field--name-bp-column-style-3 .form-type-radio input,
- .field--name-bp-column-style-3 .form-type--radio input,
- .field--name-bp-column-style-2 .form-type-radio input,
- .field--name-bp-column-style-2 .form-type--radio input,
- .field--name-text-and-image-style .form-type-radio input,
- .field--name-text-and-image-style .form-type--radio input,
- .field--name-field-image-position .form-type-radio input,
- .field--name-field-image-position .form-type--radio input {
- position: absolute;
- visibility: hidden;
- }
-
- .field--name-bp-width .form-type-radio input:checked + label,
- .field--name-bp-width .form-type--radio input:checked + label,
- .field--name-bp-gutter .form-type-radio input:checked + label,
- .field--name-bp-gutter .form-type--radio input:checked + label,
- .field--name-bp-column-style-3 .form-type-radio input:checked + label,
- .field--name-bp-column-style-3 .form-type--radio input:checked + label,
- .field--name-bp-column-style-2 .form-type-radio input:checked + label,
- .field--name-bp-column-style-2 .form-type--radio input:checked + label,
- .field--name-text-and-image-style .form-type-radio input:checked + label,
- .field--name-text-and-image-style .form-type--radio input:checked + label,
- .field--name-field-image-position .form-type-radio input:checked + label,
- .field--name-field-image-position .form-type--radio input:checked + label {
- filter: invert(25%) sepia(0.9);
- }
-
- .field--name-bp-width .form-type-radio label,
- .field--name-bp-width .form-type--radio label,
- .field--name-bp-gutter .form-type-radio label,
- .field--name-bp-gutter .form-type--radio label,
- .field--name-bp-column-style-3 .form-type-radio label,
- .field--name-bp-column-style-3 .form-type--radio label,
- .field--name-bp-column-style-2 .form-type-radio label,
- .field--name-bp-column-style-2 .form-type--radio label,
- .field--name-text-and-image-style .form-type-radio label,
- .field--name-text-and-image-style .form-type--radio label,
- .field--name-field-image-position .form-type-radio label,
- .field--name-field-image-position .form-type--radio label {
- position: relative !important;
- display: inline-block !important;
- float: left !important;
- min-width: 50px !important;
- height: 20px !important;
- margin: 10px 10px 10px 0 !important;
- padding: 40px 0 0 !important;
- cursor: pointer !important;
- transition: opacity 0.3s ease-in-out;
- text-align: center;
- white-space: nowrap;
- font-size: 75%;
- }
-
- .field--name-bp-width .form-type-radio label:after,
- .field--name-bp-width .form-type--radio label:after,
- .field--name-bp-gutter .form-type-radio label:after,
- .field--name-bp-gutter .form-type--radio label:after,
- .field--name-bp-column-style-3 .form-type-radio label:after,
- .field--name-bp-column-style-3 .form-type--radio label:after,
- .field--name-bp-column-style-2 .form-type-radio label:after,
- .field--name-bp-column-style-2 .form-type--radio label:after,
- .field--name-text-and-image-style .form-type-radio label:after,
- .field--name-text-and-image-style .form-type--radio label:after,
- .field--name-field-image-position .form-type-radio label:after,
- .field--name-field-image-position .form-type--radio label:after {
- position: absolute;
- z-index: 1;
- top: 3px;
- right: 0;
- bottom: 0;
- left: 0;
- display: table;
- width: 100%;
- height: 100%;
- content: "";
- text-align: center;
- vertical-align: middle;
- font-size: 20px !important;
- }
-
- .field--name-bp-width .form-type-radio label:hover,
- .field--name-bp-width .form-type--radio label:hover,
- .field--name-bp-gutter .form-type-radio label:hover,
- .field--name-bp-gutter .form-type--radio label:hover,
- .field--name-bp-column-style-3 .form-type-radio label:hover,
- .field--name-bp-column-style-3 .form-type--radio label:hover,
- .field--name-bp-column-style-2 .form-type-radio label:hover,
- .field--name-bp-column-style-2 .form-type--radio label:hover,
- .field--name-text-and-image-style .form-type-radio label:hover,
- .field--name-text-and-image-style .form-type--radio label:hover,
- .field--name-field-image-position .form-type-radio label:hover,
- .field--name-field-image-position .form-type--radio label:hover {
- opacity: 0.8;
- }
-
- .field--name-bp-width .form-type-radio label.option.paragraph--width--tiny,
- .field--name-bp-width .form-type-radio label.option.paragraph--width--narrow,
- .field--name-bp-width .form-type-radio label.option.paragraph--width--medium,
- .field--name-bp-width .form-type-radio label.option.paragraph--width--wide,
- .field--name-bp-width .form-type-radio label.option.paragraph--width--full,
- .field--name-bp-width .form-type-radio label.option.bg-edge2edge,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--tiny,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--narrow,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--medium,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--wide,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--full,
- .field--name-bp-width .form-type--radio label.option.bg-edge2edge {
- background-image: none;
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .field--name-bp-width .form-type-radio label.option.paragraph--width--tiny,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--tiny {
- background-image: url("../../images/icons/paragraph--width--tiny.svg");
- }
-
- .field--name-bp-width .form-type-radio label.option.paragraph--width--narrow,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--narrow {
- background-image: url("../../images/icons/paragraph--width--narrow.svg");
- }
-
- .field--name-bp-width .form-type-radio label.option.paragraph--width--medium,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--medium {
- background-image: url("../../images/icons/paragraph--width--medium.svg");
- }
-
- .field--name-bp-width .form-type-radio label.option.paragraph--width--wide,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--wide {
- background-image: url("../../images/icons/paragraph--width--wide.svg");
- }
-
- .field--name-bp-width .form-type-radio label.option.paragraph--width--full,
- .field--name-bp-width .form-type--radio label.option.paragraph--width--full {
- background-image: url("../../images/icons/paragraph--width--full.svg");
- }
-
- .field--name-bp-width .form-type-radio label.option.bg-edge2edge,
- .field--name-bp-width .form-type--radio label.option.bg-edge2edge {
- background-image: url("../../images/icons/paragraph--width--edge-to-edge.svg");
- }
-
- .field--name-bp-gutter .form-type-radio label.option.gutter-0,
- .field--name-bp-gutter .form-type-radio label.option.gutter-1,
- .field--name-bp-gutter .form-type--radio label.option.gutter-0,
- .field--name-bp-gutter .form-type--radio label.option.gutter-1 {
- background-image: none;
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .field--name-bp-gutter .form-type-radio label.option.gutter-0,
- .field--name-bp-gutter .form-type--radio label.option.gutter-0 {
- background-image: url("../../images/icons/paragraph--gutter--without-gutter.svg");
- }
-
- .field--name-bp-gutter .form-type-radio label.option.gutter-1,
- .field--name-bp-gutter .form-type--radio label.option.gutter-1 {
- background-image: url("../../images/icons/paragraph--gutter--with-gutter.svg");
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-50-25,
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--50-25-25,
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-25-50,
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-66-16,
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--66-16-16,
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-16-66,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-50-25,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--50-25-25,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-25-50,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-66-16,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--66-16-16,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-16-66 {
- background-image: none;
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-50-25,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-50-25 {
- background-image: url("../../images/icons/paragraph--style--25-50-25.svg");
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--50-25-25,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--50-25-25 {
- background-image: url("../../images/icons/paragraph--style--50-25-25.svg");
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-25-50,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-25-50 {
- background-image: url("../../images/icons/paragraph--style--25-25-50.svg");
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-66-16,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-66-16 {
- background-image: url("../../images/icons/paragraph--style--16-66-16.svg");
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--66-16-16,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--66-16-16 {
- background-image: url("../../images/icons/paragraph--style--66-16-16.svg");
- }
-
- .field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-16-66,
- .field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-16-66 {
- background-image: url("../../images/icons/paragraph--style--16-16-66.svg");
- }
-
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--75-25,
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--66-33,
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--25-75,
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--33-66,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--75-25,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--66-33,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--25-75,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--33-66 {
- background-image: none;
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--75-25,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--75-25 {
- background-image: url("../../images/icons/paragraph--style--75-25.svg");
- }
-
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--66-33,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--66-33 {
- background-image: url("../../images/icons/paragraph--style--66-33.svg");
- }
-
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--25-75,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--25-75 {
- background-image: url("../../images/icons/paragraph--style--25-75.svg");
- }
-
- .field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--33-66,
- .field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--33-66 {
- background-image: url("../../images/icons/paragraph--style--33-66.svg");
- }
-
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--50-50,
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--75-25,
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--66-33,
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--25-75,
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--33-66,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--50-50,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--75-25,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--66-33,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--25-75,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--33-66 {
- background-image: none;
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--50-50,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--50-50 {
- background-image: url("../../images/icons/paragraph--style--50-50.svg");
- }
-
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--75-25,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--75-25 {
- background-image: url("../../images/icons/paragraph--style--75-25.svg");
- }
-
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--66-33,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--66-33 {
- background-image: url("../../images/icons/paragraph--style--66-33.svg");
- }
-
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--25-75,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--25-75 {
- background-image: url("../../images/icons/paragraph--style--25-75.svg");
- }
-
- .field--name-text-and-image-style .form-type-radio label.option.paragraph--style--33-66,
- .field--name-text-and-image-style .form-type--radio label.option.paragraph--style--33-66 {
- background-image: url("../../images/icons/paragraph--style--33-66.svg");
- }
-
- .field--name-field-image-position .form-type-radio label.option.right,
- .field--name-field-image-position .form-type-radio label.option.left,
- .field--name-field-image-position .form-type--radio label.option.right,
- .field--name-field-image-position .form-type--radio label.option.left {
- background-image: none;
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .field--name-field-image-position .form-type-radio label.option.right,
- .field--name-field-image-position .form-type--radio label.option.right {
- background-image: url("../../images/icons/paragraph--style--right.svg");
- }
-
- .field--name-field-image-position .form-type-radio label.option.left,
- .field--name-field-image-position .form-type--radio label.option.left {
- background-image: url("../../images/icons/paragraph--style--left.svg");
- }
-
- [dir=rtl] .field--name-bp-background .form-type-radio label,
- [dir=rtl] .field--name-bp-background .form-type--radio label,
- [dir=rtl] .field--name-bp-width .form-type-radio label,
- [dir=rtl] .field--name-bp-width .form-type--radio label,
- [dir=rtl] .field--name-bp-gutter .form-type-radio label,
- [dir=rtl] .field--name-bp-gutter .form-type--radio label,
- [dir=rtl] .field--name-bp-column-style-3 .form-type-radio label,
- [dir=rtl] .field--name-bp-column-style-3 .form-type--radio label,
- [dir=rtl] .field--name-bp-column-style-2 .form-type-radio label,
- [dir=rtl] .field--name-bp-column-style-2 .form-type--radio label,
- [dir=rtl] .field--name-text-and-image-style .form-type-radio label,
- [dir=rtl] .field--name-text-and-image-style .form-type--radio label,
- [dir=rtl] .field--name-field-image-position .form-type-radio label,
- [dir=rtl] .field--name-field-image-position .form-type--radio label {
- float: right !important;
- }
-
- [dir=rtl] .field--name-bp-background .form-type-radio label._none:after,
- [dir=rtl] .field--name-bp-background .form-type--radio label._none:after,
- [dir=rtl] .field--name-bp-width .form-type-radio label._none:after,
- [dir=rtl] .field--name-bp-width .form-type--radio label._none:after,
- [dir=rtl] .field--name-bp-gutter .form-type-radio label._none:after,
- [dir=rtl] .field--name-bp-gutter .form-type--radio label._none:after,
- [dir=rtl] .field--name-bp-column-style-3 .form-type-radio label._none:after,
- [dir=rtl] .field--name-bp-column-style-3 .form-type--radio label._none:after,
- [dir=rtl] .field--name-bp-column-style-2 .form-type-radio label._none:after,
- [dir=rtl] .field--name-bp-column-style-2 .form-type--radio label._none:after,
- [dir=rtl] .field--name-text-and-image-style .form-type-radio label._none:after,
- [dir=rtl] .field--name-text-and-image-style .form-type--radio label._none:after,
- [dir=rtl] .field--name-field-image-position .form-type-radio label._none:after,
- [dir=rtl] .field--name-field-image-position .form-type--radio label._none:after {
- right: -5px;
- left: 0;
- }
-
- .paragraph--view-mode--preview .field--name-bp-image-field img {
- width: 100%;
- }
-
- .paragraph-type-add-modal input.paragraph-type-add-modal-button:hover {
- color: #000;
- }
-
- input.paragraph-type-add-modal-button,
- input .widget {
- padding-left: 10px !important;
- }
-
- .paragraphs-collapsed-description {
- display: none;
- }
-
- .paragraph-actions {
- float: right;
- }
-
- .paragraphs-subform .paragraph-type-top {
- top: 0;
- }
-
- .paragraphs-previewer.button {
- grid-column-start: 5;
- grid-column-end: 5;
- }
-
- .add-in-between-row td {
- text-align: center;
- }
-
- .paragraphs-tabs-wrapper .form-item .clearfix {
- margin-top: 10px;
- }