Merge "EditPage: Remove legacy non-OOUI render mode"
[lhc/web/wiklou.git] / 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: #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
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 }