User:Aemony/Design changes

From PCGamingWiki, the wiki about fixing PC games

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[edit]

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[edit]

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)[edit]

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;
}