MediaWiki talk:Hydradark.css

Navbox Formatting
Please add to CSS the style below, this formatting, allows the navbox to have a more presentable style, as shown in the links:

Old Navbox: https://imgur.com/ltQhOjP

New Navbox: https://imgur.com/EpAQWYA

Style:

table.navbox { border: 1px solid #3C4258; background: rgba(0,0,0,0); clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-title, table.navbox th { background: #A74A79; color: #fff; }

.navbox-odd { background-color: #323641; }

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: #A74A55; color: #fff; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

th.navbox-title a { color: #fff; }


 * That would be a considerable improvement to the current design. The red seems somewhat jarring, though. ChefWarly (talk) 06:10, 26 September 2018 (UTC)


 * Done! Equazcion (talk) 13:05, 26 September 2018 (UTC)


 * I'd suggest the following changes to improve readability and make it easier on the eyes:

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: #3e4357; color: #fff; }

.navbox-odd { background-color: #252931; }

.navbox-even { background-color: #1d1f26; }

.navbox-list a { color: #c17199; }

.navbox-image { background-color: #16181d; }
 * Example: https://i.imgur.com/9ySpX0d.png
 * Replaces the red with a slate blue, fixes the odd/even banding, and brightens up the links for list items a bit (important since the navbox is less dark than the normal page background, though it can't be seen in the example). ChefWarly (talk) 18:53, 26 September 2018 (UTC)

Nowrap Functionality
This theme does not currently enable one to manually set an element to not wrap (that is, you can't disable line breaks). This could be alleviated by adding this snippet to the css page:

.nowrap { white-space: nowrap; }

Any divs of class "nowrap" wouldn't automatically break lines. Once implemented, a Nowrap template could be created as well, for ease of use. ChefWarly (talk) 02:19, 27 September 2018 (UTC)