resources/src/mediawiki/htmlform/ooui.styles.css

   1 /* OOUIHTMLForm styles */
   2
   3 .mw-htmlform-ooui .mw-htmlform-field-HTMLCheckMatrix {
   4         width: 100%;
   5 }
   6
   7 .mw-htmlform-ooui .mw-htmlform-matrix {
   8         border-spacing: 0;
   9 }
  10
  11 .mw-htmlform-ooui .mw-htmlform-matrix td {
  12         padding: 0.35em 0.7em;
  13         -webkit-transition: background-color 250ms;
  14         -moz-transition: background-color 250ms;
  15         transition: background-color 250ms;
  16 }
  17
  18 .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child( even ) td {
  19         background-color: #f8f9fa;
  20 }
  21
  22 .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not( :first-child ):hover td {
  23         background-color: #eaecf0;
  24 }
  25
  26 .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
  27         background-color: #fff;
  28 }
  29
  30 .mw-htmlform-ooui .mw-htmlform-matrix td.first {
  31         margin-right: 5%;
  32         width: 39%;
  33 }
  34
  35 /* Flatlist styling for PHP widgets... */
  36 .mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
  37 /* ...and for JS widgets */
  38 .mw-htmlform-flatlist .oo-ui-radioOptionWidget,
  39 .mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
  40         display: inline-block;
  41         margin-right: 1em;
  42 }
  43
  44 .mw-htmlform-ooui .htmlform-tip,
  45 .mw-htmlform-ooui .mw-htmlform-submit-buttons {
  46         margin-top: 1em;
  47 }