User:Aemony/Design changes
This page is meant to allow responses or comments above design changes implemented to the overall style of PCGW, since otherwise we'd have no "on-site" place for this sort of things.
Right now, the focus is on implementing the table text-align changes in the global MediaWiki:Common.css stylesheet: https://twitter.com/PCGamingWiki/status/1103774642148462599
This page will also attempt to document alternative styles users' can apply to their own "User:XXXXX/common.css" stylesheets to either restore the original text alignment, or choose an optional one (e.g. left-aligned tables).
Right-aligned 1st column
- These are the changes that were intended to be, or have been, migrated to MediaWiki:Common.css to facilitate the new text alignment.
table.wikitable, .template-infotable, .page-normaltable, .table-source-ports-head-notes, .table-source-ports-body-notes, .table-standard-head-second-column, .table-standard-body-second-column { text-align: left; } .table-availability-head-DRM, .table-availability-body-DRM, .table-availability-head-keys, .table-availability-body-keys, .table-availability-head-OS, .table-availability-body-OS, .table-dlc-body-OS, .table-cloudsync-head-rating, .table-cloudsync-body-rating, .table-settings-video-head-rating, .table-settings-video-body-rating, .table-settings-video-head-rating-WSGF, .table-settings-video-body-rating-WSGF, .table-settings-input-head-rating, .table-settings-input-body-rating, .table-settings-input-body-dualshock-modes, .table-settings-input-body-button-prompts, .table-settings-audio-head-rating, .table-settings-audio-body-rating, .table-l10n-head-rating-ui, .table-l10n-body-rating-ui, .table-l10n-head-rating-audio, .table-l10n-body-rating-audio, .table-l10n-head-rating-sub, .table-l10n-body-rating-sub, .table-network-multiplayer-head-rating, .table-network-multiplayer-body-rating, .table-network-multiplayer-head-players, .table-network-multiplayer-body-players, .table-network-connection-head-rating, .table-network-connection-body-rating, .table-settings-vr-head-rating, .table-settings-vr-body-rating, .table-settings-vr-head-rating-GG3D, .table-settings-vr-body-rating-GG3D, .table-api-head-support, .table-api-body-support, .table-middleware-head-middleware, .table-middleware-body-middleware, .table-sysreqs-head-OS, .table-source-ports-head-OS, .table-source-ports-body-OS { text-align: center; } .table-availability-head-source, .table-availability-body-source, .table-dlc-head-name, .table-dlc-body-name, .table-gamedata-head-system, .table-gamedata-body-system, .table-cloudsync-head-system, .table-cloudsync-body-system, .table-settings-video-head-parameter, .table-settings-video-body-parameter, .table-settings-input-head-parameter, .table-settings-input-body-parameter, .table-settings-audio-head-parameter, .table-settings-audio-body-parameter, .table-l10n-head-parameter, .table-l10n-body-parameter, .table-network-multiplayer-head-parameter, .table-network-multiplayer-body-parameter, .table-network-connection-head-parameter, .table-network-connection-body-parameter, .table-network-ports-head-parameter, .table-network-ports-body-parameter, .table-settings-vr-head-parameter, .table-settings-vr-body-parameter, .table-api-head-parameter, .table-api-body-parameter, .table-middleware-head-parameter, .table-middleware-body-parameter, .table-sysreqs-body-parameter, .table-source-ports-head-parameter, .table-source-ports-body-parameter, .table-standard-head-first-column, .table-standard-body-first-column { text-align: right; } .template-infotable-head th:first-child, .template-infotable-secondhead th:first-child, .page-normaltable tr:first-of-type th:first-child, .template-infotable-body > th:first-of-type { padding-left: 6px; padding-right: 6px; } .table-availability-head-notes, .table-availability-body-notes, .table-dlc-head-notes, .table-dlc-body-notes, .table-gamedata-head-location, .table-gamedata-body-location, .table-cloudsync-head-notes, .table-cloudsync-body-notes, .table-settings-video-head-notes, .table-settings-video-body-notes, .table-settings-input-head-notes, .table-settings-input-body-notes, .table-settings-audio-head-notes, .table-settings-audio-body-notes, .table-l10n-head-notes, .table-l10n-body-notes, .table-network-multiplayer-head-notes, .table-network-multiplayer-body-notes, .table-network-connection-head-notes, .table-network-connection-body-notes, .table-network-ports-head-value, .table-network-ports-head-value, .table-settings-vr-head-notes, .table-settings-vr-body-notes, .table-api-head-notes, .table-api-body-notes, .table-middleware-head-notes, .table-middleware-body-notes, .table-source-ports-head-notes, .table-source-ports-body-notes, .table-standard-head-second-column, .table-standard-body-second-column { padding-left: 6px !important; padding-right: 6px !important; }
All left
- Add the following stylesheet to your personal User:xxxxx/common.css page (might need to be created) to set an entirely left-aligned text of the tables.
.table-availability-head-source, .table-availability-body-source, .table-dlc-head-name, .table-dlc-body-name, .table-gamedata-head-system, .table-gamedata-body-system, .table-cloudsync-head-system, .table-cloudsync-body-system, .table-settings-video-head-parameter, .table-settings-video-body-parameter, .table-settings-input-head-parameter, .table-settings-input-body-parameter, .table-settings-audio-head-parameter, .table-settings-audio-body-parameter, .table-l10n-head-parameter, .table-l10n-body-parameter, .table-network-multiplayer-head-parameter, .table-network-multiplayer-body-parameter, .table-network-connection-head-parameter, .table-network-connection-body-parameter, .table-network-ports-head-parameter, .table-network-ports-body-parameter, .table-settings-vr-head-parameter, .table-settings-vr-body-parameter, .table-api-head-parameter, .table-api-body-parameter, .table-middleware-head-parameter, .table-middleware-body-parameter, .table-sysreqs-body-parameter, .table-source-ports-head-parameter, .table-source-ports-body-parameter, .table-standard-head-first-column, .table-standard-body-first-column { text-align: left; }
All center (original)
- Add the following stylesheet to your personal User:xxxxx/common.css page (might need to be created) to recreate the original text-alignment of the tables.
table.wikitable, .template-infotable, .page-normaltable, .table-source-ports-head-notes, .table-source-ports-body-notes, .table-standard-head-second-column, .table-standard-body-second-column { text-align: center; } .table-availability-head-source, .table-availability-body-source, .table-dlc-head-name, .table-dlc-body-name, .table-gamedata-head-system, .table-gamedata-body-system, .table-cloudsync-head-system, .table-cloudsync-body-system, .table-settings-video-head-parameter, .table-settings-video-body-parameter, .table-settings-input-head-parameter, .table-settings-input-body-parameter, .table-settings-audio-head-parameter, .table-settings-audio-body-parameter, .table-l10n-head-parameter, .table-l10n-body-parameter, .table-network-multiplayer-head-parameter, .table-network-multiplayer-body-parameter, .table-network-connection-head-parameter, .table-network-connection-body-parameter, .table-network-ports-head-parameter, .table-network-ports-body-parameter, .table-settings-vr-head-parameter, .table-settings-vr-body-parameter, .table-api-head-parameter, .table-api-body-parameter, .table-middleware-head-parameter, .table-middleware-body-parameter, .table-sysreqs-body-parameter, .table-source-ports-head-parameter, .table-source-ports-body-parameter, .table-standard-head-first-column, .table-standard-body-first-column { text-align: center; }