Merge "Use HTML::hidden to create input fields"
[lhc/web/wiklou.git] / resources / src / mediawiki.special / mediawiki.special.preferences.styles.css
1 /* Reuses colors from mediawiki.legacy/shared.css */
2 .mw-email-not-authenticated .mw-input,
3 .mw-email-none .mw-input {
4 border: 1px solid #fde29b;
5 background-color: #fdf1d1;
6 color: #000;
7 }
8 /* Authenticated email field has its own class too. Unstyled by default */
9 /*
10 .mw-email-authenticated .mw-input { }
11 */
12 /* This breaks due to nolabel styling */
13 #preferences > fieldset td.mw-label {
14 width: 20%;
15 }
16
17 #preferences > fieldset table {
18 width: 100%;
19 }
20 #preferences > fieldset table.mw-htmlform-matrix {
21 width: auto;
22 }
23
24 /* The CSS below is also for JS enabled version, because we want to prevent FOUC */
25
26 /*
27 * Hide, but keep accessible for screen-readers.
28 * Like .mw-jump, #jump-to-nav from shared.css
29 */
30 .client-js .mw-navigation-hint {
31 overflow: hidden;
32 height: 0;
33 zoom: 1;
34 }
35
36 .client-nojs #preftoc {
37 display: none;
38 }
39
40 .client-js #preferences > fieldset {
41 display: none;
42 }
43
44 /* Only the 1st tab is shown by default in JS mode */
45 .client-js #preferences #mw-prefsection-personal {
46 display: block;
47 }