dockerwiki/content/lib/plugins/config/style.css

/* plugin:configmanager */
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align: center;
}

#config__manager fieldset {
  margin: 1em;
  width: auto;
  margin-bottom: 2em;
  background-color: __background_alt__;
  color: __text__;
  padding: 0 1em;
}
[dir=rtl] #config__manager fieldset {
    clear: both;
}
#config__manager legend {
    font-size: 1.25em;
}

#config__manager form { }
#config__manager table {
    margin: 1em 0;
    width: 100%;
}

#config__manager fieldset td {
    text-align: left;
}
[dir=rtl] #config__manager fieldset td {
    text-align: right;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 31em;
}

[dir=rtl] #config__manager label {
    text-align: right;
}
[dir=rtl] #config__manager td.value input.checkbox {
    float: right;
    padding-left: 0;
    padding-right: 0.7em;
}
[dir=rtl] #config__manager td.value label {
    float: left;
}

#config__manager td.label {
    padding: 0.8em 0 0.6em 1em;
    vertical-align: top;
}
[dir=rtl] #config__manager td.label {
    padding: 0.8em 1em 0.6em 0;
}

#config__manager td.label label {
    clear: left;
    display: block;
}
[dir=rtl] #config__manager td.label label {
    clear: right;
}
#config__manager td.label img {
    padding: 0 10px;
    vertical-align: middle;
    float: right;
}
[dir=rtl] #config__manager td.label img {
    float: left;
}

#config__manager td.label span.outkey {
    font-size: 70%;
    margin-top: -1.7em;
    margin-left: -1em;
    display: block;
    background-color: __background__;
    color: __text_neu__;
    float: left;
    padding: 0 0.1em;
    position: relative;
    z-index: 1;
}
[dir=rtl] #config__manager td.label span.outkey {
    float: right;
    margin-right: 1em;
}

#config__manager td input.edit {
    width: 30em;
}
#config__manager td .input {
    width: 30.8em;
}
#config__manager td select.edit { }
#config__manager td textarea.edit {
    width: 27.5em;
    height: 4em;
}

#config__manager td textarea.edit:focus {
    height: 10em;
}

#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
  background-color: #fff;
  color: #000;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
  background-color: #ccddff;
  color: #000;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.protected textarea,
#config__manager tr.protected select,
#config__manager tr.protected .selection {
  background-color: #ffcccc!important;
  color: #000 !important;
}

#config__manager td.error  { background-color: red; color: #000; }

#config__manager .selection {
  width: 14.8em;
  float: left;
  margin: 0 0.3em 2px 0;
}
[dir=rtl] #config__manager .selection {
  width: 14.8em;
  float: right;
  margin: 0 0 2px 0.3em;
}

#config__manager .selection label {
  float: right;
  width: 14em;
  font-size: 90%;
}


#config__manager .other {
  clear: both;
  padding-top: 0.5em;
}

#config__manager .other label {
  padding-left: 2px;
  font-size: 90%;
}

/* end plugin:configmanager */