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

   1 /* HTMLForm styles */
   2
   3 .mw-htmlform {
   4         clear: both;
   5 }
   6
   7 table.mw-htmlform-nolabel td.mw-label {
   8         display: none;
   9 }
  10
  11 .mw-htmlform-invalid-input td.mw-input input {
  12         border-color: #d33;
  13 }
  14
  15 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
  16         display: inline;
  17         margin-right: 1em;
  18         white-space: nowrap;
  19 }
  20
  21 /* HTMLCheckMatrix */
  22 .mw-htmlform-matrix th {
  23         font-weight: normal;
  24 }
  25
  26 .mw-htmlform-matrix td {
  27         padding-left: 0.5em;
  28         padding-right: 0.5em;
  29 }
  30
  31 tr.mw-htmlform-vertical-label td.mw-label {
  32         text-align: left !important; /* stylelint-disable-line declaration-no-important */
  33 }
  34
  35 .mw-icon-question {
  36         /* SVG support using a transparent gradient to guarantee cross-browser
  37          * compatibility (browsers able to understand gradient syntax support also SVG).
  38          * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
  39         background-image: url( images/question.png );
  40         /* @embed */
  41         background-image: linear-gradient( transparent, transparent ), url( images/question.svg );
  42         background-repeat: no-repeat;
  43         background-size: 13px 13px;
  44         display: inline-block;
  45         height: 13px;
  46         width: 13px;
  47         margin-left: 4px;
  48 }
  49
  50 /* stylelint-disable indentation */
  51 .mw-icon-question:lang( ar ),
  52 .mw-icon-question:lang( fa ),
  53 .mw-icon-question:lang( ur ) {
  54         -webkit-transform: scaleX( -1 );
  55         -ms-transform: scaleX( -1 );
  56         transform: scaleX( -1 );
  57 }