File: /www/wwwroot/bientansht.com/wp-content/themes/k-tech/admin/assets/admin-fe.css
:root {
--main: #1d2327;
--frame: #EA2427;
--solid: #ddd;
--white: #fff;
--backgr: #f1f1f1;
--main-color: #22297a;
}
:focus {
box-shadow: none !important;
}
#collapse-menu {
display: none;
}
#wpadminbar {
background: var(--main) !important;
}
#adminmenu {
display: flex;
flex-direction: column;
}
#adminmenu .my-profile {
order: -1;
}
#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
background-color: var(--main) !important;
}
.php-error #adminmenuback,
.php-error #adminmenuwrap {
margin-top: 0em !important;
}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
background: var(--frame);
color: #fff;
}
#wpadminbar a img {
height: 1.8rem;
width: 1.8rem;
}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item {
display: flex;
align-items: center;
}
/* #wp-admin-bar-wp-logo {
min-width: 3rem;
} */
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item {
color: var(--frame);
}
#adminmenu li.menu-top:hover {
color: var(--frame);
background-color: unset;
}
#adminmenu .wp-menu-separator {
display: none;
}
#adminmenu {
margin-top: 0;
}
.wp-menu-name {
font-size: 15px;
}
.wp-menu-overview-profile .wp-menu-image.dashicons-before {
display: none !important;
}
.wp-menu-overview-profile .wp-menu-name {
padding: 0 !important;
}
.wp-menu-overview-profile .overview-profile-logo img {
width: 100%;
height: 100%;
}
.overview-profile-logo {
border-radius: 6px;
margin: 1rem;
background: var(--main);
padding: 1rem;
}
#adminmenu a.wp-menu-overview-profile:focus,
#adminmenu a.wp-menu-overview-profile:hover {
box-shadow: unset !important;
}
.overview-profile-title {
width: 100%;
text-align: center;
margin: -0.5rem 0 0rem;
font-size: 13px;
font-weight: 400;
line-height: 2;
}
.overview-profile-action {
display: flex;
height: 100%;
flex-wrap: nowrap;
margin-bottom: 5px;
gap: 0.5rem;
justify-content: center;
}
.overview-profile-action>* {
width: max-content;
}
.overview-profile-action>* {
width: 25%;
}
.overview-profile-action>* img {
margin: auto;
display: block;
transition: 0.4s all;
border: 1px solid transparent;
width: 1rem;
height: 1rem;
padding: 0.3rem;
}
.user-admin-color-wrap {
display: none !important;
}
/* .monaRedirectAdmin {
cursor: pointer;
}
.monaRedirectAdmin:hover img {
background-color: #cacaca !important;
border-radius: 100rem;
border: 1px solid #fff;
} */
#wp-admin-bar-top-secondary {
display: none !important;
}
.wp-menu-overview-profile {
cursor: unset !important;
}
#update-nag,
.update-nag {
border-radius: 6px;
}
.media-frame.mode-grid .media-toolbar {
border-radius: 6px;
}
.wrap .wp-heading-inline+.page-title-action {
border-radius: 6px;
}
.view-switch a.current:before {
color: var(--frame);
}
.notice,
div.error,
div.updated {
border-radius: 6px;
}
.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon {
filter: brightness(0) invert(1);
}
#available-widgets .widget .widget-top,
#widgets-right .widget-top {
border-radius: 0 0px 6px 6px;
}
#available-widgets .widget .widget-top::before,
#widgets-right .widget-top::before {
content: "";
background: linear-gradient(to left, var(--frame) 44%, #a6cbd7ba);
position: absolute;
width: 100%;
height: 4px;
top: -4px;
border-radius: 6px 6px 0px 0px;
left: 0;
}
.box-field-item.render-item img {
background: #00000069;
width: 2.4rem !important;
height: 2.4rem !important;
padding: 1rem;
display: block;
margin: 0rem auto 1rem;
}
.postbox {
border-radius: 6px;
}
.wp-core-ui .button-primary {
background: var(--frame);
border-color: var(--frame);
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
background: var(--main);
border-color: var(--main);
}
#menu-management .menu-edit,
#menu-settings-column .accordion-container,
.comment-ays,
.feature-filter,
.imgedit-group,
.manage-menus,
.menu-item-handle,
.popular-tags,
.stuffbox,
.widget-inside,
.widget-top,
.widgets-holder-wrap,
.wp-editor-container,
p.popular-tags {
border-radius: 6px;
}
/* div#wpfooter {
display: none;
} */
.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
border-radius: 6px;
}
table.wp-list-table td.column-thumb img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
}
table.wp-list-table .column-name {
width: 30% !important;
}
.acf-admin-page .acf-notice,
.acf-admin-page .notice,
.acf-admin-page #lost-connection-notice {
max-width: 100% !important;
}
.customize-control .attachment-media-view .thumbnail {
background-color: rgb(0 0 0 / 30%);
padding: 1.2rem 1.8rem;
}
#customize-controls .control-section .accordion-section-title:focus,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section:hover>.accordion-section-title {
color: var(--frame);
background: #f6f7f7;
border-left-color: var(--frame);
}
.customize-panel-back:focus,
.customize-panel-back:hover,
.customize-section-back:focus,
.customize-section-back:hover {
color: var(--frame);
background: #f6f7f7;
border-left-color: var(--frame);
box-shadow: none;
outline: 2px solid transparent;
outline-offset: -2px;
}
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section:hover>.accordion-section-title:after {
color: var(--frame);
}
#customize-theme-controls .control-panel-themes {
border-bottom: none;
display: none;
}
#customize-controls .customize-info {
margin-bottom: 0;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
transition: 0.4s all;
}
/* a {
color: var(--main);
} */
/* a:active,
a:hover {
color: var(--frame);
} */
.wp-core-ui .button-link {
color: var(--frame);
}
.wp-core-ui .button-link:active,
.wp-core-ui .button-link:hover {
color: var(--main);
}
.wp-admin #wpadminbar #wp-admin-bar-site-name>.ab-item:before {
content: "";
}
#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
display: none;
}
#footer-upgrade {
display: none;
}
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover {
background: unset;
border-color: var(--main);
color: var(--main);
}
ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu>li.current>a.current:after {
display: none;
}
/* @media only screen and (min-width: 961px) and (max-width:1330px) {
body:not(.folded) #adminmenu div.wp-menu-name {
display: none;
}
} */
@media only screen and (min-width: 961px) {
.edit-post-layout .components-editor-notices__snackbar {
left: 232px;
}
/*new*/
/* body:not(.folded) #wpcontent, body:not(.folded) #wpfooter {
margin-left: 0;
} */
body:not(.folded) #wpcontent,
body:not(.folded) #wpfooter {
margin-left: 264px;
}
/*new*/
/* body:not(.folded) #adminmenuback {
width: 100%;
height: max-content;
} */
body:not(.folded) #adminmenuback {
width: 264px;
}
/*new*/
/* body:not(.folded) #adminmenuwrap {
width: 100%;
position: relative;
} */
body:not(.folded) #adminmenuwrap {
width: 264px;
}
body:not(.folded).block-editor-page #adminmenuwrap {
width: 232px;
}
body:not(.folded).block-editor-page #adminmenuback {
width: 232px;
}
/* body:not(.folded) #adminmenu li:not(.wp-has-current-submenu) .wp-submenu {
left: 200px;
} */
body:not(.folded) #adminmenu li:not(.wp-has-current-submenu) .wp-submenu {
left: 254px;
}
body:not(.folded) .interface-interface-skeleton {
left: 232px;
}
/*new*/
/* body:not(.folded) #adminmenu {
width: 100%;
padding: 0;
display: flex;
flex-wrap: wrap;
overflow-y: scroll;
margin: 0;
}
body:not(.folded) #adminmenu > li {
width: calc(100%/8 - 4px);
} */
body:not(.folded) #adminmenu {
width: 232px;
padding: 0 16px;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
display: none;
}
/*new*/
/* body:not(.folded) #adminmenu .wp-submenu {
width: 100%;
border-radius: 6px;
display: none;
}
body:not(.folded) #adminmenu li.opensub .wp-submenu {
left: 0;
top: 45px;
display: block;
border: 1.6px dashed;
border-color: #fff;
} */
body:not(.folded) #adminmenu .wp-submenu {
width: 100%;
border-radius: 6px;
}
body:not(.folded) #adminmenu li:not(.wp-has-current-submenu).opensub .wp-submenu {
border: 1.6px dashed;
border-color: #fff;
}
body:not(.folded) #adminmenu li.menu-top:hover,
body:not(.folded) #adminmenu li.opensub>a.menu-top,
body:not(.folded) #adminmenu li>a.menu-top:focus {
border-radius: 6px;
}
body:not(.folded) #adminmenu>li:not(:last-child) {
margin-bottom: 4px;
}
body:not(.folded) #adminmenu a:focus,
#adminmenu a:hover {
box-shadow: unset;
transition: unset;
}
/* body:not(.folded) #adminmenu .wp-submenu {
transition: all 1.4s;
-webkit-transition: all 1.4s;
-moz-transition: all 1.4s;
-ms-transition: all 1.4s;
-o-transition: all 1.4s;
border-radius: 0 0 6px 6px;
}
body:not(.folded) #adminmenu li:not(.wp-has-current-submenu) .wp-submenu {
max-height: 0;
overflow: hidden;
}
body:not(.folded) #adminmenu li.wp-has-submenu.opensub .wp-submenu {
position: relative;
z-index: 3;
top: auto;
left: auto !important;
right: auto;
bottom: auto;
border: 0 none;
margin-top: 0;
box-shadow: none;
max-height: 25rem;
} */
body:not(.folded) #adminmenu li.wp-first-item.wp-not-current-submenu.wp-menu-overview-profile.menu-top-first {
border: unset !important;
}
#editor .components-tab-panel__tabs .components-button {
display: block;
}
.block-editor-block-types-list__list-item {
margin: 0.5rem 0.5rem;
width: calc(100% / 3 - 1rem);
background-color: rgb(6 11 58 / 60%);
color: #fff !important;
border-radius: 6px;
}
.components-button.block-editor-block-types-list__item {
color: #fff !important;
}
.block-editor-block-icon.has-colors svg {
fill: var(--frame);
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
color: var(--frame) !important;
filter: brightness(0.95);
}
.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),
.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled) {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--main),
inset 0 0 0 1px #fff;
outline: 1px solid transparent;
}
.components-button.is-primary {
background: var(--wp-components-color-accent, var(--main));
}
.block-editor-block-types-list__item-icon {
color: var(--frame);
}
.widget-liquid-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.widget-liquid-wrapper .widget-liquid-right,
.widget-liquid-wrapper .widget-liquid-left {
width: 100%;
}
#available-widgets #widget-list {
position: relative;
display: flex;
flex-wrap: wrap;
}
#widgets-left #available-widgets .widget {
width: calc(100% / 2 - 2%);
float: left;
margin: 0 1%;
}
#widgets-right {
display: flex;
flex-wrap: wrap;
gap: 1%;
}
#widgets-right .sidebars-column-1,
#widgets-right .sidebars-column-2 {
float: left;
width: 49% !important;
max-width: 49% !important;
margin-right: 0;
}
}
.postbox {
border: 1px solid var(--main);
}
body:not(.folded) #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
body:not(.folded) #adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
body:not(.folded) #adminmenu li.current a.menu-top,
body:not(.folded) #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
border-radius: 4px 4px 0px 0px;
}
body:not(.folded) #adminmenu li.wp-has-current-submenu {
border: 1px solid var(--frame);
border-radius: 6px;
}
/* input#post_monaorder {
display: block;
} */
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
opacity: 1;
}
.theme-overlay .screenshot img {
height: 100%;
width: 100%;
object-fit: cover;
}
.wrap #submitdiv #major-publishing-actions {
border-top: 0;
border-radius: 6px;
}
.nocodevn-profile {
margin-bottom: 1rem;
}
.nocodevn-profile-logo {
padding-bottom: 1rem;
}
.nocodevn-profile-logo img {
border-radius: 1rem;
height: 5rem;
width: 100%;
display: flex;
margin: 0 auto;
object-fit: contain;
}
.wp-menu-nocodevn-profile .wp-menu-image.dashicons-before {
display: none !important;
}
#adminmenu div.wp-menu-image {
display: flex;
align-items: center;
justify-content: center;
}
.wp-menu-image.dashicons-before img {
opacity: 1 !important;
/* padding: 10px !important; */
width: 1.25rem;
height: auto;
}
.wp-menu-nocodevn-profile .wp-menu-name {
padding: 0 !important;
}
.nocodevnRedirectAdmin:hover img {
background-color: var(--main-yellow);
border-radius: 100rem;
border: 1px solid var(--main);
}
#adminmenu a.wp-menu-nocodevn-profile:focus,
#adminmenu a.wp-menu-nocodevn-profile:hover {
box-shadow: unset !important;
}
.nocodevn-profile-title {
font-size: 1rem;
color: var(--white);
text-align: center;
margin: -0.5rem 0 0rem;
line-height: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.nocodevn-profile-action {
display: flex;
height: 100%;
flex-wrap: nowrap;
margin-bottom: 5px;
gap: 0.5rem;
justify-content: center;
}
.profile:hover {
cursor: pointer;
}
.profile:hover img {
background: var(--frame);
border-radius: 50% !important;
}
.nocodevn-profile-action>* {
width: max-content;
}
.nocodevn-profile-action>* {
width: 25%;
}
.nocodevn-profile-action>* img {
margin: auto;
display: block;
transition: 0.4s all;
border: 1px solid transparent;
/* width: 1.2rem;
height: 1.2rem; */
padding: 0.3rem;
}
.user-admin-color-wrap {
display: none !important;
}
.nocodevn-wrap {
color: #000;
}
.nocodevn-wrap .nav-tab.nav-tab-active {
background: var(--main);
color: var(--main-white);
}
.nocodevn-wrap .nav-tab {
background: var(--main-white);
margin: 0 0.5rem 0 0;
}
.nocodevn-wrap .form-table>tbody>tr>th {
width: 30%;
line-height: 2.4;
}
.nocodevn-wrap input {
width: 100%;
}
.nav-tab-wrapper {
border-bottom: none;
}
.nocodevn-table {
border-top: 1px solid #c3c4c7;
}
.nocodevn-table .form-table {
padding: 0;
margin: 0;
}
.tab-content {
display: none;
}
.tab-content-active {
display: block;
}
.plugin-update-tr {
display: none;
}
/**Tab**/
.tab-wrap {
list-style: none;
padding: 0;
display: flex;
margin-bottom: 1rem;
}
.tab-wrap li {
margin: 0 1rem 0 0;
}
.tab-wrap a {
text-decoration: none;
padding: 10px 20px;
display: block;
background: var(--white);
color: #333;
border: 1px dashed var(--solid);
border-radius: 1rem;
}
.tab-wrap a.active {
background: var(--backgr);
border-bottom: 0.2rem solid var(--frame);
color: var(--frame);
}
.tab-content {
display: none;
}
.tab-item {
display: flex;
align-items: center;
padding: 1rem;
border: 1px solid var(--solid);
border-top: 0;
}
.tab-item:first-child {
border-top: 1px solid var(--solid);
}
.tab-item label {
font-weight: 600;
}
.item-txt {
flex: 0 0 auto;
width: 20%;
}
.item-feature {
flex: 0 0 auto;
width: calc(100% - 20%);
}
.tab-item .detail input {
width: 100%;
}
#chia-se-tabs {
display: none;
}
#chia-sechecklist {
display: flex;
gap: 1rem;
}
#chia-sechecklist label.selectit {
display: flex;
align-items: center;
padding: 0;
}
#taxonomy-chia-se {
display: flex;
gap: 1rem;
align-items: center;
}
#chia-se-adder {
padding: 0;
margin: 0;
}
#chia-se-add-toggle {
padding: 0;
margin: 0;
}
#chia-se-add {
display: flex;
margin: 0;
gap: 1rem;
}
.wp-hidden-children #chia-se-add {
display: none !important;
}
#chia-se-all {
border: none;
padding: 0;
height: auto;
}
.deltai-img .tab-item:first-child {
border-top: 2px dashed var(--solid) !important;
border-bottom: 0;
}
.deltai-img .tab-item:last-child {
border-bottom: 2px dashed var(--solid) !important;
border-top: 0;
}
.deltai-img .tab-item:nth-child(odd) {
border-top: 0;
border-bottom: 0;
}
.tab-pane {
display: flex;
gap: 1rem;
padding: 1rem 0.5rem;
border: 1px solid var(--solid);
}
.tab-item .col {
text-align: left;
}
.image-feature {
display: grid;
padding-right: 5rem;
}
.tab-item .item-feature img {
width: 10rem;
height: 10rem;
object-fit: cover;
}
.deltai-img .detail {
display: grid;
}
.deltai-img .detail .col:last-child {
display: grid;
}
.detail-info .col {
width: 100% !important;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.detail-info .col .galery-info {
display: grid;
flex: 0 0 calc(100% / 3);
max-width: 33%;
}
option:checked {
background-color: var(--solid);
margin: 2px 0;
border-radius: 1px;
padding-left: 10px;
}
.tab-list-item .tab-gr {
display: flex;
flex-wrap: wrap;
border: 1px solid var(--solid);
padding: 1rem 0.5rem;
}
.tab-items {
flex: 0 0 25%;
max-width: 25%;
}
.gr-2 {
border-top: none !important;
}
.gr-2 .tab-items {
flex: 0 0 40%;
max-width: 40%;
}
.tab-items .items {
padding: 0 0.5rem 1rem;
}
.tab-items .one select {
height: auto !important;
padding-left: 10px !important;
}
.tab-items select {
height: 8rem !important;
width: 100%;
padding: 0 !important;
}
.tab-items select option {
padding: 0.5rem;
}
.select2-container {
width: 100% !important;
}
.select2-search {
margin: 0;
}
.select2-search input {
width: auto !important;
height: auto;
margin: 0 !important;
}
.select2-selection.select2-selection--single {
height: 2rem !important;
}
.select2-results__option {
font-size: 14px;
}
.select2-search--dropdown .select2-search__field {
width: 100% !important;
}
.tab-list {
display: flex;
gap: 1rem;
}
.tab-list .item {
display: flex;
gap: 0.5rem;
}
.tab-list .item input[type="color"] {
width: 3.2rem;
height: 2.5rem;
}
.tab-list .item input[type="text"] {
height: 2.5rem;
width: 100%;
}
.tab-item textarea {
width: 100%;
}
.tab-items .feature {
display: flex;
gap: 1rem;
}
.tab-gr.wrapper .tab-items {
flex: 0 0 33%;
max-width: 33%;
}
.feature input[type="number"] {
width: 3.5rem;
height: 2.25rem;
}
.wp-submenu-wrap .current {
color: var(--frame) !important;
}
.quicktags-toolbar {
display: flex;
}
.column-title {
float: left;
width: 100%;
}
.column-field_project,
.column-service_project {
width: 20%;
}
.column-project_time {
width: 20%;
}
.theme-browser .theme .theme-screenshot img {
height: 100%;
object-fit: cover;
}
.sec-be {
padding: 1.5rem 0;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.grid-2-70 {
display: grid;
grid-template-columns: 70% 1fr;
gap: 1rem;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
.grid-5 {
display: grid;
grid-template-columns: 20% 20% 1fr 1fr 1fr;
gap: 2rem;
}
.grid-item {
/* padding: 1rem; */
box-sizing: border-box;
}
.card-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: white;
border-radius: .5rem;
}
.card-icon {
background: #1572e8;
border-radius: .5rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: .5rem;
}
.card-item img {
width: 2rem;
height: 2rem;
}
.card-category {
color: #8d9498;
font-size: .9rem;
margin-bottom: .5rem;
}
.card-sub {
font-size: 20px;
font-weight: 600;
color: #2a2f5b;
}
.statistic-post th,
.statistic-post td {
text-align: left;
padding: 10px;
}
.statistic-post th {
background-color: #f1f1f1;
}
.statistic-post .title-column {
width: 40%;
}
.statistic-post .category-column,
.statistic-post .author-column,
.statistic-post .views-column {
width: 10%;
}
.be-list-post table.widefat {
box-shadow: 0 0 .875rem 0 rgba(33, 37, 41, .05);
border: none !important;
border-radius: .5rem;
}
.be-list-post .widefat thead td,
.be-list-post .widefat thead th {
border-color: #dee2e6;
}
.theme[data-slug="flatsome"] {
display: none;
}
@media only screen and (min-width: 1640px) {
.theme-browser .theme .theme-screenshot:after {
padding-top: 70%;
}
}
@media only screen and (max-width: 1727px) {
.grid-5 {
grid-template-columns: 20% 20% 1fr 1fr 1fr;
gap: .9rem;
}
.grid-2-70 {
grid-template-columns: 65% 1fr;
}
.card-item {
gap: .75rem;
padding: 1rem .75rem;
}
.card-item img {
width: 1.5rem;
height: 1.5rem;
}
.card-category {
font-size: .8rem;
}
}