resources/src/mediawiki/htmlform/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: #f00;
  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
  23 .mw-htmlform-matrix td {
  24         padding-left: 0.5em;
  25         padding-right: 0.5em;
  26 }
  27
  28 tr.mw-htmlform-vertical-label td.mw-label {
  29         text-align: left !important; /* stylelint-disable-line declaration-no-important */
  30 }
  31
  32 .mw-icon-question {
  33         /* SVG support using a transparent gradient to guarantee cross-browser
  34          * compatibility (browsers able to understand gradient syntax support also SVG).
  35          * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
  36         background-image: url( images/question.png );
  37         /* @embed */
  38         background-image: linear-gradient( transparent, transparent ), url( images/question.svg );
  39         background-repeat: no-repeat;
  40         background-size: 13px 13px;
  41         display: inline-block;
  42         height: 13px;
  43         width: 13px;
  44         margin-left: 4px;
  45 }
  46
  47 /* stylelint-disable indentation */
  48 .mw-icon-question:lang( ar ),
  49 .mw-icon-question:lang( fa ),
  50 .mw-icon-question:lang( ur ) {
  51         -webkit-transform: scaleX( -1 );
  52         -ms-transform: scaleX( -1 );
  53         transform: scaleX( -1 );
  54 }