Difference between revisions of "User:Aemony/common.css"
From PCGamingWiki, the wiki about fixing PC games
m (svg icons to white, using mask-image.) |
m (fixed svg using fill="white") |
||
Line 66: | Line 66: | ||
#pt-notifications-alert .mw-echo-notifications-badge::before { | #pt-notifications-alert .mw-echo-notifications-badge::before { | ||
− | background | + | 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"); |
− | |||
− | |||
} | } | ||
#pt-notifications-notice .mw-echo-notifications-badge::before { | #pt-notifications-notice .mw-echo-notifications-badge::before { | ||
− | background | + | 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"); |
− | |||
− | |||
} | } |
Revision as of 19:58, 19 February 2018
/* ===== 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 ================================================================================================================================ * * 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! */ #masthead { width: auto; max-width: 1600px; } 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! */ .editing-guide-list-item-wrapper { max-width: 50%; } /* ===== 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 */ table.wikitable { text-align: center; } /* ===== 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; } /* White SVG icons using mask-image CSS3 */ #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=%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"); } #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"); }