Edit File: admin.css
/** * orun WP-Admin Custom CSS */ /* Nav Menus Add Icon CSS */ .orun-icon-preview { display: inline-block; } .orun-icon-preview i { background: #f6f7f7; line-height: 28px; height: 28px; width: 28px; border: 1px solid #dcdcdc; border-radius: 3px; text-align: center; cursor: pointer; display: inline-block; position: relative; } .orun-icon-picker { background: #f6f7f7; border: 1px solid #dcdcdc; border-radius: 3px; max-height: 200px; padding: 15px 10px; overflow-y: scroll; } .orun-icon-picker .orun-icon-preview { display: flex; flex-wrap: wrap; } .orun-icon-picker .orun-icon-preview i { background: #fff; margin-right: 2px; margin-bottom: 2px; } .orun-icon-picker .orun-icon-preview i:hover { background-color: #f6f7f7; } .orun-icon-picker .orun-icon-preview:active { background-color: #f6f7f7; } .icon-search { margin-bottom: 10px; } /* Admin Panel Custom CSS */ .csf-wrapper.csf-show-all .csf-nav-background, .csf-wrapper.csf-search-all .csf-nav-background { display: none; } .csf-theme-dark .csf-nav-background, .csf-theme-dark .csf-nav ul li a { background-color: #30343b !important; color: #dcdcdc; border-color: transparent; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; } #csf-form > div.csf-wrapper > div.csf-nav.csf-nav-normal.csf-nav-options > ul > li > a:not(.csf-active):hover { background-color: #1d2933 !important; } .csf-theme-dark .csf-nav ul li a.csf-active { background: #fff!important; color: #30343B; } .csf-nav.csf-nav-normal > ul > li > a.csf-active:hover { filter: brightness(0.9); } .csf-theme-dark .csf-header-inner, .orun-opt-design .postbox-header { display: flex; height: 75px; padding: 0 50px; border-bottom: 3px solid #000; background: #fff !important; flex-wrap: wrap; align-items: center; justify-content: space-between; box-shadow: 0 10px 35px -4px rgba(0,0,0,0.07); flex-direction: row; } #csf-form > div.csf-footer { display: none; } .orun-opt-design .postbox-header { color: #fff; padding: 20px 0; border: none; } .orun-opt-design .postbox-header h2 { color: #fff; font-size: 16.5px !important; } .csf-copyright { color: #dcdcdc; } #csf-form > div.csf-header.csf-sticky-header > div > div.csf-header-right > div.csf-expand-all { background-color: #212e3c !important; } .chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single{ background: #fff ; } .chosen-container .chosen-results li.highlighted { background: #d13b53 !important; } .csf-field-switcher .csf--switcher { border-radius: 50px; } .csf-field-switcher .csf--active .csf--ball { left: 100%; margin-left: -22px; } .csf-field-switcher .csf--ball { width: 18px; height: 18px; border-radius: 50%; } .csf-field.csf-field-image_select .csf--image figure { border: 1px solid #dcdcdc; height: 175px; width: 175px; transition: .3s; } .csf-field.csf-field-image_select .csf--image figure img { width: 100%; height: 100%; } .csf-field.csf-field-image_select .csf--image:hover figure { border: 1px solid #afafaf; } #toplevel_page_orun > a > div.wp-menu-image.dashicons-before.dashicons-orun::before { color:#fff; content: ''; background-image: url('../img/panel-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: 17px auto; transition: 0s; opacity: 0.6; } #toplevel_page_orun.current > a > div.wp-menu-image.dashicons-before.dashicons-orun::before, #toplevel_page_orun:hover > a > div.wp-menu-image.dashicons-before.dashicons-orun::before { opacity: 1 !important; } .csf-field-image_select .csf--active figure:before { opacity: 0 !important; } .csf-field-image_select .csf--active figure { border: 1px solid #444 !important; } .fas.fa-archive.rotate { transform: rotate(180deg); } .orun-container { max-width: 1250px; margin: 1rem; font-size: 1rem; margin: auto !important; } .orun-container .orun-admin-logo { margin: 3rem; display: flex; justify-content: center; } .orun-table small { color: #777; display: inline-block; } .orun-container .orun-table table { border-collapse: collapse; margin: 25px 0; font-size: 0.9em; font-family: sans-serif; width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .orun-container .orun-table thead tr { background-color: #eee; color: #444; text-align: left; border-bottom: 1px solid #dddddd; } .orun-container .orun-table th, .orun-container .orun-table td { padding: 12px 15px; } .orun-container .orun-table tr td:first-of-type { width: 35%; } .orun-container .orun-table tbody tr { border-bottom: 1px solid #dddddd; } .orun-container .orun-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .orun-container .orun-table tbody tr:last-of-type { border-bottom: 2px solid #d13b53; } .orun-container .orun-table tbody tr.active-row { font-weight: bold; color: #009879; } .orun-admin-links { display: flex; justify-content: space-between; margin: 25px 0 0 0; } .orun-admin-link { display: inline-block; background-color: #fff; width: 28%; padding: 20px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); } @media screen and (max-width:768px) { .orun-admin-link { width: 100%; display: block; margin-bottom: 20px; } .orun-admin-links { display: block; overflow: hidden; } } .orun-admin-link span { font-weight: 500; } .orun-admin-link span i { margin-right: 5px; } .orun-admin-link p { font-size: .9rem; } .csf-field-code_editor .CodeMirror { height: 200px; } /* Important */ .update-messages .code { opacity: 0; visibility: hidden; }