css/ext6-pmg.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, .pmx-icon-size {
  50     height: 14px;
  51     font-size: 14px;
  52 }
  53
  54 .txt-shadow-hover:hover:before, .txt-shadow-hover:hover:after {
  55     text-shadow: 1px 1px 1px #AAA;
  56 }
  57
  58 .txt-monospace {
  59     font-family: Consolas, "Roboto Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  60 }
  61
  62
  63 /* icons for tree/snapshots/menus/etc.. */
  64
  65 /* overwrite folder icons of theme */
  66 .x-tree-icon-parent,
  67 .x-tree-icon-parent-expanded {
  68     background: none;
  69     display: inline-block;
  70     font: normal normal normal 14px/1 FontAwesome;
  71     font-size: inherit;
  72     text-rendering: auto;
  73     -webkit-font-smoothing: antialiased;
  74     -moz-osx-font-smoothing: grayscale;
  75     font-size: 1.25em;
  76     line-height: 1.6em;
  77     color: #555;
  78     margin-right: 5px;
  79 }
  80
  81 .x-tree-icon-parent:not(.x-tree-icon-custom):before {
  82    content: "\f114";
  83 }
  84
  85 .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before {
  86     content: "\f115";
  87 }
  88
  89 /* loading in task list */
  90 .x-grid-row-loading {
  91     background: no-repeat center center;
  92     background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
  93 }
  94
  95 /* displayfield minheight is wrong */
  96 .x-form-display-field-default {
  97     min-height: 20px;
  98 }
  99
 100 .x-button-reset:before {
 101     font-size: 16px;
 102 }
 103
 104 /* for resetcolumnsbutton */
 105 .x-button-reset:after{
 106     content: "\f0e7 ";
 107     position: relative;
 108     text-shadow: 0 0 2px #fff;
 109     left: -3px;
 110     top: 2px;
 111 }
 112
 113 .proxmox-inline-button .x-btn-inner {
 114     color: black;
 115 }
 116
 117 /* for auto layout */
 118 div.inline-block {
 119     display: inline-block;
 120     vertical-align: top;
 121 }
 122
 123 .pointer {
 124     cursor: pointer;
 125 }
 126
 127 .x-grid-filters-filtered-column{
 128     font-style: italic;
 129     font-weight: bold;
 130 }
 131
 132 /* mark disabled grid entries */
 133 table:not(.x-grid-item-selected) tr.x-grid-row.disabled {
 134     color: #cfcfcf;
 135 }
 136
 137 /* fix action column icons */
 138 .x-action-col-icon {
 139     font-size: 14px;
 140 }
 141
 142 .x-action-col-icon:before {
 143     color: #555;
 144 }
 145
 146 .x-treelist-item-icon {
 147     color: #000;
 148 }
 149
 150 .x-treelist-pve-nav {
 151     background-color: #f5f5f5;
 152     border-right: 1px solid #cfcfcf;
 153 }
 154
 155 .x-treelist-row-over > * > .x-treelist-item-icon,
 156 .x-treelist-row-over > * > .x-treelist-item-text {
 157     color: #000;
 158 }
 159
 160 .x-treelist-row {
 161     padding: 4px 10px 4px 6px;
 162 }
 163
 164 /* chrome 56 fix */
 165 .x-webkit .x-form-text {
 166     height: 100% !important;
 167 }
 168
 169 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
 170     height: initial;
 171 }
 172
 173 tr.x-grid-row-summary  td.x-grid-cell {
 174     border-top: 1px solid black;
 175     font-weight: bold;
 176 }
 177
 178 p.logs {
 179     white-space: nowrap;
 180     font-family: monospace;
 181     overflow: auto;
 182     border: 1px solid #cfcfcf;
 183     margin: 5px;
 184     padding: 5px;
 185 }
 186
 187 tr.quarantine {
 188     background-color: #FFE7C2;
 189 }
 190
 191 tr.blocked {
 192     background-color: #FFD1C2;
 193 }
 194
 195 tr.bounced {
 196     background-color: #FFF4C2;
 197 }
 198
 199 .green {
 200     color: #21BF4B;
 201 }
 202
 203 .gray {
 204     color: #cfcfcf;
 205 }
 206
 207 .red {
 208     color: #F00;
 209 }
 210
 211 .yellow {
 212     color: #DD0;
 213 }
 214
 215 .bold {
 216     font-weight: bold;
 217 }
 218
 219 div.left {
 220     float: left;
 221 }
 222
 223 div.right {
 224     float: right;
 225 }
 226
 227 td.right {
 228     text-align: right;
 229 }
 230
 231 td.center {
 232     text-align: center;
 233 }
 234
 235 td.left {
 236     text-align: left;
 237 }
 238
 239 table.dash {
 240     margin: auto;
 241     width: 90%;
 242 }
 243
 244 table.dash h2 {
 245     margin: 4px 0px;
 246 }
 247
 248 table.dash td.half {
 249     width: 50%;
 250 }
 251
 252 a.download {
 253     color: inherit;
 254     text-decoration: none;
 255 }