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