| Line 249: |
Line 249: |
| | background-color: #fff; | | background-color: #fff; |
| | cursor: pointer; | | cursor: pointer; |
| − | border: 1px solid #a2a9b1;
| + | border: none !important; |
| | margin: 0; | | margin: 0; |
| | margin-top: -2px; | | margin-top: -2px; |
| Line 341: |
Line 341: |
| | margin-bottom: 1em; | | margin-bottom: 1em; |
| | } | | } |
| | + | |
| | + | |
| | | | |
| | .wikitable { | | .wikitable { |
| | background-color: rgba(14, 6, 30, 0) !important; | | background-color: rgba(14, 6, 30, 0) !important; |
| | font-size: 1em !important; | | font-size: 1em !important; |
| − | color: #8D79BE !important; | + | color: #ffffff; !important; |
| | margin: 1em 0; | | margin: 1em 0; |
| − | border: 1px solid #EBC9FF; | + | margin-right: .5em; |
| | + | margin-left: .5em; |
| | + | border: none !important; |
| | border-collapse: collapse; | | border-collapse: collapse; |
| | + | } |
| | + | |
| | + | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { |
| | + | border: none !important; |
| | + | padding: 0.2em 0.4em; |
| | + | } |
| | + | |
| | + | th{ |
| | + | color: #ffffff; |
| | + | background-color: #6E006A !important; |
| | + | font-weight: 500; |
| | } | | } |
| | | | |
| Line 354: |
Line 369: |
| | .navbox { /* Navbox container style */ | | .navbox { /* Navbox container style */ |
| | box-sizing: border-box; | | box-sizing: border-box; |
| − | border: 1px solid #a2a9b1; | + | border: none !important; |
| | width: 100%; | | width: 100%; |
| | clear: both; | | clear: both; |
| Line 442: |
Line 457: |
| | | | |
| | .wikitable > tr > th, .wikitable > * > tr > th { | | .wikitable > tr > th, .wikitable > * > tr > th { |
| − | background-color: rgba(14, 6, 30, 0) !important;
| |
| | text-align: center; | | text-align: center; |
| | } | | } |
| | | | |
| | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { |
| − | border: 1px solid #8D79BE;
| |
| | padding: 0.2em 0.4em; | | padding: 0.2em 0.4em; |
| | } | | } |
| Line 535: |
Line 548: |
| | margin-left: 0; | | margin-left: 0; |
| | margin-right: 0; | | margin-right: 0; |
| | + | } |
| | + | |
| | + | .mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif { |
| | + | background: none; |
| | + | } |
| | + | |
| | + | html .thumbimage { |
| | + | background: none !important; |
| | + | border:none !important; |
| | + | } |
| | + | @media only screen and (max-width: 900px) { |
| | + | div.tright, div.floatright, table.floatright { |
| | + | clear: right; |
| | + | float: none; |
| | + | }} |
| | + | |
| | + | div.tright, div.floatright, table.floatright { |
| | + | clear: right; |
| | + | float: right; |
| | + | } |
| | + | |
| | + | .mw-parser-output .mod-gallery .whitebg .thumb { |
| | + | background: #fff0 !important; |
| | + | |
| | + | } |
| | + | |
| | + | li.gallerybox div.thumb { |
| | + | border: none; |
| | + | background: none !important; |
| | } | | } |
| | | | |
| Line 540: |
Line 582: |
| | | | |
| | .infobox { | | .infobox { |
| − | border: 1px solid #8D79BE; | + | border: none !important; |
| − | border-spacing: 3px;
| |
| | background-color: none; | | background-color: none; |
| | color: #FFFFFF; | | color: #FFFFFF; |
| Line 566: |
Line 607: |
| | float: none; | | float: none; |
| | background-color: transparent; | | background-color: transparent; |
| | + | } |
| | + | |
| | + | th.infobox-label{ |
| | + | background-color: transparent !important; |
| | } | | } |
| | | | |
| Line 592: |
Line 637: |
| | /* @noflip */ | | /* @noflip */ |
| | text-align: left; | | text-align: left; |
| | + | font-weight: 500; |
| | } | | } |
| | | | |
| Line 630: |
Line 676: |
| | border-collapse: collapse; | | border-collapse: collapse; |
| | } | | } |
| | + | |
| | | | |
| | /* TODO split definitions to appropriate class names when live from HTML element */ | | /* TODO split definitions to appropriate class names when live from HTML element */ |
| | .infobox.bordered td, | | .infobox.bordered td, |
| | .infobox.bordered th { | | .infobox.bordered th { |
| − | border: 1px solid #a2a9b1;
| + | border: none !important; |
| | } | | } |
| | | | |
| Line 819: |
Line 866: |
| | .hlist li ol > li:first-child:before { | | .hlist li ol > li:first-child:before { |
| | content: " (" counter(listitem) "\a0"; | | content: " (" counter(listitem) "\a0"; |
| | + | } |
| | + | @media only screen and (max-width: 900px) { |
| | + | .client-js .collapsible-block.open-block { |
| | + | /* display: block; */ |
| | + | display: inline-flex; |
| | + | flex-direction: column-reverse; |
| | + | }} |
| | + | |
| | + | .client-js .collapsible-block.open-block { |
| | + | display: block; |
| | } | | } |
| | | | |
| | + | @media only screen and (max-width: 900px) { |
| | + | section #mf-section-0 |
| | + | { |
| | + | display: inline-flex; |
| | + | flex-direction: column; |
| | + | } |
| | + | } |
| | | | |
| | /* Normal font styling for wikitable row headers with scope="row" tag */ | | /* Normal font styling for wikitable row headers with scope="row" tag */ |
| Line 877: |
Line 941: |
| | table.ambox { | | table.ambox { |
| | margin: 0 10%; /* 10% = Will not overlap with other elements */ | | margin: 0 10%; /* 10% = Will not overlap with other elements */ |
| − | border: 1px solid #a2a9b1;
| + | border: none !important; |
| | /* @noflip */ | | /* @noflip */ |
| | border-left: 10px solid #36c; /* Default "notice" blue */ | | border-left: 10px solid #36c; /* Default "notice" blue */ |
| Line 936: |
Line 1,000: |
| | table.ambox-protection { | | table.ambox-protection { |
| | /* @noflip */ | | /* @noflip */ |
| − | border-left: 10px solid #a2a9b1; /* Gray-gold */
| + | border: none !important; /* Gray-gold */ |
| | } | | } |
| | | | |
| | /* Image message box styles */ | | /* Image message box styles */ |
| | table.imbox { | | table.imbox { |
| − | margin: 4px 10%;
| + | /* margin: 4px 10%; */ |
| − | border-collapse: collapse;
| + | border-collapse: collapse; |
| − | border: 3px solid #36c; /* Default "notice" blue */
| + | border: 3px solid #36c; |
| − | background-color: #fbfbfb;
| + | background-color: #fbfbfb; |
| − | box-sizing: border-box;
| + | box-sizing: border-box; |
| | } | | } |
| | | | |
| Line 958: |
Line 1,022: |
| | | | |
| | table.imbox-notice { | | table.imbox-notice { |
| − | border: 3px solid #36c; /* Blue */ | + | border: 1px solid #36c; /* Blue */ |
| | } | | } |
| | | | |
| | table.imbox-speedy { | | table.imbox-speedy { |
| − | border: 3px solid #b32424; /* Red */ | + | border: 1px solid #b32424; /* Red */ |
| | background-color: #fee7e6; /* Pink */ | | background-color: #fee7e6; /* Pink */ |
| | } | | } |
| | | | |
| | table.imbox-delete { | | table.imbox-delete { |
| − | border: 3px solid #b32424; /* Red */ | + | border: 1px solid #b32424; /* Red */ |
| | } | | } |
| | | | |
| | table.imbox-content { | | table.imbox-content { |
| − | border: 3px solid #f28500; /* Orange */ | + | border: 1px solid #f28500; /* Orange */ |
| | } | | } |
| | | | |
| | table.imbox-style { | | table.imbox-style { |
| − | border: 3px solid #fc3; /* Yellow */ | + | border: 1px solid #fc3; /* Yellow */ |
| | } | | } |
| | | | |
| Line 983: |
Line 1,047: |
| | | | |
| | table.imbox-protection { | | table.imbox-protection { |
| − | border: 3px solid #a2a9b1; /* Gray-gold */
| + | border: none !important; /* Gray-gold */ |
| | } | | } |
| | | | |
| | table.imbox-license { | | table.imbox-license { |
| − | border: 3px solid #88a; /* Dark gray */
| + | border: 1px solid #ebc9ff !important; |
| − | background-color: #f7f8ff; /* Light gray */
| + | background-color: #0e061ed1 !important; |
| | } | | } |
| | | | |
| Line 999: |
Line 1,063: |
| | margin: 3px 10%; | | margin: 3px 10%; |
| | border-collapse: collapse; | | border-collapse: collapse; |
| − | border: 1px solid #a2a9b1;
| + | border: none !important; |
| | background-color: #dfe8ff; /* Default "notice" blue */ | | background-color: #dfe8ff; /* Default "notice" blue */ |
| | box-sizing: border-box; | | box-sizing: border-box; |
| Line 1,039: |
Line 1,103: |
| | margin: 4px 10%; | | margin: 4px 10%; |
| | border-collapse: collapse; | | border-collapse: collapse; |
| − | border: 1px solid #a2a9b1; /* Default "notice" gray */
| + | border: none !important; /* Default "notice" gray */ |
| | background-color: #f8f9fa; | | background-color: #f8f9fa; |
| | box-sizing: border-box; | | box-sizing: border-box; |
| Line 1,045: |
Line 1,109: |
| | | | |
| | table.ombox-notice { | | table.ombox-notice { |
| − | border: 1px solid #a2a9b1; /* Gray */
| + | border: none !important; /* Gray */ |
| | } | | } |
| | | | |
| Line 1,070: |
Line 1,134: |
| | | | |
| | table.ombox-protection { | | table.ombox-protection { |
| − | border: 2px solid #a2a9b1; /* Gray-gold */
| + | border: none !important; /* Gray-gold */ |
| | } | | } |
| | | | |
| Line 1,128: |
Line 1,192: |
| | margin: 0.2em 0; | | margin: 0.2em 0; |
| | width: 100%; | | width: 100%; |
| − | border: 1px solid #a2a9b1;
| + | border: none !important; |
| | background-color: #f8f9fa; /* Default "system" gray */ | | background-color: #f8f9fa; /* Default "system" gray */ |
| | box-sizing: border-box; | | box-sizing: border-box; |
| Line 1,149: |
Line 1,213: |
| | display:inline-flex; | | display:inline-flex; |
| | flex-direction:row; | | flex-direction:row; |
| | + | flex-wrap: wrap |
| | max-width: 100%; | | max-width: 100%; |
| | height: auto; | | height: auto; |
| | } | | } |
| | | | |
| − | .bannerlinks { | + | .bannerlinks{ |
| | + | margin-right: 5%; |
| | + | margin-left: 5%; |
| | + | } |
| | + | |
| | + | .bannerlinks, |
| | + | .mainpagecontent { |
| | display:inline-flex; | | display:inline-flex; |
| | flex-direction:row; | | flex-direction:row; |
| | } | | } |
| | | | |
| − | .platformlink img { | + | .mw-parser-output { |
| | + | display:inherit |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 900px) { |
| | + | .mw-parser-output { |
| | + | display:inline-flex; |
| | + | flex-direction:column; |
| | + | align-items: start; |
| | + | } |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 900px) { |
| | + | .mainpagecontent { |
| | + | display:inline-flex; |
| | + | flex-direction:column; |
| | + | } |
| | + | } |
| | + | |
| | + | .gamepagelinks, |
| | + | .cosmeticlinks { |
| | + | display:inline-flex; |
| | + | flex-direction:row; |
| | + | flex-wrap: wrap; |
| | + | justify-content: center; |
| | max-width: 100%; | | max-width: 100%; |
| | height: auto; | | height: auto; |
| | } | | } |
| − | .sociallink img { | + | |
| | + | #gamecontent |
| | + | { |
| | + | width: 60% |
| | + | } |
| | + | |
| | + | @media only screen and (max-width: 900px) { |
| | + | #gamecontent |
| | + | { |
| | + | width: 100% |
| | + | } |
| | + | } |
| | + | |
| | + | tbody{ |
| | + | background-color: rgba(14, 6, 30, 0.75); |
| | + | } |
| | + | |
| | + | |
| | + | .gamepagelink img, |
| | + | .cosmeticlink img, |
| | + | .platformlink img, |
| | + | .sociallink img { |
| | max-width: 100%; | | max-width: 100%; |
| | height: auto; | | height: auto; |
| | } | | } |
| | | | |
| − | @media screen and (max-width:1600px){#mainbannerleft{display:none}#mainbannermiddle{width:60%}} | + | @media only screen and (max-width: 900px) {#mainbannerleft{display:none}#mainbannermiddle{width:60%}} |
| | #mainbannermiddle img { | | #mainbannermiddle img { |
| | max-width: 100%; | | max-width: 100%; |
| | height: auto; | | height: auto; |
| | } | | } |
| − | @media screen and (max-width:1600px){.bannerlinkswrapper {flex-direction:column}} | + | @media only screen and (max-width: 900px) { |
| | + | .bannerlinkswrapper { |
| | + | flex-direction:column; |
| | + | } |
| | + | } |
| | @media screen and (max-width:1400px){#menucontent{font-size:12px}} | | @media screen and (max-width:1400px){#menucontent{font-size:12px}} |
| | @media screen and (max-width:1150px){th#sidebar,td#sidebar,td#mainbannerright{display:none}} | | @media screen and (max-width:1150px){th#sidebar,td#sidebar,td#mainbannerright{display:none}} |
| | + | |
| | + | iframe .twitter-widget-0 |
| | + | { |
| | + | position: static !important; |
| | + | visibility: visible !important; |
| | + | display: inline-block !important; |
| | + | width: 100% !important; |
| | + | padding: 0px !important; |
| | + | border: none !important; |
| | + | margin-top: 0px !important; |
| | + | margin-bottom: 0px !important; |
| | + | max-height: 600px !important; |
| | + | } |
| | + | .timeline-Widget { |
| | + | max-width: 30% !important; |
| | + | background-color: rgba(14,6,30,0.75) !important; |
| | + | } |