.wc-toolbar
{
width: 100%;
background-color: var(--input-toolbar-background);
padding: 0px;
height: var(--input-toolbar-height);
text-align: center;
vertical-align: middle;
user-select: none;
}
.wc-toolbar-area
{
background-color: var(--input-toolbar-background);
padding: 0px;
height: 100%;
display: cell;
}
.wc-toolbar-item-button
{
padding-left: 16px;
padding-right: 16px;
border-radius: 4px;
background-color: var(--button-background);
border: 1px solid var(--button-border);
color: var(--button-text);
cursor: pointer;
user-select: none;
}
.wc-toolbar-item-iconbutton
{
height: var(--input-toolbar-height);
padding-left: 36px;
background: no-repeat 6px center;
border-radius: 4px;
border: 1px solid var(--background);
color: var(--button-text);
cursor: pointer;
user-select: none;
}
.wc-toolbar-item-iconbutton:hover
{
background-color: var(--menu-button-background-hover);
border: 1px solid var(--menu-button-background-hover);
}
.wc-toolbar-left
{
float: left;
line-height: var(--input-toolbar-height);
margin-right: 10px;
}
.wc-toolbar-right
{
float: right;
background-color: yellow;
line-height: var(--input-toolbar-height);
margin-left: 10px;
}
.wc-toolbar-center
{
text-align: center;
background-color: #E8E8E8;
display: cell;
width: 50%;
line-height: var(--input-toolbar-height);
}
.wc-toolbar-item-default
{
color: black;
background-color: var(--button-background-default);
}
.wc-toolbar-item-default:hover { background-color: var(--button-background-default-hover); }
.wc-toolbar-item-default-icon
{
background: no-repeat 6px center;
color: black;
background-color: var(--button-background-default);
}
.wc-toolbar-item-default-icon:hover { background-color: var(--button-background-default-hover); }
.wc-toolbar-item-add
{
background: no-repeat 6px center;
background-color: var(--button-background-add);
}
.wc-toolbar-item-add:hover { background-color: var(--button-background-add-hover); }
.wc-toolbar-item-copy
{
background: no-repeat 6px center;
background-color: var(--button-background-copy);
}
.wc-toolbar-item-copy:hover { background-color: var(--button-background-copy-hover); }
.wc-toolbar-item-edit
{
background: no-repeat 6px center;
background-color: var(--button-background-edit);
}
.wc-toolbar-item-edit:hover { background-color: var(--button-background-edit-hover); }
.wc-toolbar-item-delete
{
background: no-repeat 6px center;
background-color: var(--button-background-delete);
}
.wc-toolbar-item-delete:hover { background-color: var(--button-background-delete-hover); }
.wc-toolbar-item-signal
{
background: no-repeat 6px center;
background-color: var(--button-background-signal);
}
.wc-toolbar-item-signal:hover { background-color: var(--button-background-signal-hover); }