css/ext6-pmg.css

   1 /* color variables (e.g. for the spam info grid) */
   2 :root {
   3     --pmg-spam-high-neg: #ACD1EC;
   4     --pmg-spam-high-pos: #E8B0B2;
   5     --pmg-spam-mid-neg: #d7e9f6;
   6     --pmg-spam-mid-pos: #f3d6d7;
   7     --pmg-spam-low-neg: #EEF6FB;
   8     --pmg-spam-low-pos: #FAEFF0;
   9 }
  10
  11 /* overwrite to use full black for enabled buttons */
  12 .x-btn-inner-default-toolbar-small {
  13     font: 300 12px/16px helvetica, arial, verdana, sans-serif;
  14     color: #000;
  15     padding: 0 5px;
  16     max-width: 100%;
  17 }
  18
  19 /* add missing class for context menu header */
  20 .x-menu-header {
  21     font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  22     color: #fff;
  23     padding: 4px;
  24     background-color: #3892d4;
  25 }
  26
  27 /* make the upper window end visible */
  28 .x-css-shadow {
  29     box-shadow: rgb(136,136,136) 0px -1px 15px !important;
  30 }
  31
  32 /* reduce tree space */
  33 .x-grid-cell-inner-treecolumn { /* vertical padding */
  34     padding: 4px 0px 3px 0px;
  35 }
  36
  37 /* horizontal distance between parent and child leaf */
  38 .x-tree-elbow-img {
  39     width: 14px;
  40 }
  41
  42 /* adjust horizontal position of menu icons */
  43 .x-menu-item-icon-default {
  44     top: 5px;
  45     left: 3px;
  46     font-size: 14px;
  47 }
  48
  49 /* this gives a better placement for the font-awesome icons */
  50 .x-btn-icon-el-default-toolbar-small {
  51     height: 14px;
  52 }
  53
  54 /* this icon looks weird in sizes not n*14px */
  55 .x-btn-icon-el-default-toolbar-small.fa-ellipsis-v {
  56     font-size: 14px;
  57 }
  58
  59 .x-btn-icon-el-default-small, .pmx-icon-size {
  60     height: 14px;
  61     font-size: 14px;
  62 }
  63
  64 .txt-shadow-hover:hover:before, .txt-shadow-hover:hover:after {
  65     text-shadow: 1px 1px 1px #AAA;
  66 }
  67
  68 .txt-monospace {
  69     font-family: Consolas, "Roboto Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  70 }
  71
  72
  73 /* icons for tree/snapshots/menus/etc.. */
  74
  75 /* overwrite folder icons of theme */
  76 .x-tree-icon-parent,
  77 .x-tree-icon-parent-expanded {
  78     background: none;
  79     display: inline-block;
  80     font: normal normal normal 14px/1 FontAwesome;
  81     font-size: inherit;
  82     text-rendering: auto;
  83     -webkit-font-smoothing: antialiased;
  84     -moz-osx-font-smoothing: grayscale;
  85     font-size: 1.25em;
  86     line-height: 1.6em;
  87     color: #555;
  88     margin-right: 5px;
  89 }
  90
  91 .x-tree-icon-parent:not(.x-tree-icon-custom):before {
  92    content: "\f114";
  93 }
  94
  95 .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before {
  96     content: "\f115";
  97 }
  98
  99 /* loading in task list */
 100 .x-grid-row-loading {
 101     background: no-repeat center center;
 102     background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
 103 }
 104
 105 /* displayfield minheight is wrong */
 106 .x-form-display-field-default {
 107     min-height: 20px;
 108 }
 109
 110 .x-button-reset:before {
 111     font-size: 16px;
 112 }
 113
 114 /* for resetcolumnsbutton */
 115 .x-button-reset:after{
 116     content: "\f0e7 ";
 117     position: relative;
 118     text-shadow: 0 0 2px #fff;
 119     left: -3px;
 120     top: 2px;
 121 }
 122
 123 .proxmox-inline-button .x-btn-inner {
 124     color: black;
 125 }
 126
 127 /* for auto layout */
 128 div.inline-block {
 129     display: inline-block;
 130     vertical-align: top;
 131 }
 132
 133 .pointer {
 134     cursor: pointer;
 135 }
 136
 137 .x-grid-filters-filtered-column{
 138     font-style: italic;
 139     font-weight: bold;
 140 }
 141
 142 /* mark disabled grid entries */
 143 table:not(.x-grid-item-selected) tr.x-grid-row.disabled {
 144     color: #cfcfcf;
 145 }
 146
 147 /* fix action column icons */
 148 .x-action-col-icon {
 149     font-size: 14px;
 150 }
 151
 152 .x-action-col-icon:before {
 153     color: #555;
 154 }
 155
 156 .x-treelist-item-icon {
 157     color: #000;
 158 }
 159
 160 .x-treelist-pve-nav {
 161     background-color: #f5f5f5;
 162     border-right: 1px solid #cfcfcf;
 163 }
 164
 165 .x-treelist-row-over > * > .x-treelist-item-icon,
 166 .x-treelist-row-over > * > .x-treelist-item-text {
 167     color: #000;
 168 }
 169
 170 .x-treelist-row {
 171     padding: 4px 10px 4px 6px;
 172 }
 173
 174 /* chrome 56 fix */
 175 .x-webkit .x-form-text {
 176     height: 100% !important;
 177 }
 178
 179 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
 180     height: initial;
 181 }
 182
 183 tr.x-grid-row-summary  td.x-grid-cell {
 184     border-top: 1px solid black;
 185     font-weight: bold;
 186 }
 187
 188 p.logs {
 189     white-space: nowrap;
 190     font-family: monospace;
 191     overflow: auto;
 192     border: 1px solid #cfcfcf;
 193     margin: 5px;
 194     padding: 5px;
 195 }
 196
 197 tr.quarantine {
 198     background-color: #FFE7C2;
 199 }
 200
 201 tr.blocked {
 202     background-color: #FFD1C2;
 203 }
 204
 205 tr.bounced {
 206     background-color: #FFF4C2;
 207 }
 208
 209 .green {
 210     color: #21BF4B;
 211 }
 212
 213 .gray {
 214     color: #cfcfcf;
 215 }
 216
 217 .red {
 218     color: #F00;
 219 }
 220
 221 .yellow {
 222     color: #DD0;
 223 }
 224
 225 .bold {
 226     font-weight: bold;
 227 }
 228
 229 div.left {
 230     float: left;
 231 }
 232
 233 div.right {
 234     float: right;
 235 }
 236
 237 td.right {
 238     text-align: right;
 239 }
 240
 241 td.center {
 242     text-align: center;
 243 }
 244
 245 td.left {
 246     text-align: left;
 247 }
 248
 249 table.dash {
 250     margin: auto;
 251     width: 90%;
 252 }
 253
 254 table.dash h2 {
 255     margin: 4px 0px;
 256 }
 257
 258 table.dash td.half {
 259     width: 50%;
 260 }
 261
 262 a.download {
 263     color: inherit;
 264     text-decoration: none;
 265 }
 266
 267 .pmx-rule-tree .x-tree-icon,
 268 .pmx-rule-tree .x-tree-elbow,
 269 .pmx-rule-tree .x-tree-elbow-end {
 270     display: none;
 271     width: 0px;
 272 }
 273
 274 .pmx-type-row td {
 275     padding: 3px;
 276 }