proxmox-backup/www/css/ext6-pbs.css
Thomas Lamprecht 864d17c4e2 ui/css: adapt look-and-feel to PMG one
mainly the navigation tree

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2019-12-18 12:17:25 +01:00

173 lines
3.2 KiB
CSS

/* overwrite to use full black for enabled buttons */
.x-btn-inner-default-toolbar-small {
font: 300 12px/16px helvetica, arial, verdana, sans-serif;
color: #000;
padding: 0 5px;
max-width: 100%;
}
/* add missing class for context menu header */
.x-menu-header {
font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
color: #fff;
padding: 4px;
background-color: #3892d4;
}
/* make the upper window end visible */
.x-css-shadow {
box-shadow: rgb(136,136,136) 0px -1px 15px !important;
}
/* reduce tree space */
.x-grid-cell-inner-treecolumn { /* vertical padding */
padding: 4px 0px 3px 0px;
}
/* horizontal distance between parent and child leaf */
.x-tree-elbow-img {
width: 14px;
}
/* adjust horizontal position of menu icons */
.x-menu-item-icon-default {
top: 5px;
left: 3px;
font-size: 14px;
}
/* this gives a better placement for the font-awesome icons */
.x-btn-icon-el-default-toolbar-small {
height: 14px;
}
/* this icon looks weird in sizes not n*14px */
.x-btn-icon-el-default-toolbar-small.fa-ellipsis-v {
font-size: 14px;
}
.x-btn-icon-el-default-small {
height: 14px;
font-size: 14px;
}
/* displayfield minheight is wrong */
.x-form-display-field-default {
min-height: 20px;
}
.x-button-reset:before {
font-size: 16px;
}
/* for resetcolumnsbutton */
.x-button-reset:after{
content: "\f0e7 ";
position: relative;
text-shadow: 0 0 2px #fff;
left: -3px;
top: 2px;
}
.proxmox-inline-button .x-btn-inner {
color: black;
}
/* loading in task list */
.x-grid-row-loading {
background: no-repeat center center;
background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
}
/* displayfield minheight is wrong */
.x-form-display-field-default {
min-height: 20px;
}
.x-button-reset:before {
font-size: 16px;
}
/* for resetcolumnsbutton */
.x-button-reset:after{
content: "\f0e7 ";
position: relative;
text-shadow: 0 0 2px #fff;
left: -3px;
top: 2px;
}
.proxmox-inline-button .x-btn-inner {
color: black;
}
/* for auto layout */
div.inline-block {
display: inline-block;
vertical-align: top;
}
.pointer {
cursor: pointer;
}
.x-grid-filters-filtered-column{
font-style: italic;
font-weight: bold;
}
/* mark disabled grid entries */
table:not(.x-grid-item-selected) tr.x-grid-row.disabled {
color: #cfcfcf;
}
/* fix action column icons */
.x-action-col-icon {
font-size: 14px;
}
.x-action-col-icon:before {
color: #555;
}
.x-treelist-item-icon {
color: #000;
}
.x-treelist-nav {
background-color: #f5f5f5;
border-right: 1px solid #cfcfcf;
}
.x-treelist-row-over > * > .x-treelist-item-icon,
.x-treelist-row-over > * > .x-treelist-item-text {
color: #000;
}
.x-treelist-row {
padding: 4px 10px 4px 6px;
}
/* chrome 56 fix */
.x-webkit .x-form-text {
height: 100% !important;
}
.x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
height: initial;
}
tr.x-grid-row-summary td.x-grid-cell {
border-top: 1px solid black;
font-weight: bold;
}
p.logs {
white-space: nowrap;
font-family: monospace;
overflow: auto;
border: 1px solid #cfcfcf;
margin: 5px;
padding: 5px;
}