1 @import 'mediawiki.mixins';
3 /* Reuses colors from mediawiki.legacy/shared.css */
4 .mw-email-not-authenticated .oo-ui-labelWidget,
5 .mw-email-none .oo-ui-labelWidget {
6 background-color: #fdf1d1;
8 border: 1px solid #fde29b;
11 /* Authenticated email field has its own class too. Unstyled by default */
13 .mw-email-authenticated .oo-ui-labelWidget { }
16 /* This is needed because add extra buttons in a weird way */
17 .mw-prefs-buttons .mw-htmlform-submit-buttons {
31 * Hide, but keep accessible for screen-readers.
33 .client-js .mw-navigation-hint:not( :focus ) {
34 .mixin-screen-reader-text;
37 /* Override OOUI styles so that dropdowns near the bottom of the form don't get clipped,
38 * e.g.'Appearance' / 'Threshold for stub link formatting'. This is hacky and bad, it would be
39 * better solved by setting overlays for the widgets, but we can't do it from PHP... */
40 #preferences .oo-ui-panelLayout {
46 #preferences .oo-ui-menuLayout .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {
54 .mw-prefs-faketabs > .oo-ui-menuLayout > .oo-ui-menuLayout-menu a {
56 text-decoration: none;
59 /* Disabled JavaScript */
61 /* Adjust the borders: frame each prefsection instead of the
62 * whole tabLayout wrapper */
63 #preferences .oo-ui-menuLayout .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed:first-child {
64 border-color: #c8ccd1;
65 border-width: 1px 0 0;
68 #preferences .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed:last-child {
73 /* Fake Tabs to address reflow */
79 > .oo-ui-menuLayout > .oo-ui-menuLayout-content > .oo-ui-stackLayout {
83 /* Hide the tab menu when JS is disabled as we can't use this feature */
84 > .oo-ui-menuLayout > .oo-ui-menuLayout-menu {
91 * Hide top level legends when JS is enabled, as they will not be visible
92 * when the real tabLayout is built */
93 .client-js #preferences {
94 .oo-ui-tabPanelLayout {
97 & > fieldset > legend {
102 .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {
103 margin-top: 2.286em; /* equals `32px` at `font-size: 14px;` */
111 margin-top: 0.85714286em;
114 .oo-ui-panelLayout-framed:first-child {
119 > .oo-ui-panelLayout > .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
124 /* Make the "Basic information" section more compact */
125 /* OOUI's `align: 'left'` for FieldLayouts sucks, so we do our own */
127 > .oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
128 display: inline-block;
131 vertical-align: middle;
134 > .oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help {
138 > .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
139 display: inline-block;
141 vertical-align: middle;
145 /* Expand the dropdown and textfield of "Time zone" field to the */
146 /* usual maximum width and display them on separate lines. */
147 #wpTimeCorrection .oo-ui-dropdownInputWidget,
148 #wpTimeCorrection .oo-ui-textInputWidget {
153 #wpTimeCorrection .oo-ui-textInputWidget {
157 /* HACK: expand width of gadget descriptions.
158 * This should be moved to the Gadgets extension */
159 #mw-htmlform-gadgets .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {