Prosellers Shell V2.0

Editing: style.css

Cancel

:root{
  --wp-admin-theme-color:#007cba;
  --wp-admin-theme-color--rgb:0, 124, 186;
  --wp-admin-theme-color-darker-10:#006ba1;
  --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
  --wp-admin-theme-color-darker-20:#005a87;
  --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  --wp-admin-border-width-focus:2px;
  --wp-block-synced-color:#7a00df;
  --wp-block-synced-color--rgb:122, 0, 223;
  --wp-bound-block-color:var(--wp-block-synced-color);
}
@media (min-resolution:192dpi){
  :root{
    --wp-admin-border-width-focus:1.5px;
  }
}

.commands-command-menu{
  border-radius:4px;
  margin:auto;
  max-width:400px;
  position:relative;
  top:calc(5% + 60px);
  width:calc(100% - 32px);
}
@media (min-width:600px){
  .commands-command-menu{
    top:calc(10% + 60px);
  }
}
.commands-command-menu .components-modal__content{
  margin:0;
  padding:0;
}

.commands-command-menu__overlay{
  align-items:start;
  display:block;
}

.commands-command-menu__header{
  align-items:center;
  display:flex;
  padding:0 16px;
}
.commands-command-menu__header .components-button{
  border:1px solid #949494;
  border-radius:2px 0 0 2px;
  border-right:0;
  height:56px;
  justify-content:center;
  width:56px;
}
.commands-command-menu__header .components-button+[cmdk-input]{
  border-bottom-left-radius:0;
  border-top-left-radius:0;
}

.commands-command-menu__container{
  will-change:transform;
}
.commands-command-menu__container [cmdk-input]{
  border:none;
  border-radius:0;
  color:#1e1e1e;
  font-size:15px;
  line-height:28px;
  margin:0;
  outline:none;
  padding:16px 4px;
  width:100%;
}
.commands-command-menu__container [cmdk-input]::placeholder{
  color:#757575;
}
.commands-command-menu__container [cmdk-input]:focus{
  box-shadow:none;
  outline:none;
}
.commands-command-menu__container [cmdk-item]{
  align-items:center;
  border-radius:2px;
  color:#1e1e1e;
  cursor:pointer;
  display:flex;
  font-size:13px;
}
.commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{
  background:var(--wp-admin-theme-color);
  color:#fff;
}
.commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{
  fill:#fff;
}
.commands-command-menu__container [cmdk-item][aria-disabled=true]{
  color:#949494;
  cursor:not-allowed;
}
.commands-command-menu__container [cmdk-item] svg{
  fill:#1e1e1e;
}
.commands-command-menu__container [cmdk-item]>div{
  min-height:40px;
  padding:4px 4px 4px 40px;
}
.commands-command-menu__container [cmdk-item]>.has-icon{
  padding-left:8px;
}
.commands-command-menu__container [cmdk-root]>[cmdk-list]{
  max-height:368px;
  overflow:auto;
}
.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){
  padding-bottom:8px;
}
.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){
  padding:0 8px;
}
.commands-command-menu__container [cmdk-empty]{
  align-items:center;
  color:#1e1e1e;
  display:flex;
  justify-content:center;
  padding:8px 0 32px;
  white-space:pre-wrap;
}
.commands-command-menu__container [cmdk-loading]{
  padding:16px;
}
.commands-command-menu__container [cmdk-list-sizer]{
  position:relative;
}

.commands-command-menu__item span{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.commands-command-menu__item mark{
  background:unset;
  color:inherit;
  font-weight:600;
}

Editing: style.css

Upload Files

Create New

Change Permissions

Change Date

Rename Item

Confirm Delete