%PDF- %PDF-
Direktori : /home/tradesc/www/relax/wp-content/plugins/advanced-woo-labels/assets/css/ |
Current File : /home/tradesc/www/relax/wp-content/plugins/advanced-woo-labels/assets/css/admin.css |
.nav-tab.premium-tab { background: #FFF7C7; } .nav-tab.premium-tab:hover { background: #fff; } .wp-submenu .current a[href*="page=awl-options&tab=premium"] span, .wp-submenu a[href*="page=awl-options&tab=premium"]:hover span { color: rgb(255, 255, 91, 1) !important; } #awl_form { } #awl_form .form-table th { padding: 8px 30px 8px 0; } #awl_form .form-table td { position: relative; padding: 4px 10px 30px; } #awl_form .form-table td select, #awl_form .form-table td input[type="text"], #awl_form .form-table td input[type="number"] { width: 310px; } #awl_form .sortable-container { width: 200px; padding: 0; float: left; margin-right: 10px; } #awl_form .sortable-title { padding: 8px 0; margin-right: 10px; font-size: 12px; font-weight: 700; line-height: 17px; } #awl_form .sti-sortable { border: 1px solid #C7C4C4; background: #fff7f7; list-style-type: none; margin: 0; padding: 5px; margin-right: 10px; min-height: 180px; } #awl_form .sti-sortable.enabled { background: #ddf0dc; } #awl_form .sti-sortable li.sti-btn, #awl_form .sti-sortable li.highlight, #awl_form .sti-sortable li#excerpt { display: inline-block; /*float: left;*/ width: 100%; height: auto; margin: 0 3px 3px 0; cursor: pointer; background: #F1F1F1; border: 1px solid #C7C4C4; text-align: center; padding: 8px 0; text-transform: capitalize; } #awl_form .sti-sortable li.highlight { background: #fff; width: 100%; height: 36px; padding: 0; border: 1px dotted #ccc; } #awl_form .awl-heading { margin-right: -40px; } /* Image select option */ #awl_form .img-select { position: relative; font-size: 0; list-style: none; max-width: 400px; } #awl_form .img-select .option { display: block; position: relative; vertical-align: top; height: 36px; width: 400px; margin: 0 0 16px; } #awl_form .img-select .option input { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; opacity: 0; } #awl_form .img-select .option input:before, #awl_form .img-select .option input:checked:before{ display: none; } #awl_form .img-select .option .ico { display: block; width: 100%; height: 100%; margin: 0 auto; background-size: contain !important; border:2px solid transparent; border-radius: 5px; } #awl_form .img-select .option input:checked + .ico { border-color: rgba(0,0,0,0.6); } /* Premium tab */ #awl_form .b-compare .column { width: 50%; float: left; } #awl_form .b-compare .column p { font-size: 14px; border-bottom: 1px solid #ccc; padding-bottom: 4px; } #awl_form .description.activation { font-size: 14px; line-height: 1.5; font-style: normal; } #awl_form .description.activation .list { padding-top: 2px; } /* Hooks table */ #awl_form .awl-hooks-table, #awl_form .awl-hooks-table * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #awl_form .awl-hooks-table { border: 1px solid #ccd0d4; background: #fff; width: 100%; max-width: 750px; padding: 2px 0 0; margin: 0; } #awl_form .awl-hooks-table thead th { border-bottom: 1px solid #ccd0d4; padding: 10px 4px 10px; } #awl_form .awl-hooks-table thead th:first-of-type { padding-left: 12px; } #awl_form .awl-hooks-table thead th:last-of-type { padding-right: 12px; } #awl_form .awl-hooks-table th.h-hook { width: 65%; } #awl_form .awl-hooks-table th.h-remove { width: 28px; } #awl_form .awl-hooks-table tfoot th { padding: 10px; } #awl_form .awl-hooks-table tfoot th .button { display: inline-flex; align-items: center; } #awl_form .awl-hooks-table tfoot th .button .text { padding-left: 6px; } #awl_form .awl-hooks-table tfoot th .button.generate-hook-group { position: relative; margin-top: 8px; } #awl_form .awl-hooks-table.awl-has-hooks tfoot th .button.generate-hook-group { display: none; } #awl_form .awl-hooks-table tfoot th .button.generate-hook-group:after { content: ""; display: none; position: absolute; top: 50%; margin-top: -10px; right: -30px; width: 20px; height: 20px; background: url('../img/loader.gif') no-repeat 50% 50%; } #awl_form .awl-hooks-table tfoot th .button.generate-hook-group.awl-pending:after { display: block; } #awl_form .awl-hooks-table tfoot th .button.generate-hook-group .text { padding-left: 8px; } #awl_form .awl-hooks-table td { vertical-align: top; background: #fff; text-align: left; font-weight: normal; border: 0 none; padding: 2px 4px 4px; } #awl_form .awl-hooks-table tr.awl-hook:first-of-type td { padding-top: 10px; } #awl_form .awl-hooks-table tr.awl-hook td:first-of-type { padding-left: 10px; } #awl_form .awl-hooks-table tr.awl-hook td:last-of-type { padding-right: 10px; } #awl_form .awl-hooks-table td input, #awl_form .awl-hooks-table td select { width: 100% !important; max-width: 100%; } #awl_form .awl-hooks-table .hook.awl-custom select { width: 30% !important; } #awl_form .awl-hooks-table .hook .custom-val, #awl_form .awl-hooks-table .hook .advanced-val { display: none; } #awl_form .awl-hooks-table .hook.awl-custom .custom-val, #awl_form .awl-hooks-table .hook.awl-advanced .advanced-val{ display: inline-block; float: right; } #awl_form .awl-hooks-table .hook.awl-custom .custom-val.custom-val-type { width: calc(20% - 8px) !important; margin-right: 6px; } #awl_form .awl-hooks-table .hook.awl-custom .custom-val.custom-val-name { width: calc(50% - 8px) !important; } #awl_form .awl-hooks-table .hook.awl-custom .advanced-val.advanced-val-js, #awl_form .awl-hooks-table .hook.awl-custom .advanced-val.advanced-val-js-pos, #awl_form .awl-hooks-table .hook.awl-custom .advanced-val.advanced-val-callback, #awl_form .awl-hooks-table .hook.awl-custom .advanced-val.advanced-val-callback-args { width: calc(25% - 6px) !important; float: none; vertical-align: top; margin-top: 5px; margin-right: 6px; } #awl_form .awl-hooks-table .hook.awl-custom .advanced-val.advanced-val-callback-args { margin-right: 0; } #awl_form .awl-hooks-table .hook.awl-custom .advanced-val.advanced-val-js-pos.advanced-val-empty { color: #888; } #awl_form .awl-hooks-table td.remove a.remove-hook { padding-left: 12px; padding-right: 12px; transition: opacity .3s ease-in-out; } #awl_form .awl-hooks-table td.remove a.remove-hook:hover { background-color: #F55E4F; border-color: #F55E4F; color: #fff; } #awl_form .awl-disabled, #awl_form .awl-disabled td, #awl_form .awl-disabled select, #awl_form .awl-disabled input, #awl_form .awl-disabled a { pointer-events: none; background: #ececec; opacity: 0.8; } /* Labels rules */ .awl-rules, .awl-rules * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .awl-rules .awl-rules-desc { padding: 8px 4px 8px; font-weight: 600; } .awl-rules .awl-rules-notices { padding: 8px 6px 8px; background-color: rgba(255, 0, 0, 0.01); border: 1px solid #ff0000; color: #ff0000; font-size: 13px; line-height: 1.4; border-radius: 4px; margin: 10px 0 10px; } .awl-rules .awl-rules-notices code { display: inline-block; margin: 5px 0; } .awl-rules .awl-rules-table { background: #fff; border-spacing: 0; border-radius: 0; table-layout: auto; padding: 0 60px 0 0; margin: 0; width: 100%; clear: both; border: 0 none; } .awl-rules .awl-rules-table:after { content: 'or'; display: block; font-weight: 600; padding: 10px 4px; } .awl-rules .awl-rules-table tr { z-index: 1; } .awl-rules .awl-rules-table td { vertical-align: top; background: #fff; text-align: left; font-weight: normal; border: 0 none; padding: 4px; } .awl-rules .awl-rules-table td.awl-hide { visibility: hidden; } .awl-rules .awl-rules-table td select, .awl-rules .awl-rules-table td input { width: 100%; resize: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.4; padding: 2px 8px; } .awl-rules .awl-rules-table td { position: relative; } .awl-rules .awl-rules-table .awl-pending td { visibility: hidden; } .awl-rules .awl-rules-table td.param:after { content: ""; display: none; position: absolute; top: 8px; right: -40px; width: 20px; height: 20px; background: url('../img/loader.gif') no-repeat 50% 50%; } .awl-rules .awl-rules-table .awl-pending td.param { visibility: visible; } .awl-rules .awl-rules-table .awl-pending td.param:after { display: block; } .awl-rules .awl-rules-table td.param { width: 40%; } .awl-rules .awl-rules-table td.operator { width: 20%; } .awl-rules .awl-rules-table td.add { width: 40px; } .awl-rules .awl-rules-table td.remove { width: 28px; vertical-align: middle; } .awl-rules .awl-rules-table td.remove a.remove-rule { visibility: hidden; padding-left: 12px; padding-right: 12px; transition: opacity .3s ease-in-out; } .awl-rules .awl-rules-table tr.adv td.param select { width: 50%; } /*.awl-rules .awl-rules-table tr td.param select.suboption-val {*/ /*display: none;*/ /*}*/ .awl-rules .awl-rules-table tr.adv td.param select.suboption-val, .awl-rules .awl-rules-table tr.adv td.param select.suboption-val+.select2-container{ /*display: inline-block;*/ width: calc(50% - 8px); float: right; } .awl-rules .awl-rules-table tr.adv td.param select:first-child:after { content: 'd'; padding-right: 2px; display: block; width: 5px; } .awl-rules .awl-rules-table .awl-rule:hover td.remove a.remove-rule { visibility: visible; } .awl-rules table:first-of-type .awl-rule:first-child:hover td.remove a.remove-rule { visibility: hidden; } .awl-rules .awl-rules-table .awl-rule.awl-pending:hover td.remove a.remove-rule { visibility: hidden; } .awl-rules .awl-rules-table td.remove a.remove-rule:hover { background-color: #F55E4F; border-color: #F55E4F; color: #fff; } .awl-rules .add-rule-group { margin-left: 4px; } /* Select2 */ .wp-admin .select2-container--default .select2-search--dropdown .select2-search__field { height: 26px; min-height: 26px; } .wp-admin .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none; box-shadow: none; border: 1px solid #7e8993; } .wp-admin .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1E90FF; color: white; } .wp-admin .select2-results__option { margin: 0; padding: 3px 6px; } .wp-admin .select2-container--default .select2-results > .select2-results__options { overflow-x: hidden; word-break: break-word; } .awl-rules .select2-container--default .select2-selection--single { border-color: #7e8993; box-shadow: none; border-radius: 3px; font-size: 14px; min-height: 30px; background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%; background-size: 16px 16px; } .awl-rules .select2-container--default .select2-selection--single:focus { outline-color: #007cba; } .awl-rules .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } /* Label Settings box*/ .awl-label-settings, .awl-label-settings * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .awl-label-settings { display: flex; } .awl-label-settings.awl-disable-all * { pointer-events:none !important; } .awl-label-settings .awl-column-table { width: 75%; } .awl-label-settings .awl-label-settings-table { background: #fff; border-spacing: 0; border-radius: 0; table-layout: auto; padding: 0 60px 0 0; margin: 0; /*width: 100%;*/ clear: both; border: 0 none; } .awl-label-settings .awl-label-settings-table tr { display: block; margin: 7px 0; position: relative; } .awl-label-settings .awl-label-settings-table [data-option-id="type"]:before { content: ""; display: none; position: absolute; top: 50%; margin-top: -10px; right: -30px; width: 20px; height: 20px; background: url('../img/loader.gif') no-repeat 50% 50%; } .awl-label-settings .awl-label-settings-table [data-option-id="type"].awl-pending:before { display: block; } .awl-label-settings.awl-first-init .awl-label-settings-table [data-option-id="type"].awl-pending:before { display: none; } .awl-label-settings .awl-label-settings-table th { width: 150px; text-align: left; font-weight: normal; vertical-align: top; padding: 8px 20px 8px 0; } .awl-label-settings .awl-label-settings-table td { position: relative; vertical-align: top; background: #fff; text-align: left; font-weight: normal; border: 0 none; padding: 4px; width: 309px; } .awl-label-settings .awl-label-settings-table td select, .awl-label-settings .awl-label-settings-table td textarea, .awl-label-settings .awl-label-settings-table td input[type="text"], .awl-label-settings .awl-label-settings-table td input[type="number"]{ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.4; padding: 2px 8px; width: 100%; } .awl-label-settings .awl-label-settings-table td select, .awl-label-settings .awl-label-settings-table td input[type="text"], .awl-label-settings .awl-label-settings-table td input[type="number"] { resize: none; } .awl-label-settings .awl-label-settings-table td .fields-columns { display: flex; justify-content: space-between; } .awl-label-settings .awl-label-settings-table td .fields-columns .fields-column-item { padding-right: 5px; } .awl-label-settings .awl-label-settings-table td .fields-columns .fields-column-item:last-child { padding-right: 0; } .awl-label-settings .awl-label-settings-table td .fields-columns.fields-columns-4 .fields-column-item { width: 25%; } .awl-label-settings .awl-label-settings-table td .fields-columns.fields-columns-3 .fields-column-item { width: 33%; } .awl-label-settings .awl-label-settings-table td .fields-columns.fields-columns-2 .fields-column-item { width: 50%; } .awl-label-settings .awl-label-settings-table td .additional-info { } .awl-label-settings .awl-label-settings-table td .additional-info a { text-decoration: none; outline: none; } .awl-label-settings .awl-label-settings-table td .additional-info a:active, .awl-label-settings .awl-label-settings-table td .additional-info a:focus{ outline: 0; border: none; box-shadow: none; color: #00a0d2; } .awl-label-settings .awl-label-settings-table td .additional-info .info-spoiler { display: none; list-style: none; margin: 10px 0; padding: 0; font-size: 12px; margin-right: -80px; } .awl-label-settings .awl-label-settings-table td .additional-info .info-spoiler.show { display: block; } .awl-label-settings .awl-label-settings-table td .additional-info .info-spoiler li { margin: 0 0 3px; } .awl-label-settings .awl-label-settings-table td .awl-template { display: inline-block; margin: 0; padding: 5px 35px 5px 8px; position: relative; vertical-align: top; height: 50px; width: 100%; cursor: pointer; border: 1px #7e8993 solid; border-radius: 3px; } .awl-label-settings .awl-label-settings-table td .awl-template:before { content: ""; display: none; position: absolute; top: 50%; margin-top: -10px; right: -30px; width: 20px; height: 20px; background: url('../img/loader.gif') no-repeat 50% 50%; } .awl-label-settings .awl-label-settings-table td .awl-template.awl-pending:before { display: block; } .awl-label-settings .awl-label-settings-table td .awl-template:after { content: ''; width: 16px; height: 16px; position: absolute; bottom: 50%; margin-bottom: -8px; right: 4px; background: #fff url(../img/select.svg) no-repeat 50% 50%; background-size: 16px 16px; border-color: #7e8993; } .awl-label-settings .awl-label-settings-table td .awl-template .ico { display: block; width: 100%; height: 100%; margin: 0 auto; } .awl-label-settings .awl-label-settings-table td .awl-template > .ico { background-position-x: 0 !important; } .awl-label-settings .awl-label-settings-table.awl-type-image td .awl-template > .ico { background-size: contain !important; } .awl-label-settings .awl-label-settings-table td input.upload-btn { min-width: 105px; } /* Text variables */ .awl-content-vars { max-width: 500px; margin: 10px 0; } .awl-content-vars .awl-content-var-item { margin: 0 2px 5px 0; display: inline-block; padding: 0; line-height: 1; cursor: pointer; background: #fff; border-radius: 10px; border: 1px solid #8c8f94; } .awl-content-vars .awl-content-var-item:hover { background: #e1e1e1; } .awl-content-vars .awl-content-var-item span { padding: 2px 9px 3px; display: block; line-height: 1.35; font-size: 12px; word-break: break-all; } /* Template select box */ .awl-label-settings .awl-label-settings-table td .img-select { display: none; position: absolute; z-index: 9; font-size: 0; width: 500px; border: 1px solid #7e8993; border-radius: 3px; height: 100px; overflow-y: scroll; background: #fff; left: -1px; top: 100%; cursor: default; } .awl-label-settings .awl-label-settings-table td .awl-template.awl-active .img-select { display: block; } .awl-label-settings .awl-label-settings-table td .img-select.awl-pending ul { visibility: hidden; } .awl-label-settings .awl-label-settings-table td .img-select ul { list-style: none; } .awl-label-settings .awl-label-settings-table td .img-select .option { display: inline-block; margin: 8px; position: relative; vertical-align: top; height: 80px; width: 80px; } .awl-label-settings .awl-label-settings-table td .img-select .option .ico { display: block; width: 100%; height: 100%; margin: 0 auto; border: 1px #d5d5d5 solid; border-radius: 3px; cursor: pointer; /*background-size: 75% !important;*/ } .awl-label-settings .awl-label-settings-table td .img-select [data-templates="image"] .option .ico { background-size: contain !important; } .awl-label-settings .awl-label-settings-table td .img-select .option.awl-active .ico { border-color: rgba(0,0,0,0.6); } /* Custom checkbox */ .awl-toggle-label { position: relative; } .awl-toggle-label input { opacity: 0; position: absolute; top: 0; right: -30px; z-index: -9999; } .awl-toggle-label .awl-toggle { height: 20px; width: 38px; border: 2px solid #999; background-color: #999; display: inline-block; text-indent: -9999px; border-radius: 10em; position: relative; margin-top: 4px; } .awl-toggle-label input[type=checkbox]:checked + .awl-toggle { border-color: #4dc247; background-color: #4dc247; } .awl-toggle-label .awl-toggle:before { content: ""; display: block; width: 16px; height: 16px; background: #fff; position: absolute; right: auto; left: 0; border-radius: 100%; } .awl-toggle-label input[type=checkbox]:checked + .awl-toggle:before { right: 0; left: auto; } .awl-label-status-box { margin: 15px 0 5px; } .awl-label-status-box, .awl-label-status-box * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .awl-label-status-box .awl-toggle-label .awl-toggle { color: #fff; text-indent: 0; height: 24px; width: 78px; margin: 0; } .awl-label-status-box .awl-toggle-label .awl-toggle:before { width: 18px; height: 18px; top: 1px; } .awl-label-status-box .awl-toggle-label input[type=checkbox] + .awl-toggle .awl-toggle--inactive { display: block; text-align: right; padding-right: 7px; } .awl-label-status-box .awl-toggle-label input[type=checkbox] + .awl-toggle .awl-toggle--active { padding-left: 7px; display: none; } .awl-label-status-box .awl-toggle-label input[type=checkbox]:checked + .awl-toggle .awl-toggle--active { display: block; } .awl-label-status-box .awl-toggle-label input[type=checkbox]:checked + .awl-toggle .awl-toggle--inactive { display: none; } /* WP color picker */ .awl-label-settings .awl-label-settings-table .wp-picker-holder { z-index: 10; position: absolute; } .awl-label-settings .awl-label-settings-table .wp-picker-clear { display: none; } .awl-label-settings .awl-label-settings-table .wp-color-result-text { background: #fff; } .awl-label-settings .awl-label-settings-table .wp-color-result.button { border-color: #7e8993; } /* Styles section */ .awl-label-settings .awl-label-settings-table [data-section="styles"] { display: none; } .awl-label-settings .awl-label-settings-table.awl-show-styles [data-section="styles"] { display: block; } .awl-label-settings .awl-label-settings-table.awl-show-styles [data-option-id="border_color"] { display: none; } .awl-label-settings .awl-label-settings-table.awl-show-styles [data-option-id="border_color"].awl-show { display: block; } /* Positions settings display */ .awl-label-settings .awl-label-settings-table tr.awl-position-xy, .awl-label-settings .awl-label-settings-table tr.awl-position-x { display: none; } .awl-label-settings .awl-label-settings-table.awl-position-on-image tr.awl-position-xy { display: block; } .awl-label-settings .awl-label-settings-table.awl-position-on-line tr.awl-position-x { display: block; } /* Help tips */ .awl-help-tip { color: #666; display: inline-block; font-size: 1.4em; font-style: normal; height: 16px; line-height: 16px; position: absolute; vertical-align: middle; width: 16px; margin: 0; top: 9px; left: -20px; } .awl-help-tip::after { font-family: Dashicons; speak: none; font-weight: 400; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-indent: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; content: ""; cursor: help; font-variant: normal; margin: 0px; } #tiptip_holder { display: none; z-index: 8675309; position: absolute; top: 0; left: 0; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #333; } #tiptip_content, .chart-tooltip, .wc_error_tip { color: #fff; font-size: .8em; max-width: 150px; background: #333; text-align: center; border-radius: 3px; padding: .618em 1em; box-shadow: 0 1px 3px rgba(0,0,0,.2); width: 120px; } #tiptip_content a { color: #fff; } /*.post-type-awl-labels #minor-publishing-actions,*/ .post-type-awl-labels #misc-publishing-actions #visibility { display: none; } /* Color picker */ /*.wp-picker-container .iris-alpha-slider {*/ /*display: none;*/ /*}*/ /*.wp-picker-container .iris-alpha-slider + .iris-alpha-slider {*/ /*display: block;*/ /*}*/ .wp-picker-container .awl-color-picker { width: 100% !important; } /* PRO meta box */ .awl-premium-box .awl-premium-list ul { display: flex; flex-wrap: wrap; justify-content:flex-start; margin: 15px 10px 15px; } .awl-premium-box .awl-premium-list ul li { position: relative; margin-bottom: 10px; padding-left: 15px; width: 100%; /*font-weight: 500;*/ } .awl-premium-box .awl-premium-list li:before { background: url('../img/yes.svg') #b97fd3 no-repeat 50% 50%; content: ''; display: block; top: 3px; background-size: contain; height: 15px; width: 15px; position: absolute; left: -10px; border-radius: 50%; } .awl-premium-box .awl-premium-list .awl-pro-buy { background: #b97fd3; border-color: #b97fd3; } .awl-premium-box .awl-premium-list .awl-pro-buy:hover { background: #fff; border-color: #b97fd3; color: #b97fd3; } .awl-premium-box .awl-premium-list .awl-pro-learn { margin-right: 10px; background: #fff; border-color: #b97fd3; color: #b97fd3; } .awl-premium-box .awl-premium-list .awl-pro-learn:hover { background: #b97fd3; color: #fff; } /* Preview box */ .awl-column-preview { border-left: 1px solid #ccd0d4; padding: 0 20px; margin: 15px 0; } .awl-column-preview .awl-preview-container { /*padding-left: 20px;*/ } .awl-column-preview .image-wrapper { display: block; position: relative; margin: 10px 0; } .awl-column-preview img { display: block; } .awl-column-preview .title { margin: 0 0 24px; position: relative; } .awl-column-preview .title:after { content: ""; display: none; position: absolute; top: 50%; margin-top: -10px; right: 0; width: 20px; height: 20px; background: url('../img/loader.gif') no-repeat 50% 50%; } .awl-column-preview .product-name { /*font-size: 14px;*/ margin: 10px 0 5px; } .awl-column-preview .product-price { margin: 5px 0 0; } .awl-column-preview .product-price del { padding-right: 5px; } #awl-preview { position: relative; margin-bottom: 20px; } #awl-preview .advanced-woo-labels { display: flex; flex-wrap: wrap; text-align: left; position: relative; z-index: 1; justify-content: flex-end; width: 100%; } #awl-preview.awl-rebuild .advanced-woo-labels { visibility: hidden; } #awl-preview.awl-rebuild .title:after { display: block; } #awl-preview.awl-rebuild .awl-preview-container { opacity: 0.7; } #awl-preview .advanced-woo-labels.awl-position-type-image { position: absolute; } #awl-preview .advanced-woo-labels .awl-product-label { display: table; position: relative; padding: 0; line-height: 1; color: #fff; white-space: nowrap; vertical-align: baseline; font-size: 14px; font-weight: 400; /*overflow: hidden;*/ } #awl-preview .advanced-woo-labels .awl-product-label .awl-label-text, #awl-preview .advanced-woo-labels .awl-product-label .awl-label-before, #awl-preview .advanced-woo-labels .awl-product-label .awl-label-after, #awl-preview .advanced-woo-labels .awl-product-label .awl-label-image { display: none; } #awl-preview .advanced-woo-labels .awl-product-label .awl-label-text { /*padding: 4px 8px;*/ padding: 0.3em 0.6em; z-index: 1; background: #3986c6; position: relative; line-height: 1; } #awl-preview .advanced-woo-labels .awl-product-label .awl-label-before, #awl-preview .advanced-woo-labels .awl-product-label .awl-label-after{ width: 0; height: 0; padding: 0 0.65em 0 0; position: relative; z-index: 2; overflow: hidden; } #awl-preview .advanced-woo-labels .awl-product-label .awl-label-before svg, #awl-preview .advanced-woo-labels .awl-product-label .awl-label-after svg{ position: absolute; top: 0; width: 100%; height: 100%; fill: #3986c6; } #awl-preview .advanced-woo-labels .awl-product-label svg g { display: none; } #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label .awl-label-text { display: table-cell; } /* rounded label type */ #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label-rounded .awl-label-text { border-radius: 0.25em; } /* round label type */ #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label-round .awl-label-text { border-radius: 1em; } /* triangle label type */ #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label-triangle .awl-label-after { display: table-cell; } #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label-triangle svg .awl-triangle { display: block; } /* right angle label type */ #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label-right-angle .awl-label-after { display: table-cell; } #awl-preview .advanced-woo-labels .awl-product-label.awl-type-label-right-angle svg .awl-right-angle { display: block; } /* Premium tab */ #awl_form .buy-premium { width: 500px; margin: 40px auto 40px; } #awl_form .buy-premium a { position: relative; display: block; background-color: #b97fd3; color: #fff; border-radius: 6px; padding: 16px 15px; text-decoration: none; } #awl_form .buy-premium a:hover { background-color: #b378cd; } #awl_form .buy-premium a:after { background: url(../img/cart.svg) no-repeat 50% 50%; height: 40px; width: 40px; content: ''; display: block; position: absolute; top: 17px; right: 15px; background-size: contain; } #awl_form .buy-premium a .desc { font-size: 15px; line-height: 1.5; } #awl_form .buy-premium a .desc b { text-transform: uppercase; font-weight: bold; } #awl_form .buy-premium a ul { margin: 12px 0 0 15px; list-style: disc; } #awl_form .buy-premium a ul li { margin: 0; font-size: 12px; line-height: 15px; } #awl_form .screenshots { text-align: center; max-width: 900px; margin: 80px auto 70px; } #awl_form .screenshots h3 { margin: 50px 0 46px; font-size: 36px; color: #444; } #awl_form .faq { text-align: center; max-width: 900px; margin: 80px auto 70px; } #awl_form .faq h3 { margin: 50px 0 46px; font-size: 36px; color: #444; } #awl_form .faq .faq-item { margin: 0 0 25px; } #awl_form .faq .faq-item .question { margin: 0 0 6px; font-size: 18px; color: #000; } #awl_form .faq .faq-item .answer { font-size: 14px; } #awl_form .awl-pro-block, #awl_form .awl-pro-block * { box-sizing: border-box; } #awl_form .awl-pro-block { max-width: 1050px; margin: 70px auto 80px; } #awl_form .awl-pro-block h3 { margin: 0 0 60px; font-size: 36px; color: #444; text-align: center; } #awl_form .screenshots, #awl_form .screenshots * { box-sizing: border-box; } #awl_form .screenshots { max-width: 1050px; margin: 70px auto 90px; } #awl_form .screenshots .screenshots-section { text-align: left; } #awl_form .screenshots .section-title { margin: 0 0 10px; font-size: 18px; } #awl_form .screenshots .screenshots-list { display: flex; flex-wrap: wrap; margin: 0 -10px 30px; align-items: stretch; } #awl_form .screenshots .screenshots-list .screen { width: 25%; padding: 10px; } #awl_form .screenshots .screenshots-list .screen a { display: block; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); padding: 10px; height: 100%; min-height: 180px; } #awl_form .screenshots .screenshots-list .screen a:hover { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); } #awl_form .screenshots .screenshots-list .screen img { display: block; max-width: 100%; } #awl_form .links { margin: 5px 0; } #awl_form .links .links-title { display: inline-block; } #awl_form .links ul { display: inline-block; margin: 0 0 0 10px; } #awl_form .links ul li { display: inline-block; margin: 0 5px; } #awl_form .links ul li a { color: #c06cb0; } #awl_form .features { max-width: 1050px; margin: 70px auto 90px; } #awl_form .features h3 { margin: 0 0 70px; font-size: 36px; color: #444; text-align: center; } #awl_form .features .features-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e0e0e0; } /*#awl_form .features .features-item:last-child {*/ /* border: none;*/ /* padding-bottom: 0;*/ /*}*/ #awl_form .features .features-item .column { padding: 0; width: 48%; } #awl_form .features .features-item .column .title { font-size: 24px; margin: 0 0 16px; font-weight: 700; } #awl_form .features .features-item .column .desc { font-size: 16px; line-height: 1.6; color: #444; } #awl_form .features .features-item .column .desc a { color: #c06cb0; } #awl_form .features .features-item .column ul { display: flex; flex-wrap: wrap; justify-content:flex-start; margin: 25px 10px 0; } #awl_form .features .features-item .column ul li { position: relative; margin-bottom: 10px; padding-left: 15px; width: 100%; font-weight: 500; } #awl_form .features .features-item .column ul li:before { background: url('../img/yes.svg') #b97fd3 no-repeat 50% 50%; content: ''; display: block; top: 1px; background-size: contain; height: 17px; width: 17px; position: absolute; left: -10px; border-radius: 50%; } #awl_form .features .features-item .column .img { margin-bottom: 0; padding: 0; } #awl_form .features .features-item .column .img img { height: auto; vertical-align: middle; max-width: 100%; box-shadow: none; } #awl_form .features .features-item:nth-child(2n) .column:first-child { order: 2; } #awl_form .features .features-item:nth-child(2n) .column:first-child ul { margin: 25px 20px 0; } #awl_form .features .features-item .column .title, #awl_form .features .features-item .column .desc { padding-right: 10px; } #awl_form .features .features-item:nth-child(2n) .column .title, #awl_form .features .features-item:nth-child(2n) .column .desc { padding-right: 0; padding-left: 10px; } #TB_window .awl-screen { display: block; max-width: 100%; } /* Labels type page */ .awl-list-label-status { box-sizing: border-box; display: inline-block; height: 24px; line-height: 1; padding: 5px 10px; width: auto; text-align: left; border-radius: 10em; color: #fff; background-color: #999; text-transform: capitalize; } .awl-ajax-toggle.awl-toggle { position: relative; border: 2px solid #999; background-color: #999; display: inline-block; text-indent: 0; border-radius: 10em; box-sizing: border-box; color: #fff; height: 24px; width: 78px; margin: 0; line-height: 1.5em; padding: 0; cursor: pointer; } .awl-ajax-toggle.awl-toggle.active { border-color: #4dc247; background-color: #4dc247; } .awl-ajax-toggle.awl-toggle.awl-precessing { opacity: .5; } .awl-ajax-toggle.awl-toggle:before { content: ""; display: block; background: #fff; position: absolute; right: auto; left: 0; border-radius: 100%; width: 18px; height: 18px; top: 1px; } .awl-ajax-toggle.awl-toggle.active:before { right: 0; left: auto; } .awl-ajax-toggle.awl-toggle .awl-toggle--inactive { display: block; text-align: right; padding-right: 7px; } .awl-ajax-toggle.awl-toggle .awl-toggle--active { padding-left: 7px; display: none; } .awl-ajax-toggle.awl-toggle.active .awl-toggle--active { display: block; } .awl-ajax-toggle.awl-toggle.active .awl-toggle--inactive { display: none; } /* Labels quick edit */ .quick-edit-row.inline-edit-awl-labels .inline-edit-col-left .inline-edit-group { display: none; } .quick-edit-row.inline-edit-awl-labels .inline-edit-col-left .inline-edit-date { margin-bottom: 20px !important; } /* Welcome message */ .awl-welcome-notice { } .awl-welcome-panel { border: none; box-shadow: none; padding: 0; margin: 16px 0 0; background: transparent; font-size: 13px; line-height: 1.7; position: relative; overflow: auto; } .awl-welcome-panel h2 { margin: 0; font-size: 21px; font-weight: 400; line-height: 1.2; } .awl-welcome-panel p { color: #646970; } .awl-welcome-panel .awl-welcome-panel-content { margin-left: 13px; max-width: 1500px; } .awl-welcome-panel .awl-welcome-panel-column-container { clear: both; position: relative; } .awl-welcome-panel .awl-welcome-panel-column:first-child { width: 60%; } .awl-welcome-panel .awl-welcome-panel-column { width: 20%; min-width: 200px; float: left; } .awl-welcome-panel .awl-welcome-panel-column p { margin-top: 7px; color: #3c434a; } .awl-welcome-panel .about-description { font-size: 16px; margin: 0; } .awl-welcome-panel li { font-size: 14px; } .awl-welcome-panel li a { text-decoration: none; padding-bottom: 2px; } .awl-welcome-panel .awl-welcome-icon { background: 0 0!important; } .awl-welcome-panel .awl-welcome-icon:before { color: #646970; font: normal 20px/1 dashicons; speak: never; display: inline-block; padding: 0 10px 0 0; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none!important; vertical-align: top; } .awl-welcome-panel .awl-welcome-edit-page:before, .awl-welcome-panel .awl-welcome-write-blog:before { content: "\f119"; top: -3px; } .awl-welcome-panel .awl-welcome-widgets-menus:before { content: "\f116"; top: -2px; } .awl-welcome-panel .button { margin: 15px 13px 3px 0; }