NebulaPanel - Control Interface

✏️ Editing: 51e43c32c8d0a764ff206d9d66378e65.css

/* compiled by scssphp v0.0.10 on Mon, 02 Aug 2021 15:29:30 +0700 (0.0129s) */

/*
 * Button mixin- creates 3d-ish button effect with correct
 * highlights/shadows, based on a base color.
 */
html {
  background: #f1f1f1;
  /* Links */ }

a {
  color: #0074a2; }
  a:hover, a:active, a:focus {
    color: #0099d5; }

#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
  color: #0099d5;
  /* Forms */ }

input[type=checkbox]:checked:before {
  color: #0074a2; }

input[type=radio]:checked:before {
  background: #0074a2; }

.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
  color: #0099d5;
  /* Core UI */ }

.wp-core-ui {
  /* List tables */ }
  .wp-core-ui .button-primary {
    background: #0074a2;
    border-color: #0074a2;
    color: white;
    box-shadow: none;
    text-shadow: none; }
    .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
      background: #007fb1;
      border-color: #007fb1;
      color: white;
      box-shadow: none; }
    .wp-core-ui .button-primary:focus {
      box-shadow: none; }
    .wp-core-ui .button-primary:active {
      background: #004f6f;
      border-color: #003d56;
      box-shadow: inset 0 2px 0 #003d56; }
    .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
      color: #c7ced1 !important;
      background: #0091cb !important;
      border-color: #0091cb !important;
      text-shadow: none !important; }
    .wp-core-ui .button-primary.button-hero {
      box-shadow: none !important; }
      .wp-core-ui .button-primary.button-hero:active {
        box-shadow: none; }
  .wp-core-ui .wp-ui-primary {
    color: #fff;
    background-color: #222; }
  .wp-core-ui .wp-ui-text-primary {
    color: #222; }
  .wp-core-ui .wp-ui-highlight {
    color: #fff;
    background-color: #0074a2; }
  .wp-core-ui .wp-ui-text-highlight {
    color: #0074a2; }
  .wp-core-ui .wp-ui-notification {
    color: #fff;
    background-color: #d54e21; }
  .wp-core-ui .wp-ui-text-notification {
    color: #d54e21; }
  .wp-core-ui .wp-ui-text-icon {
    color: #f3f1f1; }

.wrap .add-new-h2:hover, .wrap .page-title-action:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
  color: #fff;
  background-color: #222; }

.view-switch a.current:before {
  color: #222; }

.view-switch a:hover:before {
  color: #d54e21;
  /* Admin Menu */ }

#adminmenuback, #adminmenuwrap, #adminmenu {
  background: #222; }

#adminmenu a {
  color: #fff; }

#adminmenu div.wp-menu-image:before {
  color: #f3f1f1; }

#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
  color: #fff;
  background-color: #0074a2; }

#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
  color: #fff;
  /* Active tabs use a bottom border color that matches the page background color. */ }

.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
  background-color: #f1f1f1;
  border-bottom-color: #f1f1f1;
  /* Admin Menu: submenu */ }

#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
  background: #101010; }

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
  border-right-color: #101010; }

#adminmenu .wp-submenu .wp-submenu-head {
  color: #bdbdbd; }

#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
  color: #bdbdbd;
  /* Admin Menu: current */ }
  #adminmenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
    color: #0074a2; }

#adminmenu .opensub .wp-submenu li.current a, #adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
  color: #fff; }
  #adminmenu .opensub .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .opensub .wp-submenu li.current a:focus, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
    color: #0074a2; }

ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
  border-right-color: #f1f1f1; }

#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top {
  color: #fff;
  background: #0074a2; }

#adminmenu li.wp-has-current-submenu div.wp-menu-image:before, #adminmenu a.current:hover div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before, #adminmenu li:hover div.wp-menu-image:before, #adminmenu li a:focus div.wp-menu-image:before, #adminmenu li.opensub div.wp-menu-image:before, .ie8 #adminmenu li.opensub div.wp-menu-image:before {
  color: #fff;
  /* Admin Menu: bubble */ }

#adminmenu .awaiting-mod, #adminmenu .update-plugins {
  color: #fff;
  background: #d54e21; }

#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins {
  color: #fff;
  background: #101010;
  /* Admin Menu: collapse button */ }

#collapse-button {
  color: #f3f1f1; }

#collapse-button .collapse-button-icon {
  color: #f3f1f1; }

#collapse-button:hover, #collapse-button:focus {
  color: #fff; }

#collapse-button:hover .collapse-button-icon, #collapse-button:focus .collapse-button-icon {
  color: #fff;
  /* Pointers */ }

.wp-pointer .wp-pointer-content h3 {
  background-color: #0074a2;
  border-color: #006289; }

.wp-pointer .wp-pointer-content h3:before {
  color: #0074a2; }

.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
  border-bottom-color: #0074a2;
  /* Media */ }

.media-item .bar, .media-progress-bar div {
  background-color: #0074a2; }

.details.attachment {
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #0074a2; }

.attachment.details .check {
  background-color: #0074a2;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0074a2; }

.media-selection .attachment.selection.details .thumbnail {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0074a2;
  /* Themes */ }

.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
  background: #0074a2; }

.theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
  color: #0074a2; }

.theme-section.current, .theme-filter.current {
  border-bottom-color: #222; }

body.more-filters-opened .more-filters {
  color: #fff;
  background-color: #222; }

body.more-filters-opened .more-filters:before {
  color: #fff; }

body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus {
  background-color: #0074a2;
  color: #fff; }

body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
  color: #fff;
  /* Widgets */ }

.widgets-chooser li.widgets-chooser-selected {
  background-color: #0074a2;
  color: #fff; }

.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
  color: #fff;
  /* Customize */ }

#customize-theme-controls .widget-area-select .selected {
  background-color: #0074a2;
  color: #fff;
  /* Responsive Component */ }

div#wp-responsive-toggle a:before {
  color: #f3f1f1; }

.wp-responsive-open div#wp-responsive-toggle a {
  border-color: transparent;
  background: #0074a2; }

.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
  background: #101010; }

.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
  color: #f3f1f1;
  /* TinyMCE */ }

.mce-container.mce-menu .mce-menu-item:hover, .mce-container.mce-menu .mce-menu-item.mce-selected, .mce-container.mce-menu .mce-menu-item:focus, .mce-container.mce-menu .mce-menu-item-normal.mce-active, .mce-container.mce-menu .mce-menu-item-preview.mce-active {
  background: #0074a2; }

✏️ Editing: 51e43c32c8d0a764ff206d9d66378e65.css

🚀 NebulaPanel