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

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