diff --git a/css/admin-style.css b/css/admin.css similarity index 93% rename from css/admin-style.css rename to css/admin.css index ab8a502..e5f4d4e 100644 --- a/css/admin-style.css +++ b/css/admin.css @@ -1,183 +1,192 @@ -/* - - - - - - - - - - - - - - - - - - - - == Admin Style -- - - - - - - - - - - - - - - - - - - */ -#wpadminbar { - background-color: #000E2F; -} - -#accordion-section-layout_builder { - /* Homepage Layout builder */ -} -#accordion-section-layout_builder .customize-control-hidden * { - display: none; -} -#accordion-section-layout_builder .sliderDeleteRow { - float: right; -} -#accordion-section-layout_builder .sliders { - padding: 2.5em 0; -} -#accordion-section-layout_builder .slider-wrap { - float: left; - width: 100%; - padding: 5px 0; - clear: left; -} -#accordion-section-layout_builder .slider-wrap a:focus { - outline: thin dotted; - outline-color: #2ea2cc; -} -#accordion-section-layout_builder .slider, -#accordion-section-layout_builder .sliderAddColumn { - float: left; -} -#accordion-section-layout_builder .slider { - width: 195px; - margin-right: 15px; -} -#accordion-section-layout_builder .sliderAddColumn { - padding: 0px !important; - height: auto !important; -} -#accordion-section-layout_builder .ui-slider-horizontal { - height: 3.5em !important; - background-color: #eeeeee !important; - background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%) !important; - background-size: 20px 50px !important; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle { - width: 0.01em !important; - height: 3.9em !important; - padding: 0 !important; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus { - width: 0.05em !important; - height: 3.7em !important; - border: 1px solid #2ea2cc; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:before { - content: ""; - display: block; - position: relative; - top: -24px; - left: -13px; - width: 20px; - height: 20px; - margin-left: 3px; - border-radius: 3px; - background: grey; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:before { - position: relative; - top: -24px; - left: -12px; - background: #2ea2cc; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:after { - content: ""; - display: block; - position: relative; - top: -24px; - left: -8px; - width: 0; - height: 0; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 8px solid grey; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:after { - position: relative; - top: -24px; - left: -7px; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 8px solid #2ea2cc; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:hover { - cursor: -webkit-grab; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:active { - cursor: -webkit-grabbing; -} -#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus { - background-image: none; - background: #2ea2cc !important; - width: 2px !important; -} -#accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn { - background: #2ea2cc; - border-color: #0074a2; - -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); - color: #fff; -} -#accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn .dashicons-minus { - padding: 4px; -} -#accordion-section-layout_builder .wp-core-ui .button.sliderAddColumn .dashicons-plus { - padding: 14px 4px; -} - -#sidebar-manager #home0, -#sidebar-manager #home1, -#sidebar-manager #home2, -#sidebar-manager #home3, -#sidebar-manager #home4, -#sidebar-manager #home5, -#sidebar-manager #home6, -#sidebar-manager #home7, -#sidebar-manager #home8, -#sidebar-manager #home9, -#sidebar-manager #home10, -#sidebar-manager #home11, -#sidebar-manager #home12, -#sidebar-manager #home13, -#sidebar-manager #home14, -#sidebar-manager #home15, -#sidebar-manager #home16, -#sidebar-manager #home17, -#sidebar-manager #home18, -#sidebar-manager #home19, -#sidebar-manager #home20, -#sidebar-manager #home21, -#sidebar-manager #home22, -#sidebar-manager #home23, -#sidebar-manager #home24, -#sidebar-manager #home25, -#sidebar-manager #home26, -#sidebar-manager #home27, -#sidebar-manager #home28, -#sidebar-manager #home29, -#sidebar-manager #home30, -#sidebar-manager #home31, -#sidebar-manager #home32, -#sidebar-manager #home33, -#sidebar-manager #home34, -#sidebar-manager #home35, -#sidebar-manager #home36, -#sidebar-manager #home37, -#sidebar-manager #home38, -#sidebar-manager #home39, -#sidebar-manager #home40, -#sidebar-manager #home41, -#sidebar-manager #home42, -#sidebar-manager #home43, -#sidebar-manager #home44, -#sidebar-manager #home45, -#sidebar-manager #home46, -#sidebar-manager #home47, -#sidebar-manager #home48, -#sidebar-manager #home49, -#sidebar-manager #home50, -#sidebar-manager #home51, -#sidebar-manager #home52, -#sidebar-manager #home53, -#sidebar-manager #home54, -#sidebar-manager #home55, -#sidebar-manager #home56, -#sidebar-manager #home57, -#sidebar-manager #home58, -#sidebar-manager #home59, -#sidebar-manager #home60 { - display: none; -} +/* - - - - - - - - - - - - - - - - - - - + == Admin Style +- - - - - - - - - - - - - - - - - - - */ +#wpadminbar { + background-color: #000E2F; +} + +#accordion-section-layout_builder { + /* Homepage Layout builder */ +} +#accordion-section-layout_builder .customize-control-hidden * { + display: none; +} +#accordion-section-layout_builder .sliderDeleteRow { + float: right; +} +#accordion-section-layout_builder .sliders { + padding: 2.5em 0; +} +#accordion-section-layout_builder .slider-wrap { + float: left; + width: 100%; + padding: 5px 0; + clear: left; +} +#accordion-section-layout_builder .slider-wrap a:focus { + outline: thin dotted; + outline-color: #2ea2cc; +} +#accordion-section-layout_builder .slider, +#accordion-section-layout_builder .sliderAddColumn { + float: left; +} +#accordion-section-layout_builder .slider { + width: 195px; + margin-right: 15px; +} +#accordion-section-layout_builder .sliderAddColumn { + padding: 0px !important; + height: auto !important; +} +#accordion-section-layout_builder .ui-slider-horizontal { + height: 3.5em !important; + background-color: #eeeeee !important; + background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%) !important; + background-size: 20px 50px !important; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle { + width: 0.01em !important; + height: 3.9em !important; + padding: 0 !important; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus { + width: 0.05em !important; + height: 3.7em !important; + border: 1px solid #2ea2cc; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:before { + content: ""; + display: block; + position: relative; + top: -24px; + left: -13px; + width: 20px; + height: 20px; + margin-left: 3px; + border-radius: 3px; + background: grey; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:before { + position: relative; + top: -24px; + left: -12px; + background: #2ea2cc; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:after { + content: ""; + display: block; + position: relative; + top: -24px; + left: -8px; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid grey; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:after { + position: relative; + top: -24px; + left: -7px; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid #2ea2cc; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:hover { + cursor: -webkit-grab; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:active { + cursor: -webkit-grabbing; +} +#accordion-section-layout_builder .ui-slider .ui-slider-handle:focus { + background-image: none; + background: #2ea2cc !important; + width: 2px !important; +} +#accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn { + background: #2ea2cc; + border-color: #0074a2; + -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); + color: #fff; +} +#accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn .dashicons-minus { + padding: 4px; +} +#accordion-section-layout_builder .wp-core-ui .button.sliderAddColumn .dashicons-plus { + padding: 14px 4px; +} + +#sidebar-manager #home0, +#sidebar-manager #home1, +#sidebar-manager #home2, +#sidebar-manager #home3, +#sidebar-manager #home4, +#sidebar-manager #home5, +#sidebar-manager #home6, +#sidebar-manager #home7, +#sidebar-manager #home8, +#sidebar-manager #home9, +#sidebar-manager #home10, +#sidebar-manager #home11, +#sidebar-manager #home12, +#sidebar-manager #home13, +#sidebar-manager #home14, +#sidebar-manager #home15, +#sidebar-manager #home16, +#sidebar-manager #home17, +#sidebar-manager #home18, +#sidebar-manager #home19, +#sidebar-manager #home20, +#sidebar-manager #home21, +#sidebar-manager #home22, +#sidebar-manager #home23, +#sidebar-manager #home24, +#sidebar-manager #home25, +#sidebar-manager #home26, +#sidebar-manager #home27, +#sidebar-manager #home28, +#sidebar-manager #home29, +#sidebar-manager #home30, +#sidebar-manager #home31, +#sidebar-manager #home32, +#sidebar-manager #home33, +#sidebar-manager #home34, +#sidebar-manager #home35, +#sidebar-manager #home36, +#sidebar-manager #home37, +#sidebar-manager #home38, +#sidebar-manager #home39, +#sidebar-manager #home40, +#sidebar-manager #home41, +#sidebar-manager #home42, +#sidebar-manager #home43, +#sidebar-manager #home44, +#sidebar-manager #home45, +#sidebar-manager #home46, +#sidebar-manager #home47, +#sidebar-manager #home48, +#sidebar-manager #home49, +#sidebar-manager #home50, +#sidebar-manager #home51, +#sidebar-manager #home52, +#sidebar-manager #home53, +#sidebar-manager #home54, +#sidebar-manager #home55, +#sidebar-manager #home56, +#sidebar-manager #home57, +#sidebar-manager #home58, +#sidebar-manager #home59, +#sidebar-manager #home60 { + display: none; +} + +.widget-placeholder { + padding: 1em; + border: 3px dashed #ccc; +} +.widget-placeholder * { + color: #696969; + font-size: 1em; +} diff --git a/inc/scripts-and-styles.php b/inc/scripts-and-styles.php index dc76b4a..d253c63 100644 --- a/inc/scripts-and-styles.php +++ b/inc/scripts-and-styles.php @@ -25,7 +25,7 @@ function cs_scripts() { function load_custom_wp_admin_style($hook) { - wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/css/admin-style.css' ); + wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/css/admin.css' ); wp_enqueue_style( 'custom_wp_admin_css' );