laipower/wp-content/plugins/gp-premium/sections/functions/metaboxes/css/generate-sections-metabox.css

349 lines
7.3 KiB
CSS
Raw Normal View History

2020-04-07 13:03:04 +00:00
body {
-webkit-backface-visibility: hidden;
}
#_generate_sections_metabox {
opacity: 0;
height: 0;
overflow: hidden;
}
#_generate_use_sections_metabox {
display: block !important;
}
.generate_sections_control {
padding-top: 8px;
}
.generate-sections-enabled #postdivrich {
opacity: 0;
height: 0;
overflow: hidden;
}
.generate-sections-enabled #_generate_sections_metabox {
opacity: 1;
height: auto;
}
.generate_sections_control .warning {
color: red;
}
.generate_sections_control .dodelete-repeating_textareas {
float: right;
}
.generate_sections_control .section {
border: 1px solid #DFDFDF;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin: 6px 0px 8px;
overflow: hidden;
position: relative;
background: white;
}
.generate_sections_control .section .section-title {
font-size: 14px;
padding: 0 0 0 15px;
margin: 0;
max-height: 50px;
}
.generate_sections_control .section .section-title > span {
cursor: pointer;
overflow:hidden;
display:block;
max-height:50px;
line-height:50px;
width:100%;
}
.generate_sections_control .section .section-controls {
position: absolute;
top:0;
right:0;
text-align: right;
}
.rtl .generate_sections_control .section .section-controls {
right:auto;left:0;
}
.generate_sections_control .section .section-controls a {
color: #aaa;
display:block;
float:left;
border-left: 1px solid #efefef;
}
.generate_sections_control .section .section-controls a:hover {
color: #777;
}
.generate_sections_control .section textarea {
display: none;
}
.generate_sections_control .section h3 {
color: #999;
font-size: 1em;
margin: 15px 6px;
text-transform: uppercase;
}
.generate_sections_control .section .ui-sortable-placeholder {
line-height: 1.4em;
border: 3px dashed #DDD;
}
.generate-sections-modal .media-menu-item {
cursor: pointer;
}
.custom-classes input {
width:100%;
}
.js .generate_sections_control .move-section {
cursor: move;
}
.generate-sections-modal p {
margin-top:5px;
}
#_generate_sections_metabox {
box-shadow: 0 0 0 transparent;
}
.section-controls a {
line-height:50px;
padding: 0 15px;
width:initial;
height:initial;
}
.generate_sections_control .section .section-controls a.delete-section:hover {
color: red;
}
.generate_sections_control p {
margin: 5px;
}
textarea#generate-sections-editor {
border:0;
}
#generate-sections-editor_ifr {
min-height: 400px;
}
a#generate-add-section, a#generate-delete-sections {
height: auto;
line-height: inherit;
padding: 10px 20px;
}
#wp-generate-sections-editor-wrap.old-sections-js .wp-media-buttons > * {
display:none;
}
#wp-generate-sections-editor-wrap.old-sections-js .wp-media-buttons > .generate-sections-add-media,
#wp-generate-sections-editor-wrap.old-sections-js .wp-media-buttons > .su-generator-button,
#wp-generate-sections-editor-wrap.old-sections-js .wp-media-buttons > .envira-gallery-choose-gallery,
#wp-generate-sections-editor-wrap.old-sections-js .wp-media-buttons > .gridable-insert-row-button {
display: inline-block;
}
#custom-media-buttons > * {
display: none;
}
#custom-media-buttons > .insert-media,
#custom-media-buttons > .su-generator-button,
#custom-media-buttons > .envira-gallery-choose-gallery,
#custom-media-buttons > .gridable-insert-row-button,
#custom-media-buttons > .bfa-iconpicker {
display: inline-block;
}
#_generate_sections_metabox {
background: transparent;
border: 0;
}
#_generate_sections_metabox > .handlediv, #_generate_sections_metabox > .hndle {
display: none;
}
#_generate_sections_metabox > .inside {
padding-left: 0;
padding-right: 0;
}
body.wp-admin .grid-container {
max-width: 100%;
}
.generate-sections-modal h3 {
margin-top: 0;
}
input#custom_classes,
input#custom_id {
width: 100%;
max-width: 300px;
}
.box-type select,
.inner-box-type select,
.parallax-effect select,
.top-padding input,
.bottom-padding input {
width: 100%;
box-sizing: border-box;
}
.send-to-editor {
display: inline-block;
margin-top: 15px !important;
}
#generate-sections-modal-dialog .media-frame-title .dashicons-arrow-down {
display: none;
}
2020-04-07 13:03:04 +00:00
.gs-grid-container {
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.gs-grid-parent {
padding-left: 0;
padding-right: 0;
}
.gs-grid-container:before,
.gs-grid-container:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
clear: both;
}
@media screen and (min-width: 769px) {
.gs-grid-50:before,
.gs-grid-50:after,
.gs-grid-33:before,
.gs-grid-33:after,
.gs-grid-25:before,
.gs-grid-25:after
.gs-grid-20:before,
.gs-grid-20:after
.gs-grid-12:before,
.gs-grid-12:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
clear: both;
}
.gs-grid-50,
.gs-grid-33,
.gs-grid-25,
.gs-grid-20,
.gs-grid-12 {
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.gs-grid-50 {
width: 50% !important;
float: left;
}
.gs-grid-33 {
width: 33.333% !important;
float: left;
}
.gs-grid-25 {
width: 25% !important;
float: left;
}
.gs-grid-20 {
width: 20% !important;
float: left;
}
.gs-grid-12 {
width: 12.5% !important;
float: left;
}
.top-border {
border-top: 1px solid #EFEFEF;
}
.bottom-border {
border-bottom: 1px solid #EFEFEF;
}
.border-right {
border-right: 1px solid #EFEFEF;
}
.border-left {
border-left: 1px solid #EFEFEF;
}
}
@media screen and (max-width: 768px) {
.gs-grid-50, .gs-grid-33, .gs-grid-25, .gs-grid-12 {
width: 100% !important;
}
.generate_sections_control .section .section-controls {
position: relative;
}
}
@media screen and (max-width: 500px) {
.generate_sections_control .section .section-controls a:first-child {
border-left: 0;
}
}
#generate-sections-modal-dialog .media-modal-close {
text-decoration: none;
text-align: center;
}
/*
The styles below were ripped from the Media Modal in WordPress 3.5
~~ Thanks for building a beautiful Modal UI ( that I could steal )
*/
body.generate-modal-open { overflow: hidden; }
.generate-sections-modal .media-modal { z-index: 65535; }
.generate-sections-modal .media-modal-backdrop { z-index: 65534; }
.generate-sections-modal .media-frame-content .panel { display: none; padding: 2em; }
.generate-sections-modal .media-frame-content .panel.active { display: block; }
.generate-sections-modal .media-frame-content .panel .section-title input { width:100%;padding:10px; }
.generate-sections-modal .media-frame-content .panel .html-active .mce-panel { display: none; }
.generate-sections-modal .media-frame-content .panel .html-active .wp-editor-area { display: block !important; min-height: 300px; }
.generate-sections-modal .media-frame-content .panel .mce-wp-dfw, .generate-sections-modal .media-frame-content .panel .qt-dfw { display: none; }
.generate-sections-modal .media-frame-content .panel .generate-sections-remove-image { display: none; }
textarea.no-rich-edit {
width: 100%;
min-height: 300px;
}
.wp-picker-container .wp-color-result.button {
height: 24px;
margin: 0 6px 6px 0px;
padding: 0 0 0 30px;
font-size: 11px;
}
.wp-color-result:after {
display: none;
}
.wp-color-result-text {
background: #f7f7f7;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ccc;
color: #555;
display: block;
line-height: 22px;
padding: 0 6px;
text-align: center;
}