File manager - Edit - /home/verseaumee/TF89388/wp-content/plugins/noisa-toolkit/assets/css/admin-metabox.css
Back
/** * Styles for RascalsBox * * @author Rascals Themes * @category CSS * @package Noisa Toolkit * @version 1.0.0 */ /* Clearfix */ .clear { clear: both; display: block; height: 1px; margin-top: -1px; overflow: hidden; visibility: hidden; width: 0 } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0 } * html .clearfix, :first-child+html .clearfix { zoom: 1 } .ui-custom-overlay { z-index: 1001 !important; } body .ui-custom-dialog { z-index: 99999 !important; background: #fff !important; box-shadow: 0 1px 10px 4px rgba(0, 0, 0, 0.13); border: none; -webkit-border-radius: 0px; } /* Structure ------------------------------------------------------------------------ */ .rascalsbox * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .rascalsbox .box-row { position: relative; } .rascalsbox .box-row-input { margin-top: 25px; /* margin-bottom: 20px; */ display: table; width: auto; } .rascalsbox .box-row-note { display: block; width: 100%; padding-left:120px; position:relative; } .rascalsbox .box-row-note .note-box { font-size:12px; } .rascalsbox .box-row-note:before { content:"?"; position:absolute; left:20px; top:50%; transform:translateY(-50%); font-size:38px; font-weight:900; color:#aaa; } .rascalsbox .box-row-line { width: 100%; height: 1px; border-bottom: 1px dashed #eee; padding-bottom: 15px; } .rascalsbox .box-row-input .box-tc { display: table-cell; vertical-align: top; } .rascalsbox .box-row-input .box-tc-label { width: 120px; padding-right: 20px; } .rascalsbox .box-row-input .box-tc-input { min-width: 200px; } .rascalsbox .box-row-input .sub-name { font-size: 12px; } /* Help Box */ .help-box { width: 100%; display: block; font-size: 11px; line-height: 16px; color: #888; } /* Sidebar / fullwidth */ #side-sortables .rascalsbox .box-row-input, .rascalsbox .box-row-input.fullwidth { display: block } #side-sortables .rascalsbox .box-row-input .box-tc, .rascalsbox .box-row-input.fullwidth .box-tc { display: block; } #side-sortables .rascalsbox .box-row-input .box-tc-label, .rascalsbox .box-row-input.fullwidth .box-tc { margin-bottom: 10px } @media screen and (max-width: 982px) { .rascalsbox .box-row-input { display: block } .rascalsbox .box-row-input .box-tc { display: block; } .rascalsbox .box-row-input .box-tc-label { margin-bottom: 10px } } /* Tabs ------------------------------------------------------------------------ */ .rt-tabs-wrap { margin: -6px -12px 0; overflow: hidden; } .rt-tabs-wrap .rt-tab { display: none; border-top: 1px solid #ddd; padding: 0px 13px 15px 14px; } .rt-tabs-nav-wrap { padding-top: 20px; width: 100%; background: #f8f8f8; } .gutenberg-editor-page .rt-tabs-nav-wrap { background: transparent; } .rt-tab-nav { display: inline-block; margin: 0 0 -1px; padding: 12px 12px; font-weight: 500; text-align: center; color: #666; font-size: 14px; border: 1px solid transparent; } .rt-tabs-nav-wrap .rt-tab-nav:first-child { margin-left: 20px; } .rt-tab-nav:hover { color: #000; cursor: pointer; } .rt-tab-nav.checked { background: #fff; color: #000; border: 1px solid #ddd; border-bottom: 1px solid #fff; } .rt-tab.checked { display: block; } /* Forms ------------------------------------------------------------------------ */ /* Label */ .box-row label { font-weight: 600; font-size: 13px; margin-bottom: 10px; color: #111; } /* Inputs */ .rascalsbox input[type=time], .rascalsbox input[type=email], .rascalsbox input[type=number], .rascalsbox input[type=password], .rascalsbox input[type=search], .rascalsbox input[type=tel], .rascalsbox input[type=text], .rascalsbox input[type=url] { background: #fff; color: #555d66; font-size: 13px; padding: 6px 8px; vertical-align: middle; border: none; max-width: 220px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 220px; border-radius: 2px; box-shadow: none; border: 1px solid #e3e3e3; } /* Textarea */ .rascalsbox textarea { background: #fff; color: #555d66; font-size: 13px; padding: 0 7px; max-width: 500px; width: 100%; padding: 6px 8px; border-radius: 2px; box-shadow: none; border: 1px solid #e3e3e3; } /* Select */ .rascalsbox select { /* background: #fff; */ color: #555d66; font-size: 13px; width: auto; display: block; max-width: 220px; min-width: 220px; margin-bottom: 0; clear: both; margin-bottom: 10px; padding: 6px 8px; height: auto; border-radius: 2px; box-shadow: none; border: 1px solid #e3e3e3; } .rascalsbox select[multiple] { min-height: 180px; } /* Buttons */ .rascalsbox button {} .rascalsbox .special-button { margin-top: 10px; } .rascalsbox .wp-switch-editor { margin-bottom: 0 } /* Range / Gradient direction */ .rascalsbox .range-input, .rascalsbox .gradient-direction { max-width: 60px !important; min-width: 60px !important; ; } /* Colorpicker */ .colorpicker-wrap input { border-radius: 0; } /* Editor */ .custom-tiny-editor { clear: both; margin-bottom: 10px; } .custom-tiny-editor .mceLayout { background-color: #fff; } @media screen and (max-width: 782px) { body .rascalsbox select { font-size: 13px !important; height: auto !important; } .rascalsbox select[multiple] {} } /* Helpers ------------------------------------------------------------------------*/ /* Misc ------------------------------------*/ .hidden, .rascalsbox .hidden, .ui-custom-dialog.ui-widget-content .hidden { display: none; } /* Depedences ------------------------------------*/ .dependent-hidden { display: none } /* Messages ------------------------------------*/ .box-row .msg-dotted { padding: 24px; margin: 6px 0; overflow: hidden; border: 1px dashed #ccc; font-size: 14px; font-weight: 500; text-align: center; border-radius: 5px; color: #888; } /* Error */ .box-row .msg.msg-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } /* Success */ .box-row .msg.msg-success { border-color: #bfde84; background: #edfbd8; color: #508600; } /* Info */ .box-row .msg.msg-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } /* Warning */ .box-row .msg.msg-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .box-row .msg { font-family: "Open Sans", Arial, Helvetica, sans-serif; display: block; font-size: 12px; font-weight: 400; border: 1px solid; padding: 10px; clear: both; margin: 10px 0; } /* Code ------------------------------------*/ .box-row code { display: block; border-width: 1px; border-left-width: 4px; border-style: solid; border-color: #ccc; overflow: auto; font-family: "Courier New", Courier, monospace; margin: 10px 0; color: #666; font-size: 11px; line-height: 16px; padding: 10px; clear: both; width: auto; height: 100%; max-width: 470px; background-color: #f6f6f6; } /* Font Awesome icon ------------------------------------*/ i.icon { font-style: normal; font-family: 'FontAwesome'; text-shadow: none; font-size: 16px; font-weight: normal; } i.icon { display: inline-block; margin-right: 8px; } /* Plugins ------------------------------------------------------------------------ */ /* Note -------------------------------- */ /* Time range ------------------------------------*/ .rascalsbox .timepicker-input { min-width: 90px; display: inline-block; } .rascalsbox .date-separator:after { content: "-"; color: #aaa; margin: 0 5px; } /* ON/OFF Switch ------------------------------------*/ .switch-wrap { position: relative; height: 25px; width: 60px; } .switch-wrap select { display: none; } .switch-on-off { vertical-align: middle; display: inline-block; cursor: pointer; position: relative; width: 50px; height: 20px; line-height: 27px; overflow: hidden; text-align: left; } .switch-on-off .onstate, .switch-on-off .offstate { display: block; padding-left: 25px; width: 50px; height: 20px; line-height: 20px; background: #000000; color: #fff; position: absolute; top: 0; left: 0; box-sizing: border-box; text-transform: uppercase; font-size: 10px; font-weight: 600; transition: all cubic-bezier(0.76, 0, 0.174, 1) .4s; } .switch-on-off .offstate { background: #ddd; color: #999; left: -50px; padding-left: 5px; } .switch-on-off .onstate:before, .switch-on-off .offstate:before { position: absolute; content: " "; width: 16px; height: 16px; top: 2px; left: 2px; background: #fff; } .switch-on-off .offstate:before { background: #999; left: auto; right: 2px; } .switch-on-off.off .offstate { left: 0px; } .switch-on-off.off .onstate { left: 50px; } /* Image Select ------------------------------------*/ .rascalsbox ul.select-image { overflow: hidden; margin: 0 0 5px 0; } .rascalsbox ul.select-image li { position: relative; overflow: hidden; float: left; margin: 5px; } .rascalsbox ul.select-image li img { display: block; cursor: pointer; opacity: .6; position: relative; transition: opacity .25s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); border: 1px solid #ddd; padding: 5px; border-radius: 2px; /* width:80px; */ } .rascalsbox ul.select-image.size-medium li img { width: 60px; } .rascalsbox ul.select-image.size-small li img { width: 40px; } .rascalsbox ul.select-image li img.selected-image { opacity: 1; border: 3px solid #000000; padding: 3px; -webkit-filter: grayscale(0); filter: grayscale(0); } .rascalsbox .select-image-input { display: none; } /* Datepicker ------------------------------------*/ .rascalsbox input[type=text].datepicker-input { max-width: 90px; min-width: 90px; display: inline-block; } /* Range ------------------------------------*/ .range-unit { font-size: 12px; color: #aaa; font-style: italic; margin-left: 5px; } /* Upload ------------------------------------*/ .image-holder { clear: both; display: block; position: relative; width: 70px; height: 70px; background: #f6f6f6; border: 1px solid #ddd; padding: 4px; margin-bottom: 10px; border-radius: 2px; } .gutenberg-editor-page .image-holder { width: 85px; height: 75px; } .image-holder img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 70px; } .image-holder .upload-image { position: absolute; left: 5px; top: 5px; width: 58px; height: 58px; vertical-align: middle; text-align: center; color: #000; z-index: 3; background: #fff; cursor: pointer; border: 0; border: none; } .image-holder .upload-image:actived { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .image-holder .upload-image:focus { outline: none } .image-holder.is_image .upload-image { background: transparent } .image-holder .upload-image i { font-size: 16px; margin: 0; background: #fff; text-align: center; border-radius: 100%; vertical-align: middle; line-height: 18px; opacity: 0.8; } .image-holder.is_image .upload-image i { display: none; } .image-holder .remove-image { position: absolute; right: -8px; top: -8px; width: 20px; height: 20px; vertical-align: middle; text-align: center; color: #fff; z-index: 5; background: #e65345; cursor: pointer; border: 0; border-radius: 100%; display: none; } .image-holder .remove-image:hover i { opacity: 1; } .image-holder .remove-image i { font-size: 16px; margin: 0; line-height: 20px; } .image-holder.is_image .remove-image { display: block; } .image-crop-wrap { clear: both; width: 100%; } .image-crop-wrap select { min-width: 120px; } /* Easy Link ------------------------------------*/ .box-row label.easylink-label { font-size: 12px; margin-top: 5px; margin-bottom: 0; display: inline-block; } .box-row label input[type=checkbox].link-new-window { margin-left: 5px !important; display: inline-block; } /* BG Generator ------------------------------------*/ .bg-generator-wrap { position: relative; } .bg-generator-input { margin-bottom: 10px; } /* ---- Media Editor ---- */ #bg-editor-content { display: none; } #bg-editor-box { padding: 12px; } #bg-editor-loader { float: right; margin: 12px; display: none; } #bg-editor-content fieldset { clear: both; } .bg-image-holder.image-holder img { z-index: 4; } .image-holder .preview-color-holder { z-index: 1; } .bg-holder { display: none; } /* Color Picker and gradient ------------------------------------*/ .box-row .wp-picker-container input[type=text].wp-color-picker { margin: 0 6px 0 0; padding: 3px; } .gradient-direction { width: 80px; display: block; float: none; padding: 2px; } .gradient-col { display: inline-block; margin-right: 10px; vertical-align: top; } .rascalsbox .gradient-col input[type=text] { padding: 2px 5px; } .gradient-col>.wp-picker-container { display: block; }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings