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 .info-blue {
  18     color: #3892d4;
  19 }
  20
  21 /* make the upper window end visible */
  22 .x-css-shadow {
  23     box-shadow: rgb(136,136,136) 0px -1px 15px !important;
  24 }
  25
  26 /* reduce tree space */
  27 .x-grid-cell-inner-treecolumn { /* vertical padding */
  28     padding: 4px 0px 3px 0px;
  29 }
  30
  31 /* horizontal distance between parent and child leaf */
  32 .x-tree-elbow-img {
  33     width: 14px;
  34 }
  35
  36 /* adjust horizontal position of menu icons */
  37 .x-menu-item-icon-default {
  38     top: 5px;
  39     left: 3px;
  40     font-size: 14px;
  41 }
  42
  43 /* this gives a better placement for the font-awesome icons */
  44 .x-btn-icon-el-default-toolbar-small {
  45     height: 14px;
  46 }
  47
  48 /* this icon looks weird in sizes not n*14px */
  49 .x-btn-icon-el-default-toolbar-small.fa-ellipsis-v {
  50     font-size: 14px;
  51 }
  52
  53 .x-btn-icon-el-default-small {
  54     height: 14px;
  55     font-size: 14px;
  56 }
  57
  58 /* displayfield minheight is wrong */
  59 .x-form-display-field-default {
  60     min-height: 20px;
  61 }
  62
  63 .x-button-reset:before {
  64     font-size: 16px;
  65 }
  66
  67 /* for resetcolumnsbutton */
  68 .x-button-reset:after{
  69     content: "\f0e7 ";
  70     position: relative;
  71     text-shadow: 0 0 2px #fff;
  72     left: -3px;
  73     top: 2px;
  74 }
  75
  76 .proxmox-inline-button .x-btn-inner {
  77     color: black;
  78 }
  79
  80 /* loading in task list */
  81 .x-grid-row-loading {
  82     background: no-repeat center center;
  83     background-image:url(../extjs/theme-crisp/resources/images/loadmask/loading.gif);
  84 }
  85
  86 /* displayfield minheight is wrong */
  87 .x-form-display-field-default {
  88     min-height: 20px;
  89 }
  90
  91 .x-button-reset:before {
  92     font-size: 16px;
  93 }
  94
  95 /* for resetcolumnsbutton */
  96 .x-button-reset:after{
  97     content: "\f0e7 ";
  98     position: relative;
  99     text-shadow: 0 0 2px #fff;
 100     left: -3px;
 101     top: 2px;
 102 }
 103
 104 .proxmox-inline-button .x-btn-inner {
 105     color: black;
 106 }
 107
 108 /* for auto layout */
 109 div.inline-block {
 110     display: inline-block;
 111     vertical-align: top;
 112 }
 113
 114 .pointer {
 115     cursor: pointer;
 116 }
 117
 118 .x-grid-filters-filtered-column{
 119     font-style: italic;
 120     font-weight: bold;
 121 }
 122
 123 /* mark disabled grid entries */
 124 table:not(.x-grid-item-selected) tr.x-grid-row.disabled {
 125     color: #cfcfcf;
 126 }
 127
 128 /* fix action column icons */
 129 .x-action-col-icon {
 130     font-size: 13px;
 131     height: 13px;
 132 }
 133
 134 .x-grid-cell-inner-action-col {
 135     padding: 6px 10px 5px;
 136 }
 137
 138 .x-action-col-icon:before {
 139     color: #555;
 140 }
 141
 142 .x-treelist-item-icon {
 143     color: #000;
 144 }
 145
 146 .x-treelist-nav {
 147     background-color: #f5f5f5;
 148     border-right: 1px solid #cfcfcf;
 149 }
 150
 151 .x-treelist-row-over > * > .x-treelist-item-icon,
 152 .x-treelist-row-over > * > .x-treelist-item-text {
 153     color: #000;
 154 }
 155
 156 .x-treelist-row {
 157     padding: 4px 10px 4px 6px;
 158 }
 159
 160 /* chrome 56 fix */
 161 .x-webkit .x-form-text {
 162     height: 100% !important;
 163 }
 164
 165 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
 166     height: initial;
 167 }
 168
 169 tr.x-grid-row-summary  td.x-grid-cell {
 170     border-top: 1px solid black;
 171     font-weight: bold;
 172 }
 173
 174 p.logs {
 175     white-space: nowrap;
 176     font-family: monospace;
 177     overflow: auto;
 178     border: 1px solid #cfcfcf;
 179     margin: 5px;
 180     padding: 5px;
 181 }
 182
 183 /* tree icons */
 184
 185 /* big symbols */
 186 .x-tree-icon-custom {
 187     font-size: 1.25em;
 188     line-height: 1.6em;
 189     color: #555;
 190     margin-right: 5px;
 191 }
 192
 193 .no-leaf-icons .x-tree-icon-leaf {
 194     visibility: hidden;
 195     width: 5px;
 196 }
 197
 198 .pmx-has-badge .x-btn-inner {
 199     padding: 0 0 0 5px;
 200     min-width: 24px;
 201 }
 202
 203 .pmx-button-badge {
 204     display: inline-block;
 205     font-weight: bold;
 206     border-radius: 4px;
 207     padding: 2px 3px;
 208     min-width: 24px;
 209     line-height: 1em;
 210 }
 211
 212 .pmx-button-badge.active {
 213     background-color: #464d4d;
 214 }
 215
 216 .pmx-hidden {
 217     cursor: default;
 218 }
 219
 220 span.snapshot-comment-column {
 221     text-overflow: ellipsis;
 222     overflow: hidden;
 223     display: inline-block;
 224     width: calc(100% - 18px);
 225 }
 226
 227 .x-action-col-icon.good:before {
 228     color: #21BF4B;
 229 }
 230
 231 .x-action-col-icon.warning:before {
 232     color: #fc0;
 233 }
 234
 235 .x-action-col-icon.critical:before {
 236     color: #FF6C59;
 237 }
 238
 239 .pve-icon-verify-lettering:after {
 240     color: #464d4d;
 241     font-weight: bold;
 242     content: "V.";
 243 }
 244
 245 .x-action-col-icon {
 246     margin: 0 1px;
 247     font-size: 14px;
 248 }
 249 .x-action-col-icon:before, .x-action-col-icon:after {
 250     font-size: 14px;
 251 }
 252 .x-action-col-icon:hover:before, .x-action-col-icon:hover:after {
 253     text-shadow: 1px 1px 1px #AAA;
 254     font-weight: 800;
 255 }