HTMLForm: Use 'mw-htmlform' CSS class
[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: #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;
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 .mw-icon-question:lang(ar),
48 .mw-icon-question:lang(fa),
49 .mw-icon-question:lang(ur) {
50 -webkit-transform: scaleX( -1 );
51 -ms-transform: scaleX( -1 );
52 transform: scaleX( -1 );
53 }