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 {
  50     height: 14px;
  51     font-size: 14px;
  52 }
  53
  54 /* icons for tree/snapshots/menus/etc.. */
  55
  56 /* overwrite folder icons of theme */
  57 .x-tree-icon-parent,
  58 .x-tree-icon-parent-expanded {
  59     background: none;
  60     display: inline-block;
  61     font: normal normal normal 14px/1 FontAwesome;
  62     font-size: inherit;
  63     text-rendering: auto;
  64     -webkit-font-smoothing: antialiased;
  65     -moz-osx-font-smoothing: grayscale;
  66     font-size: 1.25em;
  67     line-height: 1.6em;
  68     color: #555;
  69     margin-right: 5px;
  70 }
  71
  72 .x-tree-icon-parent:not(.x-tree-icon-custom):before {
  73    content: "\f114";
  74 }
  75
  76 .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before {
  77     content: "\f115";
  78 }
  79
  80 /* loading in task list */
  81 .x-grid-row-loading {
  82     background: no-repeat center center;
  83     background-image:url(../ext6/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: 14px;
 131 }
 132
 133 .x-action-col-icon:before {
 134     color: #555;
 135 }
 136
 137 .x-treelist-item-icon {
 138     color: #000;
 139 }
 140
 141 .x-treelist-nav {
 142     background-color: #f5f5f5;
 143     border-right: 1px solid #cfcfcf;
 144 }
 145
 146 .x-treelist-row-over > * > .x-treelist-item-icon,
 147 .x-treelist-row-over > * > .x-treelist-item-text {
 148     color: #000;
 149 }
 150
 151 .x-treelist-row {
 152     padding: 4px 10px 4px 6px;
 153 }
 154
 155 /* chrome 56 fix */
 156 .x-webkit .x-form-text {
 157     height: 100% !important;
 158 }
 159
 160 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
 161     height: initial;
 162 }
 163
 164 tr.x-grid-row-summary  td.x-grid-cell {
 165     border-top: 1px solid black;
 166     font-weight: bold;
 167 }
 168
 169 p.logs {
 170     white-space: nowrap;
 171     font-family: monospace;
 172     overflow: auto;
 173     border: 1px solid #cfcfcf;
 174     margin: 5px;
 175     padding: 5px;
 176 }
 177
 178 tr.quarantine {
 179     background-color: #FFE7C2;
 180 }
 181
 182 tr.blocked {
 183     background-color: #FFD1C2;
 184 }
 185
 186 tr.bounced {
 187     background-color: #FFF4C2;
 188 }
 189
 190 .green {
 191     color: #21BF4B;
 192 }
 193
 194 .gray {
 195     color: #cfcfcf;
 196 }
 197
 198 .red {
 199     color: #F00;
 200 }
 201
 202 .yellow {
 203     color: #DD0;
 204 }
 205
 206 div.left {
 207     float: left;
 208 }
 209
 210 div.right {
 211     float: right;
 212 }
 213
 214 td.right {
 215     text-align: right;
 216 }
 217
 218 td.center {
 219     text-align: center;
 220 }
 221
 222 td.left {
 223     text-align: left;
 224 }
 225
 226 table.dash {
 227     margin: auto;
 228     width: 90%;
 229 }
 230
 231 table.dash h2 {
 232     margin: 4px 0px;
 233 }
 234
 235 table.dash td.half {
 236     width: 50%;
 237 }
 238
 239 a.download {
 240     color: inherit;
 241     text-decoration: none;
 242 }