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(../extjs/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: 13px;
 127     height: 13px;
 128 }
 129
 130 .x-grid-cell-inner-action-col {
 131     padding: 6px 10px 5px;
 132 }
 133
 134 .x-action-col-icon:before {
 135     color: #555;
 136 }
 137
 138 .x-treelist-item-icon {
 139     color: #000;
 140 }
 141
 142 .x-treelist-nav {
 143     background-color: #f5f5f5;
 144     border-right: 1px solid #cfcfcf;
 145 }
 146
 147 .x-treelist-row-over > * > .x-treelist-item-icon,
 148 .x-treelist-row-over > * > .x-treelist-item-text {
 149     color: #000;
 150 }
 151
 152 .x-treelist-row {
 153     padding: 4px 10px 4px 6px;
 154 }
 155
 156 /* chrome 56 fix */
 157 .x-webkit .x-form-text {
 158     height: 100% !important;
 159 }
 160
 161 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
 162     height: initial;
 163 }
 164
 165 tr.x-grid-row-summary  td.x-grid-cell {
 166     border-top: 1px solid black;
 167     font-weight: bold;
 168 }
 169
 170 p.logs {
 171     white-space: nowrap;
 172     font-family: monospace;
 173     overflow: auto;
 174     border: 1px solid #cfcfcf;
 175     margin: 5px;
 176     padding: 5px;
 177 }
 178
 179 /* tree icons */
 180
 181 /* big symbols */
 182 .x-tree-icon-custom {
 183     font-size: 1.25em;
 184     line-height: 1.6em;
 185     color: #555;
 186     margin-right: 5px;
 187 }
 188
 189 .no-leaf-icons .x-tree-icon-leaf {
 190     visibility: hidden;
 191     width: 5px;
 192 }
 193
 194 .pmx-has-badge .x-btn-inner {
 195     padding: 0 0 0 5px;
 196     min-width: 24px;
 197 }
 198
 199 .pmx-button-badge {
 200     display: inline-block;
 201     font-weight: bold;
 202     border-radius: 4px;
 203     padding: 2px 3px;
 204     min-width: 24px;
 205     line-height: 1em;
 206 }
 207
 208 .pmx-button-badge.active {
 209     background-color: #464d4d;
 210 }
 211
 212 .pmx-hidden {
 213     cursor: default;
 214 }
 215
 216 .x-action-col-icon.good:before {
 217     color: #21BF4B;
 218 }
 219
 220 .x-action-col-icon.warning:before {
 221     color: #fc0;
 222 }
 223
 224 .x-action-col-icon.critical:before {
 225     color: #FF6C59;
 226 }