www/css/ext6-pbs.css

   1 /* overwrite to use full black for enabled buttons */
   2 .x-btn-inner-default-toolbar-small {
   3     font: 300 12px/16px helvetica, arial, verdana, sans-serif;
   4     color: #000;
   5     padding: 0 5px;
   6     max-width: 100%;
   7 }
   8
   9 /* add missing class for context menu header */
  10 .x-menu-header {
  11     font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  12     color: #fff;
  13     padding: 4px;
  14     background-color: #3892d4;
  15 }
  16
  17 /* make the upper window end visible */
  18 .x-css-shadow {
  19     box-shadow: rgb(136,136,136) 0px -1px 15px !important;
  20 }
  21
  22 /* reduce tree space */
  23 .x-grid-cell-inner-treecolumn { /* vertical padding */
  24     padding: 4px 0px 3px 0px;
  25 }
  26
  27 /* horizontal distance between parent and child leaf */
  28 .x-tree-elbow-img {
  29     width: 14px;
  30 }
  31
  32 /* adjust horizontal position of menu icons */
  33 .x-menu-item-icon-default {
  34     top: 5px;
  35     left: 3px;
  36     font-size: 14px;
  37 }
  38
  39 /* this gives a better placement for the font-awesome icons */
  40 .x-btn-icon-el-default-toolbar-small {
  41     height: 14px;
  42 }
  43
  44 /* this icon looks weird in sizes not n*14px */
  45 .x-btn-icon-el-default-toolbar-small.fa-ellipsis-v {
  46     font-size: 14px;
  47 }
  48
  49 .x-btn-icon-el-default-small {
  50     height: 14px;
  51     font-size: 14px;
  52 }
  53
  54 /* displayfield minheight is wrong */
  55 .x-form-display-field-default {
  56     min-height: 20px;
  57 }
  58
  59 .x-button-reset:before {
  60     font-size: 16px;
  61 }
  62
  63 /* for resetcolumnsbutton */
  64 .x-button-reset:after{
  65     content: "\f0e7 ";
  66     position: relative;
  67     text-shadow: 0 0 2px #fff;
  68     left: -3px;
  69     top: 2px;
  70 }
  71
  72 .proxmox-inline-button .x-btn-inner {
  73     color: black;
  74 }
  75
  76 /* loading in task list */
  77 .x-grid-row-loading {
  78     background: no-repeat center center;
  79     background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
  80 }
  81
  82 /* displayfield minheight is wrong */
  83 .x-form-display-field-default {
  84     min-height: 20px;
  85 }
  86
  87 .x-button-reset:before {
  88     font-size: 16px;
  89 }
  90
  91 /* for resetcolumnsbutton */
  92 .x-button-reset:after{
  93     content: "\f0e7 ";
  94     position: relative;
  95     text-shadow: 0 0 2px #fff;
  96     left: -3px;
  97     top: 2px;
  98 }
  99
 100 .proxmox-inline-button .x-btn-inner {
 101     color: black;
 102 }
 103
 104 /* for auto layout */
 105 div.inline-block {
 106     display: inline-block;
 107     vertical-align: top;
 108 }
 109
 110 .pointer {
 111     cursor: pointer;
 112 }
 113
 114 .x-grid-filters-filtered-column{
 115     font-style: italic;
 116     font-weight: bold;
 117 }
 118
 119 /* mark disabled grid entries */
 120 table:not(.x-grid-item-selected) tr.x-grid-row.disabled {
 121     color: #cfcfcf;
 122 }
 123
 124 /* fix action column icons */
 125 .x-action-col-icon {
 126     font-size: 14px;
 127 }
 128
 129 .x-action-col-icon:before {
 130     color: #555;
 131 }
 132
 133 .x-treelist-item-icon {
 134     color: #000;
 135 }
 136
 137 .x-treelist-nav {
 138     background-color: #f5f5f5;
 139     border-right: 1px solid #cfcfcf;
 140 }
 141
 142 .x-treelist-row-over > * > .x-treelist-item-icon,
 143 .x-treelist-row-over > * > .x-treelist-item-text {
 144     color: #000;
 145 }
 146
 147 .x-treelist-row {
 148     padding: 4px 10px 4px 6px;
 149 }
 150
 151 /* chrome 56 fix */
 152 .x-webkit .x-form-text {
 153     height: 100% !important;
 154 }
 155
 156 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
 157     height: initial;
 158 }
 159
 160 tr.x-grid-row-summary  td.x-grid-cell {
 161     border-top: 1px solid black;
 162     font-weight: bold;
 163 }
 164
 165 p.logs {
 166     white-space: nowrap;
 167     font-family: monospace;
 168     overflow: auto;
 169     border: 1px solid #cfcfcf;
 170     margin: 5px;
 171     padding: 5px;
 172 }
 173
 174 /* tree icons */
 175
 176 /* big symbols */
 177 .x-tree-icon-custom {
 178     font-size: 1.25em;
 179     line-height: 1.6em;
 180     color: #555;
 181     margin-right: 5px;
 182 }
 183
 184 .no-leaf-icons .x-tree-icon-leaf {
 185     visibility: hidden;
 186     width: 5px;
 187 }