|
|
(280 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;
| |
− | }
| |
− |
| |
| | | |
| + | /* DISABLED |
| | | |
− | | + | table.template-tocbox { |
− | /* ===== CHANGE : Center the content ================================================================================================================================
| + | position: fixed; |
− | *
| + | left: 0px; |
− | * 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.
| + | margin-left: calc( 50% - 900px); |
− | *
| |
− | */
| |
− | | |
− | /* 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! */
| + | @media (min-width: 1501px) and (max-width: 1800px) |
− | .editing-guide-list-item-wrapper { | + | { |
− | max-width: 50%;
| + | #masthead, .pcgw-header_limit { |
− | } | + | margin-left: calc(1800px - (100%) ); |
| + | } |
| | | |
− | | + | 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;
| |
| } | | } |
| | | |
− | /* White SVG icons for the two on the right by coloring it using fill="white" in the SVG itself */
| + | */ |
− | /* Also, removes unnecessary height and width */
| |
− | | |
− | | |
− | | |
− | /* Correct the coloring on the two on the left */
| |