|
|
| (275 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | /* ===== CHANGE : Some more spacing for paragraphs ================================================================================================================== */
| |
| − | p {
| |
| − | margin: 0.5em 0;
| |
| − | }
| |
| − |
| |
| − | /* ^- The above breaks margin on the P for the 'Editing guide', 'Support us on Patreon', 'What is PCGamingWiki?' buttons on the front page, so let's fix that */
| |
| − | div.subheader-button p {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| − | /* ===== CHANGE : Center the content ================================================================================================================================ | + | /* DISABLED |
| − | *
| |
| − | * This caps the max width of the content and aligns it all to the center. max-width 1600px because that seems like a good middle-ground.
| |
| − | *
| |
| − | */
| |
| | | | |
| − | /* Center stuff - Beautiful! */
| + | table.template-tocbox { |
| − | #masthead {
| + | position: fixed; |
| − | width: auto; | + | left: 0px; |
| − | max-width: 1600px; | + | margin-left: calc( 50% - 900px); |
| | } | | } |
| | | | |
| − | body {
| |
| − | justify-content: center;
| |
| − | width: 100%;
| |
| − | }
| |
| | | | |
| − | /* Fixes the slightly off-putting ~70% width items in the Editing Guide. Let's have two items per row! */
| + | @media (min-width: 1501px) and (max-width: 1800px) |
| − | /* Wrap it around a min width to not break mobile view */
| + | { |
| − | @media only screen and (min-width : 801px) {
| + | #masthead, .pcgw-header_limit { |
| − | .editing-guide-list-item-wrapper { | + | margin-left: calc(1800px - (100%) ); |
| − | max-width: 50%; | |
| | } | | } |
| − | }
| |
| | | | |
| − | | + | table.template-tocbox { |
| − | | + | margin-left: 0; |
| − | | + | } |
| − | /* ===== CHANGE : Allow left aligned tables =========================================================================================================================
| |
| − | *
| |
| − | * This allows the use of style="text-align: center;" at the top of a table in an article to get all of its contents to align left.
| |
| − | *
| |
| − | */
| |
| − | | |
| − | /* This is currently set to Center, let's change that to Inherit */
| |
| − | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
| |
| − | text-align: inherit;
| |
| | } | | } |
| | | | |
| − | /* Let's set the default align to Center, to reproduce the current look */
| + | @media (min-width: 801px) and (max-width: 1500px) |
| − | table.wikitable { | + | { |
| − | text-align: center;
| + | table.template-tocbox { |
| | + | position: inherit; |
| | + | left: 0px; |
| | + | margin-left: 0; |
| | + | } |
| | } | | } |
| | | | |
| − | | + | */ |
| − | | |
| − | | |
| − | /* ===== BUG FIXES ================================================================================================================================================== */
| |
| − | | |
| − | /* Corrects hidden category on front page being offset -25px due to the padding on articles for #main-content being overwritten due to rule on .page-Home #main-content */
| |
| − | .page-Home #main-content div#body-content div#catlinks {
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | | |
| − | /* Fixes for the four SVG icons on the header, making them all #999 */
| |
| − | | |
| − | /* Icon 1 - Watchlist - Change fill color to #999, from #A1A1A0 */
| |
| − | #pt-watchlist a {
| |
| − | background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22M48 17 57 36 78 39 63 53 66 73 48 64 30 73 33 53 18 39 39 36Z%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − | | |
| − | /* Icon 2 - My Talk - Change fill color to #999, from #A1A1A0 */
| |
| − | #pt-mytalk a {
| |
| − | background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22m34 33 26 0 0-13-39 0 0 31-7 9 20 0zM75.1 37.1 75 67l8 9-40 0c-3.3 0-5-2.4-5-5l0-34 37 0%22/%3E%3C/svg%3E");
| |
| − | }
| |
| − | | |
| − | /* Icon 3 - Notification Alert - Change fill color to white, from none. White becomes #999 due to some reason */
| |
| − | #pt-notifications-alert .mw-echo-notifications-badge::before {
| |
| − | background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%0A %3Cpath fill=%22white%22 d=%22M17.5 14V9c0-3-2.3-5-5.5-5S6.5 6 6.5 9v5c0 2 0 3-2 3v1h15v-1c-2 0-2-1-2-3zM12 20H9c0 1 1.6 2 3 2s3-1 3-2h-3z%22/%3E%0A%3C/svg%3E%0A");
| |
| − | | |
| − | }
| |
| − | | |
| − | /* Icon 4 - Notification Notice - Change fill color to white, from none. White becomes #999 due to some reason */
| |
| − | #pt-notifications-notice .mw-echo-notifications-badge::before {
| |
| − | background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%0A %3Cpath fill=%22white%22 d=%22M3 13.35l1.8-7.2c.2-.996.81-1.8 1.8-1.8h10.8c.99 0 1.6.867 1.8 1.8l1.8 7.2v4.5c0 .99-.81 1.8-1.8 1.8H4.8c-.99 0-1.8-.81-1.8-1.8v-4.5zm6.96 1.8h4.08c-.49.557-1.212.9-2.04.9a2.68 2.68 0 0 1-2.04-.9h4.08c.414-.472.66-1.098.66-1.8h4.14l-1.44-7.2H6.6l-1.44 7.2H9.3c0 .702.246 1.328.66 1.8z%22/%3E%0A%3C/svg%3E%0A");
| |
| − | }
| |
