Current Path : /var/test/www/ljmti/wp-content/themes/clevercourse/framework/stylesheet/ |
Current File : /var/test/www/ljmti/wp-content/themes/clevercourse/framework/stylesheet/gdlr-page-builder.css |
.clear{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; zoom: 1; } .clear-fix{ zoom: 1; } .clear-fix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .gdlr-first{ clear: left; } #page-builder .inside{ padding: 0px; margin: 0px; background-color: #f1f1f1; } .page-builder-head-wrapper{ padding: 22px; background: #e7e7e7; position: relative; } .page-builder-head-wrapper .page-builder-head{ font-size: 15px; font-weight: bold; line-height: 20px; margin: 0px; padding-left: 26px; background-position: 0px center; background-repeat: no-repeat; } .page-builder-head-wrapper .page-builder-head.add-content{ background-image: url('../images/page-builder/icon-add-content.png'); } .page-builder-head-wrapper .page-builder-head.page-builder{ background-image: url('../images/page-builder/icon-page-builder.png'); } .page-builder-head-wrapper .command-button-wrapper{ position: absolute; right: 20px; top: 50%; margin-top: -13px; } .page-builder-head-wrapper .command-button-wrapper input[type="button"]{ color: #fff; font-size: 12px; font-weight: bold; border: 0px; height: 26px; padding-left: 8px; padding-right: 8px; margin-right: 5px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-builder-head-wrapper .command-button-wrapper .undo-button{ background-color: #cf7272; } .page-builder-head-wrapper .command-button-wrapper .redo-button{ background-color: #72bfcf; } /*--- page builder selector ---*/ .page-builder-creator{ padding: 20px 20px 40px; } .page-builder-creator .item-selector-wrapper{ width: 225px; float: left; margin-right: 40px; } .page-builder-creator .item-selector-header{ font-size: 14px; font-weight: bold; color: #7a7a7a; margin: 20px 0px; } .page-builder-creator input[type="button"]{ width: 35px; height: 35px; padding: 3px; margin: 0px; border: 0px; background: #72a3cf; color: #ffffff; font-size: 20px; float: left; vertical-align: top; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-builder-creator .gdlr-combobox-wrapper{ width: 181px; height: 35px; float: left; overflow: hidden; margin-right: 8px; background:url(../images/page-builder/combobox.png) no-repeat 0 0; } .page-builder-creator .gdlr-combobox-wrapper select{ height: 33px; width: 209px; color: #909090; padding: 0px 5px; margin: 1px 0px; font-size: 12px; max-width: none; line-height: 1; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; } /*--- page builder content ---*/ .page-builder-content{ padding: 20px 10px; font-size: 12px; } .page-builder-content input{ font-size: 12px; box-shadow: none; } .page-builder-content .content-section-wrapper{ margin-bottom: 20px; } .page-builder-content .content-section-head-wrapper{ background-color: #72a3cf; padding: 15px 25px 12px; cursor: pointer; margin: 0px 10px; background-image: url('../images/page-builder/section-head-pattern.png'); border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #6289ac; } .content-section-head-wrapper .content-section-head{ font-size: 15px; font-weight: bold; color: #fff; padding: 0px 0px 0px 25px; margin: 0px; background-repeat: no-repeat; background-position: 0px center; background-image: url('../images/page-builder/icon-section-close.png'); } .content-section-head-wrapper.active .content-section-head{ background-image: url('../images/page-builder/icon-section-open.png'); } .page-builder-content .page-builder-item-area{ margin-top: 20px; background-color: #f1f1f1; min-height: 100px; transition: background-color 300ms, margin 300ms; -moz-transition: background-color 300ms, margin 300ms; -o-transition: background-color 300ms, margin 300ms; -webkit-transition: background-color 300ms, margin 300ms; } .page-builder-content .page-builder-item-area.blank{ background-color: #fffced; margin: 20px 10px 0px; } /*--- draggable section ---*/ #page-builder-default-item{ display: none; } .gdlr-item-option{ display: none; } .gdlr-sortable{ position: relative; } .gdlr-draggable{ cursor: move; } .gdlr-draggable .gdlr-edit-item{ width: 16px; height: 16px; margin-top: -7px; position: absolute; top: 50%; right: 34px; z-index: 99; cursor: pointer; background: url('../images/page-builder/icon-edit-item.png') no-repeat center; } .gdlr-draggable .gdlr-delete-item{ width: 16px; height: 16px; margin-top: -7px; position: absolute; top: 50%; right: 14px; z-index: 99; cursor: pointer; background: url('../images/page-builder/icon-remove-item.png') no-repeat center; } .gdlr-draggable-wrapper .gdlr-draggable-head{ background: #f8f8f8; color: #5a5a5a; border-bottom: 1px solid #e5e5e5; position: relative; } .gdlr-draggable-wrapper[data-type="color-wrapper"] .gdlr-draggable-head{ background: #fffcf3; } .gdlr-draggable-wrapper[data-type="parallax-bg-wrapper"] .gdlr-draggable-head{ background: #f3f9ff; } .gdlr-draggable-wrapper[data-type="color-wrapper"] .gdlr-draggable-wrapper .gdlr-draggable-head, .gdlr-draggable-wrapper[data-type="parallax-bg-wrapper"] .gdlr-draggable-wrapper .gdlr-draggable-head{ background: #f8f8f8; } .gdlr-draggable-wrapper .gdlr-size-wrapper{ float: left; } .gdlr-draggable-wrapper .gdlr-size-control{ float: left; } .gdlr-draggable-wrapper .gdlr-size-text{ float: left; color: #929292; background: #ebebeb; font-size: 13px; line-height: 20px; height: 20px; padding: 12px 9px; } .gdlr-draggable-wrapper .gdlr-increase-size{ width: 22px; height: 22px; background-color: #9a9a9a; cursor: pointer; background-image: url('../images/page-builder/increase-item-size.png'); background-position: center; background-repeat: no-repeat; } .gdlr-draggable-wrapper .gdlr-decrease-size{ width: 22px; height: 22px; background-color: #b6b6b6; cursor: pointer; background-image: url('../images/page-builder/decrease-item-size.png'); background-position: center; background-repeat: no-repeat; } .gdlr-draggable-wrapper .gdlr-draggable-text{ overflow: hidden; line-height: 20px; height: 20px; padding: 12px 7px; font-size: 12px; font-weight: bold; } .gdlr-draggable-wrapper .gdlr-draggable-text-input{ background: transparent; border: none; width: 190px; max-width: 80%; height: 20px; margin: 0px; padding: 0px 8px; display: block; color: #5a5a5a; box-shadow: none; } .gdlr-draggable-wrapper .gdlr-draggable-text-input:hover{ background: #fff;} .gdlr-draggable-wrapper .gdlr-draggable-text-input:focus{ background: #fff; margin-left: 8px; border: 1px solid #ddd; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .gdlr-draggable-text-input{ transition: background-color 300ms, color 300ms; -moz-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; -webkit-transition: background-color 300ms, color 300ms; } .gdlr-inner-sortable{ background: #fff; min-height: 80px; padding: 20px 10px 0px; } .gdlr-inner-sortable .gdlr-draggable-item .gdlr-draggable-text{ padding: 0px; height: auto; } .gdlr-inner-sortable .gdlr-inner-sortable{ background: #f8f8f8; } .gdlr-draggable-item .gdlr-item{ color: #fff; font-size: 12px; font-weight: bold; padding: 13px 65px 10px 14px; background: #6a6a6a; border-bottom: 3px solid #545454; position: relative; } .gdlr-draggable-item .gdlr-draggable-text-input{ background: transparent; border: none; width: 120px; max-width: 100%; height: auto; margin: 0px; padding: 0px 8px; display: block; color: #ffffff; } .gdlr-draggable-item .gdlr-draggable-text-input:hover{ background: #7d7d7d; } .gdlr-draggable-item .gdlr-draggable-text-input:focus{ background: #fff; color: #555; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .gdlr-input-hidden{ display: none; } .gdlr-placeholder{ background: #fffced; margin: 0px 10px; } .gdlr-inner-sortable > .color-wrapper-placeholder, .gdlr-inner-sortable > .full-size-wrapper-placeholder, .gdlr-inner-sortable > .parallax-bg-wrapper-placeholder, .column1-5-sortable > .gdlr-placeholder-wrapper, .column1-4-sortable > .gdlr-placeholder-wrapper, .column2-5-sortable > .gdlr-placeholder-wrapper, .column1-3-sortable > .gdlr-placeholder-wrapper, .column1-2-sortable > .gdlr-placeholder-wrapper, .column3-5-sortable > .gdlr-placeholder-wrapper, .column2-3-sortable > .gdlr-placeholder-wrapper, .column3-4-sortable > .gdlr-placeholder-wrapper, .column4-5-sortable > .gdlr-placeholder-wrapper, .column1-1-sortable > .gdlr-placeholder-wrapper, .column1-5-sortable > .gdlr-placeholder-wrapper div, .column1-4-sortable > .gdlr-placeholder-wrapper div, .column2-5-sortable > .gdlr-placeholder-wrapper div, .column1-3-sortable > .gdlr-placeholder-wrapper div, .column1-2-sortable > .gdlr-placeholder-wrapper div, .column3-5-sortable > .gdlr-placeholder-wrapper div, .column2-3-sortable > .gdlr-placeholder-wrapper div, .column3-4-sortable > .gdlr-placeholder-wrapper div, .column4-5-sortable > .gdlr-placeholder-wrapper div, .column1-1-sortable > .gdlr-placeholder-wrapper div{ height: 0px !important; margin-bottom: 0px !important; overflow: hidden; }