MediaWiki 1.31 upgrade/CSS changes

In general, it has been found that MW 1.31 is far less tolerant of small coding gaffes, like missing end quotes for example, than previous versions. If CSS appears to be only partially loading, check for similar errors.

Share tab changes to black on hover
Fix:

Arrows are in the wrong place
Fix:

Arrows conflict with custom arrows
To remove default down arrows:

To remove custom arrows: depends on the wiki's custom styles. The following is the former default arrow code that may still be present on some wikis and can be removed to use the new default arrows:

Watch/unwatch button is in the wrong place
1.31 changed the CSS selector used to apply the default styles to the watch/unwatch (star) button, which caused the default styles to override certain custom styles that some wikis apply to their watch buttons. To return the button to its pre-update custom appearance, the first step is to update the selectors in the custom styles to match the default: The above changes are also needed when those selectors are combined with others. For example,  would need to be updated to.

Additional fixes
If the above selector changes don't solve the positioning issues, one of the following fixes may be needed in addition. Depending on your wiki's styles, these fixes may not be effective.

Margin too large above sidebar
Fix:

Logo overlaps the content area or navigation on small screens
Fix:

Edit options text too dark on hydradark wikis
div.editOptions now needs to have the text colour specified on hydradark wikis:

Editor "insert" buttons out of place
Msupload button causes rest of "insert" section of toolbar to be weirdly pushed down. The difference between it and the other insert section buttons is a lack of a vertical-align. Therefore, solution:

Notifications
The selector for the background for "All Notifications" has changed and in Hydradark, this makes for a white bg with white text. The following css fixes that:

System messages table
With Mediawiki 1.31, the old arrow icons used for navigating this large table have been replaced with text-style buttons. On darker themed wikis, the "First" and "Previous" buttons can be difficult to read. You can add some css to heighten the contrast.

Add:

Mobile view
Mobile Frontend updates have added some changes to CSS that can break some mobile headers.

CSS may need to be made more specific in Mediawiki:Mobile.css. This can be accomplished by prepending  to the rule declaration.

ticketed Fix for mobile CSS not loading at all

Consistently found errors
These are CSS errors that will likely not be tolerable on MediaWiki 1.31 that have been consistently on wikis with older default-loadout CSS:
 * rule missing  in   ruleset.
 * Border color incomplete on  (  should be  )
 * instead of, frequently but not exclusively found in border size properties.
 * Misplaced  in front page image styles on 2 column main pages:
 * should be.
 * ,  and other similar wrong color values.
 * Missing semicolon in  property of   ruleset.
 * Misplaced comma in link ruleset:

MediaWiki 1.31 güncellemesi/CSS değişiklikleri