Difference between revisions of "MediaWiki:Common.css"
From PCGamingWiki, the wiki about fixing PC games
m (color site notice hr) |
|||
| (578 intermediate revisions by 10 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | |||
| + | /* color site notice hr */ | ||
| + | div#site-notice hr { | ||
| + | background-color: #FFF; | ||
| + | } | ||
| + | |||
| + | /* sticky table headers on desktop */ | ||
| + | @media (min-width: 801px) | ||
| + | { | ||
| + | table.pcgwikitable.sortable thead { | ||
| + | position: sticky; | ||
| + | top: 45px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* fix broken three-column overflow in Chromium browsers */ | ||
| + | /* might not actually solve all situations where this occurs */ | ||
| + | #pcgw-references ol.references | ||
| + | { | ||
| + | margin-bottom: 45px | ||
| + | } | ||
| + | |||
| + | |||
| + | /* new Template:File styling */ | ||
| + | code.file-code { | ||
| + | font-weight: bold; | ||
| + | background: none; | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | span.file-span, | ||
| + | span.file-span-directory, | ||
| + | span.file-span-registr | ||
| + | { | ||
| + | height: 1em; | ||
| + | width: 1.5em; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | span.file-span:before { | ||
| + | content: "📄"; | ||
| + | } | ||
| + | |||
| + | span.file-span-directory:before { | ||
| + | content: "📂"; | ||
| + | } | ||
| + | |||
| + | span.file-span-registry:before { | ||
| + | content: "🧊"; | ||
| + | } | ||
| + | |||
| + | span.file-span-linebreak { | ||
| + | /* line-break: anywhere; */ /* disabled for testing white-space approach instead */ | ||
| + | white-space: break-spaces; /* disabled 'nowrap' after finding scenarios that it breaks */ | ||
| + | } | ||
| + | |||
| + | /* prevents scribunto's debug console to extend long past the main content area */ | ||
| + | .mw-scribunto-console-fieldset { | ||
| + | overflow-wrap: anywhere; | ||
| + | } | ||
| + | |||
| + | /* fix for weird [Expand] label being added to some scenarios */ | ||
| + | |||
| + | /* .client-js td.mw-collapsed:not(.mw-made-collapsible):before, */ | ||
| + | .client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before /* <-- this is the problematic line */ | ||
| + | /* .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, */ | ||
| + | /* .client-js div.mw-collapsed:not(.mw-made-collapsible):before */ | ||
| + | { | ||
| + | content: ''; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ProtonDB medals */ | ||
| + | .rating-badges { | ||
| + | padding: 3px 5px; | ||
| + | margin: 2px; | ||
| + | height: 25px; | ||
| + | border-radius: 20px; | ||
| + | font-weight: bold; | ||
| + | color: white; | ||
| + | } | ||
| + | .rating-container a { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .protondb-click-play-tier-1 {background: rgb(97, 205, 187);} | ||
| + | .protondb-click-play-tier-2 {background: rgb(241, 225, 91);} | ||
| + | .protondb-click-play-tier-3 {background: rgb(232, 193, 160);} | ||
| + | .protondb-click-play-tier-4 {background: rgb(232, 168, 56);} | ||
| + | .protondb-click-play-tier-5 {background: rgb(244, 117, 96);} | ||
| + | .protondb-click-play-tier-unknown {background: grey;} | ||
| + | |||
| + | .protondb-medals-platinum {background: rgb(180, 199, 220);} | ||
| + | .protondb-medals-gold {background: rgb(207, 181, 59);} | ||
| + | .protondb-medals-silver {background: rgb(166, 166, 166);} | ||
| + | .protondb-medals-bronze {background: rgb(153, 153, 153);} | ||
| + | .protondb-medals-borked {background: red;} | ||
| + | .protondb-medals-unknown {background: grey;} | ||
| + | |||
| + | /* Steam Deck verified icons */ | ||
| + | .steam-deck-verified { | ||
| + | background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3C/svg%3E"); | ||
| + | } | ||
| + | |||
| + | .steam-deck-playable { | ||
| + | background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='125' fill='%23ffc82c'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='120' cy='60' r='20'/%3E%3Cpath d='M86,95h56v90h19v18H86V185h18V110H86z'/%3E%3C/g%3E%3C/svg%3E"); | ||
| + | } | ||
| + | |||
| + | .steam-deck-unsupported { | ||
| + | background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='121' fill='%237c8ea3'/%3E%3Cpath fill='%23fff' d='M63.4,167 103.2,122 62.6,72.2c-3.4,-5.7-2.5,-11.7 2.2,-15 6.9,-4 16.7,-4.6 22.8,0.2l38.3,46.1 34.5,-40.5c4.1,-5.4 10.4,-8.9 16.6,-9 22.4,1.4 15.1,17 6,27.6l-35,40.4 37.7,45c8,8.3 15.1,21.7 1.9,27.4-7.7,2.8-17.3,2-22.9,-4.1l-39.4,-47.5-38.8,45.7c-4.4,5.1-10.5,7.5-16.8,7.5-21.8,-3.8-15.8,-18.2-6.3,-29z'/%3E%3C/svg%3E"); | ||
| + | } | ||
| + | |||
| + | /* Add left-margin to notes within fixboxes */ | ||
| + | .fixbox-body dl { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | |||
| + | h2 + dl { | ||
| + | margin-top: 0.7em; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Gamesplanet promo CSS class */ | ||
| + | .mw-body-with-ads .home-gamesplanet-promo { | ||
| + | display: block !important; | ||
| + | } | ||
| + | |||
| + | .mw-body-with-ads .home-search-examples { | ||
| + | display: none !important; | ||
| + | } | ||
| + | |||
| + | .home-gamesplanet-promo { | ||
| + | width: 100%; | ||
| + | position: absolute; | ||
| + | top: 120px; | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .home-gamesplanet-promo a { | ||
| + | color: rgba(255,255,255,0.8) !important; | ||
| + | transition: 300ms color; | ||
| + | display: inline; | ||
| + | padding: 0 5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== Hide header section on various pages ================== | ||
| + | * | ||
| + | * Prevents display of the "Edit", "Discussion", etc. tabs and | ||
| + | * site-sub on various pages. | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .page-PCGamingWiki_About #site-sub, .page-PCGamingWiki_About .article-header, .page-PCGamingWiki_About #catlinks, .page-PCGamingWiki_About #mw-head, | ||
| + | .page-PCGamingWiki_FAQ #site-sub, .page-PCGamingWiki_FAQ .article-header, .page-PCGamingWiki_FAQ #catlinks, .page-PCGamingWiki_FAQ #mw-head, | ||
| + | .page-PCGamingWiki_Account #site-sub, .page-PCGamingWiki_Account .article-header, .page-PCGamingWiki_Account #catlinks, .page-PCGamingWiki_Account #mw-head, | ||
| + | .page-PCGamingWiki_Disclaimer #site-sub, .page-PCGamingWiki_Disclaimer .article-header, .page-PCGamingWiki_Disclaimer #catlinks, .page-PCGamingWiki_Disclaimer #mw-head, | ||
| + | .page-PCGamingWiki_Copyrights #site-sub, .page-PCGamingWiki_Copyrights .article-header, .page-PCGamingWiki_Copyrights #catlinks, .page-PCGamingWiki_Copyrights #mw-head, | ||
| + | .page-PCGamingWiki_Privacy_policy #site-sub, .page-PCGamingWiki_Privacy_policy .article-header, .page-PCGamingWiki_Privacy_policy #catlinks, .page-PCGamingWiki_Privacy_policy #mw-head, | ||
| + | .page-PCGamingWiki_API #site-sub, .page-PCGamingWiki_API .article-header, .page-PCGamingWiki_API #catlinks, .page-PCGamingWiki_API #mw-head, | ||
| + | .page-PCGamingWiki_Extension #site-sub, .page-PCGamingWiki_Extension .article-header, .page-PCGamingWiki_Extension #catlinks, .page-PCGamingWiki_Extension #mw-head, | ||
| + | .page-PCGamingWiki_Partnerships #site-sub, .page-PCGamingWiki_Partnerships .article-header, .page-PCGamingWiki_Partnerships #catlinks, .page-PCGamingWiki_Partnerships #mw-head | ||
| + | { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* ===== Fix for links in the editing guide navigation boxes not covering everything================== */ | ||
| + | |||
| + | /* both boxes */ | ||
| + | .editing-guide-list-item.editing-guide-previous > p, .editing-guide-list-item.editing-guide-next > p { | ||
| + | padding-top: 0px; | ||
| + | } | ||
| + | |||
| + | /* next link */ | ||
| + | .editing-guide-list-item.editing-guide-next a, .editing-guide-list-item.editing-guide-next a.new, .editing-guide-list-item.editing-guide-next a.new:visited { | ||
| + | padding: 40px 115px 10px 20px; | ||
| + | } | ||
| + | |||
| + | /* previous link */ | ||
| + | .editing-guide-list-item.editing-guide-previous a, .editing-guide-list-item.editing-guide-previous a.new, .editing-guide-list-item.editing-guide-previous a.new:visited { | ||
| + | padding: 40px 20px 10px 115px; | ||
| + | } | ||
| + | |||
| + | /* gotta fix icon for previous link */ | ||
| + | .editing-guide-list-item.editing-guide-previous .editing-guide-icon a, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new:visited { | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | /* gotta prevent "clicks" from registering on the previous / next text labels themselves, and allow the click to register on the underlying link */ | ||
| + | .editing-guide-list-item.editing-guide-previous > p::before, .editing-guide-list-item.editing-guide-next > p::before { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | |||
| + | /* ===== Make all images in content responsive by default ========================== */ | ||
| + | #body-content img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== Notificaiton anchor doesn't display properly so cleaner just to hide it ===== */ | ||
| + | .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {display:none} | ||
| + | |||
| + | |||
| + | /* ===== Venatus skin (guests only) ========================== */ | ||
| + | |||
| + | .raiSkinDesktop .ad-header-container, .raiSkinDesktop .ad-footer-container, .raiSkinDesktop #mpu {display:none} | ||
| + | .raiSkinDesktop #pcgw-header {position:static} | ||
| + | .raiSkinDesktop #masthead {margin-top:0} | ||
| + | .raiSkinDesktop #main-content {margin-top:0;margin-bottom:0} | ||
| + | .raiSkinDesktop {background:black} | ||
| + | |||
| + | |||
| + | /* ===== Changes to new content width and whatnot ========================== | ||
| + | * | ||
| + | * There's a sudden disrupted change in width when going below 1630px with the new content size, where basically the content width is allowed to be at 1630px at higher resolutions, then at viewport resolutions below 1830px the main content width starts to shrink below 1630px, until it reaches 1430px or so, where it suddenly jumps up to 1630px again. This is due to #main-column enforcing a width: calc(100vw - 200px); style to it. | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | #main-column { | ||
| + | width: 100vw; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Adds fixed top bar on scrolling -- mirroring the mobile view */ | ||
| + | #pcgw-header { | ||
| + | position: fixed; | ||
| + | } | ||
| + | |||
| + | /* Adds fixed top bar on scrolling -- mirroring the mobile view */ | ||
| + | #masthead { | ||
| + | margin-top: 45px; | ||
| + | } | ||
| + | |||
| + | /* Fix vertical scrollbar on sub-1630px views + mobile-view margin issue */ | ||
| + | #main-content { | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | /* Fix margin on mobile view */ | ||
| + | @media (max-width: 800px) | ||
| + | { | ||
| + | #main-content { | ||
| + | width: 100vw; | ||
| + | } | ||
| + | |||
| + | table.template-seriesbox { | ||
| + | width: 100vw; | ||
| + | } | ||
| + | |||
| + | html.client-js #toc { | ||
| + | width: 100vw; | ||
| + | } | ||
| + | |||
| + | .container-pcgwikitable { | ||
| + | width: 100vw; | ||
| + | max-width: 100vw; | ||
| + | } | ||
| + | |||
| + | .pcgwikitable { | ||
| + | width: 100vw; | ||
| + | } | ||
| + | |||
| + | /* Further changes to make the personal-bar-flyout in mobile view to get more inline with the rest of the sidebar */ | ||
| + | #p-personal-mobile #personal-bar-flyout > div li a:hover, #p-personal-mobile #personal-bar-flyout > div li a:active { | ||
| + | background-color: #1a1a1a; | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Fix user menu disappearing into the white of the content area due to lack of borders */ | ||
| + | @media (min-width: 801px) | ||
| + | { | ||
| + | #p-personal #personal-bar-flyout > div { | ||
| + | height: 30px; | ||
| + | padding: 2px .2rem 0 .2rem; | ||
| + | background: right 10px top 8px no-repeat; | ||
| + | background-size: auto 12px; | ||
| + | background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M16 6 14 3.8 8 10 2 3.8 0 6 8 14Z%22 fill=%22%23fff%22/%3E%3C/svg%3E); | ||
| + | } | ||
| + | |||
| + | div#personal-bar-flyout > div > ul { | ||
| + | border-left: 1px solid #aaa; | ||
| + | border-right: 1px solid #aaa; | ||
| + | border-bottom: 1px solid #aaa; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Fix z-index issue on front page where large search box results are displayed above top nav dropdown menus */ | ||
| + | .page-Home div.suggestions + div.suggestions { | ||
| + | z-index: 99; /* previously: 1099; */ | ||
| + | } | ||
| + | |||
| + | /* Fix social buttons and footer being misaligned at 1200px #masthead width */ | ||
| + | .pcgw-footer-column:last-of-type { | ||
| + | width: 1080px; /* social buttons are 60px width. 1080 + 60 + 60 == 1200px */ | ||
| + | margin-right: 60px; /* push the contents further 60px to the left (the width of the social buttons to the left) to account for the off-center positioning */ | ||
| + | } | ||
| + | |||
| + | /* Retain sizing in mobile view */ | ||
| + | @media (max-width: 800px) { | ||
| + | .pcgw-footer-column:last-of-type { | ||
| + | min-width: 0; | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Counteract the floating nav causing direct links to miss their targets */ | ||
| + | html { | ||
| + | scroll-padding-top: 45px; /* height of sticky header */ | ||
| + | } | ||
| + | |||
| + | /* ===== Styling Tocbox ========================== | ||
| + | * | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | table.template-tocbox { | ||
| + | float: right; | ||
| + | clear: right; | ||
| + | color: #333; | ||
| + | width: 300px; | ||
| + | margin: 0; | ||
| + | margin-bottom: 15px; | ||
| + | margin-left: 15px; | ||
| + | background-color: #fff; | ||
| + | font-size: 1.2rem; | ||
| + | } | ||
| + | |||
| + | .template-tocbox label.toctogglelabel { | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body { | ||
| + | padding: 0 | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div#toc { | ||
| + | display: inline block; | ||
| + | background: none; | ||
| + | border: none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div#toc { | ||
| + | display: inline block; | ||
| + | background: none; | ||
| + | border: none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div#toc > ul { | ||
| + | padding: 5px 9px 7px 9px; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div.toctitle { | ||
| + | /* display: none; */ | ||
| + | background-color: #556db3; | ||
| + | padding: 5px; | ||
| + | font-size: 1.4rem; | ||
| + | font-weight: 600; | ||
| + | box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); | ||
| + | color: #fff; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div.toctitle h2 { | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle { | ||
| + | float: right; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle a { | ||
| + | color: #fff; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body a.collapsibletoc-section-toggle { | ||
| + | float: right; | ||
| + | } | ||
| + | |||
| + | table.template-tocbox td.template-tocbox-body span.collapsibletoc-section-neither { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 800px) | ||
| + | { | ||
| + | table.template-tocbox { | ||
| + | float: none; | ||
| + | clear: both; | ||
| + | width: calc(100vw); | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Push Contents header of the new tocbox 39px to the right */ | ||
| + | |||
| + | @media (min-width: 801px) | ||
| + | { | ||
| + | .template-tocbox-body div#toc h2 { | ||
| + | padding-left: 39px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* ===== Hide abbr text decoration underline in the infobox ========================== | ||
| + | * | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .template-infobox abbr { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | /* ===== Cleanup, Stub, Deletion, and State color changes ========================== | ||
| + | * | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .notice { | ||
| + | background-color: #d7e3f4; | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | .notice-stub, .notice-cleanup { | ||
| + | background-color: #ffe8b3; | ||
| + | } | ||
| + | |||
| + | .notice-text a, .notice-text > span > a, .notice-text > span > a.external, .notice-text > span > a.external:visited, .notice-text a.external, .notice-text a.external:visited, .notice-text a.new, .notice-text a.new:visited { | ||
| + | color: #375898; | ||
| + | } | ||
| + | |||
| + | .notice-stub.notice-section, .notice-cleanup.notice-section { | ||
| + | background-color: #FFF; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== Styling News section ==================================================== | ||
| + | * | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .news_ref { | ||
| + | font-size:70%; | ||
| + | vertical-align: super; | ||
| + | } | ||
| + | |||
| + | .news_li {list-style:none;margin-bottom:4px;margin-left:23px} | ||
| + | .news_li > a {font-weight:bold} | ||
| + | |||
| + | .news_li::before { | ||
| + | content: ''; | ||
| + | display: inline-block; | ||
| + | height: 16px; | ||
| + | width: 16px; | ||
| + | background-size: 16px; | ||
| + | background-repeat: no-repeat; | ||
| + | margin-right: 8px; | ||
| + | background-position: center center; | ||
| + | vertical-align: bottom; | ||
| + | margin-left:-23px; | ||
| + | } | ||
| + | |||
| + | .news_icon_info::before { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 250 250%22%3E%3Ccircle cx=%22125%22 cy=%22125%22 r=%22125%22 fill=%22%231f3661%22/%3E%3Cg fill=%22%23fff%22%3E%3Ccircle cx=%22120%22 cy=%2260%22 r=%2220%22/%3E%3Cpath d=%22M86%2C95h56v90h19v18H86V185h18V110H86z%22/%3E%3C/g%3E%3C/svg%3E"); | ||
| + | } | ||
| + | |||
| + | .news_icon_pin::before { | ||
| + | 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"); | ||
| + | } | ||
| + | |||
| + | /* ===== Styling collapsible stuff of the seriesbox ==================================================== | ||
| + | * | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | table.template-seriesbox { | ||
| + | border-top: 0; | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | |||
| + | table.template-seriesbox tr:nth-child(2) { | ||
| + | height: 27px; /* 3px padding top -- gets the box in line with Tocbox */ | ||
| + | vertical-align: bottom; /* workaround for margin/padding refusing to work on this element */ | ||
| + | } | ||
| + | |||
| + | table.pcgwikitable th.headerSort span.mw-collapsible-toggle { | ||
| + | padding-right: 20px; | ||
| + | } | ||
| + | |||
| + | table.template-seriesbox .mw-collapsible-toggle-default:before { | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | table.template-seriesbox .mw-collapsible-toggle-default:after { | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | table.template-seriesbox .mw-collapsible-toggle { | ||
| + | display: block; | ||
| + | float: none; | ||
| + | } | ||
| + | |||
| + | table.template-seriesbox .mw-collapsible-toggle a:hover, table.template-seriesbox .mw-collapsible-toggle a:focus { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .template-seriesbox-series-link { | ||
| + | text-align: left; | ||
| + | padding-left: 9px; | ||
| + | } | ||
| + | |||
| + | .template-seriesbox-title { | ||
| + | color: #FFF | ||
| + | } | ||
| + | |||
| + | .template-seriesbox-title > a { | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | color: #FFF | ||
| + | } | ||
| + | |||
| + | .template-seriesbox-title > a:visited { | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | color: #FFF !important; | ||
| + | } | ||
| + | |||
| + | .template-seriesbox .mw-collapsible-toggle-expanded { | ||
| + | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: center right; | ||
| + | padding: 0 21px; | ||
| + | } | ||
| + | |||
| + | .template-seriesbox .mw-collapsible-toggle-collapsed { | ||
| + | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: center right; | ||
| + | padding: 0 21px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== RecentChanges spacing fix ==================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { | ||
| + | padding-top: 0.28571429em; | ||
| + | padding-left: 1.32857143em; | ||
| + | } | ||
| + | |||
| + | /* DISABLED 2022-09-05 after site update due to causing misaligned buttons on https://www.pcgamingwiki.com/wiki/Special:CargoTables | ||
| + | .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { | ||
| + | left: 0.3em; | ||
| + | } | ||
| + | */ | ||
| + | |||
| + | .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | |||
| + | .oo-ui-image-progressive {display:none!important} | ||
| + | |||
| + | /* Related reference tooltip options fix */ | ||
| + | .oo-ui-fieldsetLayout {box-shadow:none!important} | ||
| + | .oo-ui-numberInputWidget-field {width:auto} | ||
| + | |||
| + | /* ===== Hide tocnumber ==================================================== | ||
| + | * | ||
| + | * Attempt to fix Google indexing the damn tocnumbers despite them being hidden. | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .tocnumber, #toc .tocnumber, .toc .tocnumber, span.tocnumber { | ||
| + | display: none; | ||
| + | visibility: hidden; | ||
| + | font-size: 0; | ||
| + | } | ||
| + | |||
| + | /* ===== Mobile TOC ==================================================== | ||
| + | * | ||
| + | * Make mobile TOC consistent, arrow shows it can be expanded | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | @media (max-width: 800px) | ||
| + | { | ||
| + | #toc > .toctitle { | ||
| + | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: center right; | ||
| + | padding: 0 21px; | ||
| + | } | ||
| + | #toc > .toctitle > h2 { | ||
| + | text-transform: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== DD adjust spacing ==================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | dd { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | |||
| + | /* ===== Code wrap on mobile ==================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | @media only screen and (max-width : 800px) { | ||
| + | code {word-wrap:break-word;} | ||
| + | } | ||
| + | |||
| + | /* ===== Code block padding ==================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | code {padding: 0 1px} | ||
| + | |||
| + | /* ===== Introduction ========================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .introduction p, .introduction {line-height:19px;max-width:100%!important} | ||
| + | .introduction {padding:10px 0 10px 0} | ||
| + | |||
| + | /* ===== Responsive table ========================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .pcgwikitable {overflow-x:auto} | ||
| + | .page-Taxonomy .pcgwikitable {min-width:800px!important} | ||
| + | |||
| + | /* ===== Monetization + Microtransaction table ======================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .table-monetization-head-parameter, | ||
| + | .table-monetization-body-parameter, | ||
| + | .table-microtransaction-head-parameter, | ||
| + | .table-microtransaction-body-parameter | ||
| + | {text-align:right;padding:0 6px;width:110px} | ||
| + | |||
| + | /* ===== Glossary box ============================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .glossary-table {padding-bottom:10px} | ||
| + | .glossary-table p, table-generic-body-row p {line-height:15px} | ||
| + | .glossary-navigation ul {list-style:none;justify-content:space-between;margin:4px auto 0 auto !important;width:90%;font-weight:bold} | ||
| + | .glossary-navigation ul li {text-align:center} | ||
| + | .glossary-row {text-align:left;padding-left:10px} | ||
| + | .glossary-row ul {margin-left:20px!important} | ||
| + | |||
| + | |||
| + | /* ===== Generic table ============================================================= | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .table-generic-body-row:nth-of-type(2n) { | ||
| + | background-color: #f5f5f5; | ||
| + | } | ||
| + | |||
| + | |||
| + | .table-generic-body-row:nth-of-type(2n+1) { | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | |||
| + | .table-generic-body-row > th { | ||
| + | text-align: left; | ||
| + | padding: 6px 4px; | ||
| + | vertical-align: top; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .table-generic-body-row > td { | ||
| + | text-align: left; | ||
| + | padding: 6px 4px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | |||
| + | /* ===== CHANGE : Fix recent changes box that applies to Special pages only ============================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .ns-special dl { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | ul#pagehistory { | ||
| + | max-width:100%!important | ||
| + | } | ||
| + | |||
| + | /* ===== CHANGE : Improve dd icon and bullet point text widths ============================================================== | ||
| + | * | ||
| + | * Limit the changes to .cat-Games aka pages that are a part of the Games category. | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | /* Thumbs, dd, icon, lists, and paragraph max width and alignment */ | ||
| + | /* Commenting this out as less relevant now that we have max-width on all pages | ||
| + | .cat-Games .mw-content-ltr dd, .cat-Games .mw-content-rtl .mw-content-ltr dd { max-width: 800px; } | ||
| + | .cat-Games .ns-0 ul { max-width: 790px } | ||
| + | .cat-Games p { max-width: 820px } | ||
| + | */ | ||
| + | |||
| + | @media only screen and ( min-width: 801px ) { | ||
| + | .cat-Games .mw-content-ltr ul, .cat-Games .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0.3em 2.6em; } | ||
| + | } | ||
| + | |||
| + | /* Apply on all pages -- fixes multi-line bullet points */ | ||
| + | .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin-left: 36px } | ||
| + | .thumbs-down, .thumbs-up, .more-info, .info-icon { margin-left: -23px } | ||
| + | /* Perform the same on direct list children using the Wikipedia bullet icon */ | ||
| + | dd > a.extiw:first-child { margin-left: -23px } | ||
| + | |||
| + | |||
| + | /* ===== Infobox game ================================================================================================================== */ | ||
| + | |||
| + | /* ===== CHANGE : Changes in templates to improve taxonomy look ============================================================== | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .template-infobox-type { | ||
| + | padding-left: 18px; /* down from 24px */ | ||
| + | padding-right: 18px; /* up from 1px */ | ||
| + | vertical-align: top; /* changed from bottom/middle */ | ||
| + | } | ||
| + | |||
| + | .template-infobox-info { | ||
| + | font-size: 1.1rem; /* down from 1.2rem */ | ||
| + | } | ||
| + | |||
| + | .template-infobox-info > a { | ||
| + | /* white-space: nowrap; remove wrapping for individual links - re-enabled this as it broke infobox width */ | ||
| + | } | ||
| + | |||
| + | /* ===== CHANGE : Hide external link icon on in infobox ============================================================== | ||
| + | * | ||
| + | * Hide external link icon on external links in the mediawiki (the right column) | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | td.template-infobox-info .external { | ||
| + | padding-right: 0; | ||
| + | background: none !important; | ||
| + | } | ||
| + | |||
| + | /* Size fix for any icon */ | ||
| + | .template-infobox-icon { | ||
| + | width:24px!important; | ||
| + | height:24px!important | ||
| + | } | ||
| + | |||
| + | .template-infobox-icon > a > img { | ||
| + | width:24px; | ||
| + | height:24px | ||
| + | } | ||
| + | @media (max-width: 800px) {.template-infobox-icon > a > img { | ||
| + | width:24px; | ||
| + | height:24px | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .infobox-cooptimus { | ||
| + | background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/cooptimus-32x32.png); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-gogdb { | ||
| + | background-image: url("https://images.pcgamingwiki.com/8/81/GOGDB_icon.svg"); | ||
| + | background-size:24px; | ||
| + | } | ||
| + | |||
| + | .infobox-hltb { | ||
| + | background-image: url("https://images.pcgamingwiki.com/0/0a/HowLongToBeat_icon.svg"); | ||
| + | background-size:24px; | ||
| + | } | ||
| + | |||
| + | .infobox-igdb { | ||
| + | background-image: url("https://images.pcgamingwiki.com/1/19/IGDB_logo.svg"); | ||
| + | background-size:24px; | ||
| + | } | ||
| + | |||
| + | .infobox-itad { | ||
| + | background-image: url("https://images.pcgamingwiki.com/2/2e/IsThereAnyDeal_Icon.svg"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-lutris { | ||
| + | background-image: url("https://images.pcgamingwiki.com/1/15/Lutris_Icon.svg"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-mobygames { | ||
| + | background-image: url("https://images.pcgamingwiki.com/e/e1/Mobygames_icon.svg"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-protondb { | ||
| + | background-image: url(https://images.pcgamingwiki.com/7/75/ProtonDB_Icon.svg); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-wsgf { | ||
| + | background-image: url("https://images.pcgamingwiki.com/e/ec/WSGF_Icon.png"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-official-site { | ||
| + | background: url(https://images.pcgamingwiki.com/4/4c/Official_site_icon.svg); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-wikipedia { | ||
| + | background-image: url("https://images.pcgamingwiki.com/9/91/Wikipedia_Icon.svg"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-steambase { | ||
| + | background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/images/steambase_icon_24x24.png"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | .infobox-applegamingwiki{ | ||
| + | background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/favicons/applegamingwiki.png"); | ||
| + | background-size: 24px; | ||
| + | } | ||
| + | |||
| + | /* ===== CHANGE : Break words in infotable monospace class ============================================================== | ||
| + | * | ||
| + | * Allows long data locations to wrap down instead of expanding the width of the table. | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | .template-infotable-monospace { | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== CHANGE : Hide external link icon on assignees username ============================================================== | ||
| + | * | ||
| + | * Hide external link icon on assignees username (aka hide our ugly hack as we need to rely on fullurl: to get the link working) | ||
| + | * | ||
| + | * 2020-07-15 - Applied it on the applied links as well. | ||
| + | */ | ||
| + | |||
| + | td.table-assignees-row-username .external, td.table-assignment-body-applied .external, td.table-assignment-body-assigned .external { | ||
| + | padding-right: 0; | ||
| + | background: none !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== CUSTOM CLASSES ================================================================================================================================================== */ | ||
| + | |||
| + | /* Allows wrapping an image in <div class="responsive-image"><img></div> and have it have a responsive width */ | ||
| + | .responsive-image img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== CHANGE : Border to the left of H3s to make it easier to separate H3 sections from H4 sections ============================================================== | ||
| + | * | ||
| + | * This is a change I'm somewhat conflicted about. It works, and it merges nice, and works in mobile as well, but it means the H3s are indented more than the H4s, and can give a minor conflicting look because of it. | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | /* Add a border to H3s by default */ | ||
| + | h3 { | ||
| + | border-left: 5px solid #7babde; /* 5px cuz visible, but not distracting */ | ||
| + | padding-left: 10px; /* need some air to breath */ | ||
| + | position: relative; | ||
| + | left: -15px; | ||
| + | } | ||
| + | |||
| + | /* Remove position change from H3s in category pages */ | ||
| + | #mw-subcategories h3, .mw-category h3 { | ||
| + | left: 0; | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | /* Dunno why we're using padding-top when margin-top is more appropriate for this. Probably haven't found the edge case yet, I guess. */ | ||
| + | /* This is mostly to remove the padding-top that makes the new border extend upwards above the text of the H3. */ | ||
| + | |||
| + | h1, h2, h3, h4, h5 { | ||
| + | margin-top: 10px; /* 10px for margin-top since padding-top: 5px results in about the same, for some weird reason */ | ||
| + | padding-top: 0; /* let's remove the current 5px default */ | ||
| + | } | ||
| + | |||
| + | /* Let's add more space between sections? | ||
| + | |||
| + | /* | ||
| + | div#body-content h2 { | ||
| + | margin-top: 3.6rem; | ||
| + | } | ||
| + | *//* Default: 1.2rem */ | ||
| + | |||
| + | /* Removing border from the first page of the Editing guide */ | ||
| + | .skip-h3-left-border h3 {border:0;left:0} | ||
| + | |||
| + | |||
| + | /* ===== MOBILE VIEW OVERRIDES ================================================================================================================================================== */ | ||
| + | |||
| + | #pcgw-header-logo { | ||
| + | background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/6/61/PCGamingWiki_wide_white.svg) no-repeat center; | ||
| + | height: 40px; | ||
| + | width: 200px; | ||
| + | left: calc(50% - 100px); | ||
| + | top: 2px; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-logo img { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== BUG FIXES ================================================================================================================================================== */ | ||
| + | |||
| + | /* Overrides the width set by the theme JavaScript for the search results box to a 600px static one. | ||
| + | A proper fix would be to update the underlying theme files. */ | ||
| + | .page-Home .suggestions { | ||
| + | max-width: 600px; | ||
| + | } | ||
| + | |||
| + | /* Fix Discord page */ | ||
| + | .browser-extension-header, .browser-extension-features-list { | ||
| + | max-width:100%; | ||
| + | } | ||
| + | .browser-extension-header > p { | ||
| + | font-size:2.2rem | ||
| + | } | ||
| + | |||
| + | /* Recent changes legend box */ | ||
| + | @media (max-width: 800px) | ||
| + | dl { | ||
| + | margin-left: 0!important; | ||
| + | } | ||
| + | |||
| + | /* Hide Google+ link in footer */ | ||
| + | .footer-google { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* Fixes cut of external link icon on A links in Chrome */ | ||
| + | |||
| + | .mw-body a.external { | ||
| + | background: center right 0px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%2210%22 width=%2210%22%3E%3Crect width=%226%22 height=%226%22 x=%220.5%22 y=%223.5%22 fill=%22%23fff%22 stroke=%22%2306c%22/%3E%3Cpath d=%22m4.8 0 5.2 0 0 5.4L8.4 6.9 7.1 5.6 4.4 8.4 1.7 5.7 4.5 2.9 3.2 1.5Z%22 fill=%22%2306f%22/%3E%3Cpath d=%22M9 1 9 5.9 7.2 4.1 4.3 7 3.1 5.7 6 2.8 4.1 1Z%22 fill=%22%23fff%22/%3E%3C/svg%3E"); | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Fix "more" nav menu on articles appearing above alerts and notices overlays */ | ||
| + | /* the issue is that "#mw-head-right #mw-head-more" z-index is set to 50 */ | ||
| + | .mw-echo-ui-overlay { | ||
| + | z-index: 51; /* default 1 */ | ||
| + | } | ||
| + | |||
| + | /* Larger margin on the right side of some elements in the fixbox for step-based instructions */ | ||
| + | .fixbox ul, .fixbox dl, .fixbox ol { | ||
| + | margin-right: 2em; | ||
| + | } | ||
| + | |||
| + | /* Fixes Chrome crashing on some articles with a lot of references /and/ fixes reference list showing up as a single column in other browsers and not the intended 3 */ | ||
| + | /* "overflow-x: hidden;" is what seemingly breaks it from what I can gather */ | ||
| + | /* e.g. https://pcgamingwiki.com/wiki/Nier:_Automata */ | ||
| + | ol.references { | ||
| + | overflow: initial; | ||
| + | } | ||
| + | |||
| + | /* <p> have a bit too much padding on top when used directly after a fixbox title. */ | ||
| + | td.fixbox-body > p:first-child { | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | |||
| + | /* set max width 820px on fixbox classes */ | ||
| + | th.fixbox-title, td.fixbox-body { | ||
| + | width: 820px; | ||
| + | } | ||
| + | |||
| + | /* set additional styling */ | ||
| + | th.fixbox-title { | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .fixbox .fixbox-title { | ||
| + | padding: 12px; | ||
| + | } | ||
/* Bullet points */ | /* Bullet points */ | ||
| − | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | + | @media only screen and (min-width : 801px) { |
| − | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | |
| + | margin: 0.3em 0 0.3em 2.6em; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | #footer-social-links { | ||
| + | height: auto | ||
| + | } | ||
| + | |||
| + | .page-Home div#body-content input[type="search"] { | ||
| + | position: static; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | /* Fixes https://trello.com/c/wSlmbVhf/107-template-icons-in-editing-are-bigger-than-they-should-be */ | ||
| + | .tool-button { | ||
| + | background-position: center; | ||
| + | padding: 0px; | ||
| + | margin: 2px; | ||
| + | } | ||
| + | |||
| + | /* Fixes floating drop down menus shown in the article editor when the width goes below 1025px */ | ||
| + | .wikiEditor-ui-toolbar .group { | ||
| + | height: auto; /* default 26px */ | ||
| + | } | ||
| + | |||
| + | /* Fixes wide <pre> when used in fixboxes. Example: https://pcgamingwiki.com/wiki/Descent_3 */ | ||
| + | .fixbox pre, .fixbox code { | ||
| + | max-width: 730px; | ||
| + | overflow-wrap: anywhere; | ||
| + | } | ||
| + | |||
| + | /* Fixes wide <pre> when used in .mw-code. Example: https://pcgamingwiki.com/wiki/MediaWiki:Common.css */ | ||
| + | pre, .mw-code { | ||
| + | max-width: 1160px; /* down from 1380px */ | ||
| + | overflow-wrap: anywhere; | ||
| + | } | ||
| + | |||
| + | /* Attempt to add some space for the table of content / contents list when it follows directly after a ul list */ | ||
| + | ul + div#toc { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | /* Fix archive state tags not properly using the full width (is this a weird choice due to the infobox? */ | ||
| + | .notice { | ||
| + | /*padding-right: 15px !important;*/ /* down from 350px */ /* commented because this causes the archive tag to stretch across the whole screen when an ad is shown. */ | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Fix archive state tags in editing guide covering the text above it partially (margin-top is set to -19px for some reason) */ | ||
| + | .notice ~ .notice { | ||
| + | margin-top: 0px !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Fixes .project-intro from going off-screen on widths below 1000ish, but above 800ish */ | ||
| + | /* Wrap it around a min width to not break mobile view */ | ||
| + | @media only screen and (min-width : 801px) { | ||
| + | .project-intro { | ||
| + | max-width: 750px; | ||
| + | width: auto; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* fixes guide-nav-wrapper not being 300px (same as seriesbox and other stuff) */ | ||
| + | .guide-nav-wrapper { | ||
| + | padding: 20px; | ||
| + | width: 300px; | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | |||
| + | /* Fix for black text in system req on some articles */ | ||
| + | .table-sysreqs-head-OS { | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== WYSIWYG editor ================================================================================================================================================== */ | ||
| + | |||
| + | /* Removes the 70% opacity that was applied to core icons but not custom icons */ | ||
| + | .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { | ||
| + | opacity: 1.0 | ||
| + | } | ||
| + | |||
| + | /* Add padding to custom A element to mirror the padding for core icons on custom icons as well */ | ||
| + | .group-insert > a { | ||
| + | margin: 3px; | ||
| + | margin-left: 3px; | ||
| + | padding: 3px; | ||
| + | } | ||
| + | |||
| + | /* Fixes special characters crossing the bottom border */ | ||
| + | .wikiEditor-ui-toolbar .page-characters div span { | ||
| + | padding: 0px 8px 0px 8px; | ||
| + | } | ||
| + | |||
| + | /* Force inserted toolbar buttons to be 22x22 -- some are otherwise too big */ | ||
| + | .group-insert-sections .tool-button, | ||
| + | .group-templates .tool-button | ||
| + | { | ||
| + | background-size: 22px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== Home page stuff ================================================================================================================================================== */ | ||
| + | |||
| + | /* Hides top border for divs in .projects containers */ | ||
| + | .page-Home .projects .project-container { | ||
| + | border-top: 0px; | ||
| + | } | ||
| + | |||
| + | /* Hides left border for sections relying on the .stats class since it feels useless anyway */ | ||
| + | .page-Home .stats li { | ||
| + | border-right: 0px; | ||
| + | } | ||
| + | |||
| + | /* Fix incorrect one-column styling on 1000px <= x <= 1020px viewports */ | ||
| + | .page-Home .home-information { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | /* Fix misaligned statistics section on screens where two columns are used but there's not enough width to show the whole section on one line */ | ||
| + | .page-Home .stats ul { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | /* Fix padding when 3 items on smaller widths */ | ||
| + | /* What we're doing is moving the top padding 9px from .home-subheader and assigns it as top margin on .subheader-button instead */ | ||
| + | .page-Home .home-subheader { | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | |||
| + | .page-Home .subheader-button { | ||
| + | margin-top: 9px; | ||
} | } | ||
| + | /* Necessary CSS to style the "Troubleshooting guide" button on the Home page */ | ||
| + | .page-Home #subheader-troubleshooting-guide-button { | ||
| + | background-color: #ff9900 !important; | ||
| + | } | ||
| + | |||
| + | .page-Home #subheader-troubleshooting-guide-button:hover { | ||
| + | background-color: #e68a00 !important; | ||
| + | } | ||
| + | |||
| + | /* .home-subheader have staticly defined heights that seemingly aren't necessary and only screws up the layout, on both wide and sub-1000px width scenarios */ | ||
| + | /* overrides the height set here https://github.com/PCGamingWiki/overclocked/blob/master/resources/page-home.less#L186-L194 */ | ||
| + | /* needed now that we have 4 buttons and not 3 */ | ||
| + | @media (max-width: 1000px) { | ||
| + | .page-Home .home-subheader { | ||
| + | height: auto !important; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .page-Home .home-subheader { | ||
| + | height: auto !important; | ||
| + | } | ||
| + | |||
| + | /* list of lists icon on the home page */ | ||
| + | .project-list-of-lists { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 288 288' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Ccircle cx='144' cy='144' r='135' style='fill:none;stroke:%231f3661;stroke-width:10px;'/%3E%3Crect x='62.19' y='135.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='105.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='75.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='165.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='195.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3C/svg%3E"); | ||
| + | } | ||
| + | |||
| + | /* 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; | ||
| + | } | ||
| + | |||
| + | /* Adjust height of home search examples for mobile when spanning multiple lines */ | ||
| + | @media (max-width: 800px) { | ||
| + | .page-Home .pcgw-home-header .home-search-examples { | ||
| + | top: 135px!important; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Adds drop shadow to the images and aligns them properly in the middle of the box now that we have 4 items in each. */ | ||
| + | /* The !important is required since we're basically cheating these sections by piggy-backing off of .stats stylesheets */ | ||
| + | .page-Home .home-stubs li, .page-Home .home-past-featured li { | ||
| + | padding: 0 !important; | ||
| + | margin: 0 15px 15px 15px; | ||
| + | } | ||
| + | |||
| + | .page-Home .home-stubs li a, .page-Home .home-past-featured li a { | ||
| + | box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); | ||
| + | } | ||
| + | |||
| + | /* fixes mobile view from the above rules as otherwise it would end up showing just 1 item per row */ | ||
| + | @media (max-width: 800px) { | ||
| + | .page-Home .home-stubs li, .page-Home .home-past-featured li { | ||
| + | margin: 0 0 15px 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* == Featured Article fix == */ | ||
| + | .page-Home .featured-article { | ||
| + | height: 200px; | ||
| + | padding: 25px 0 0 185px; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 1200px) { | ||
| + | .page-Home .featured-article { | ||
| + | height: auto; | ||
| + | padding: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* new max-width to allow 3 columns */ | ||
| + | @media (min-width: 1610px) { | ||
| + | .page-Home .home-information-column { | ||
| + | max-width: 300px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 1609px) and (min-width: 1001px) { | ||
| + | .page-Home .home-information-column { | ||
| + | max-width: 300px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 1609px) and (min-width: 1201px) { | ||
| + | .page-Home .featured-article { | ||
| + | padding: 10px 0 0 175px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Home Giveaway Gleam hack */ | ||
| + | @media (max-width: 1609px) { | ||
| + | .giveaway {padding:0!important;margin:0} | ||
| + | .giveaway > .section-title {padding:20px} | ||
| + | .e-widget-wrapper {} | ||
| + | } | ||
| + | .gleam_banner img {width:100%;height:auto} | ||
| + | .e-widget-wrapper {margin:0 0 20px 0} | ||
| + | |||
| + | /* Home Giveaway Gleam image */ | ||
| + | .home-gleam-image { | ||
| + | width:100%; | ||
| + | height:auto; | ||
| + | overflow:hidden; | ||
| + | box-shadow:0 0 2px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2); | ||
| + | } | ||
| + | |||
| + | /* Home banner GOG */ | ||
| + | .home-banner { | ||
| + | max-width:350px; | ||
| + | margin: 0 auto 30px auto; | ||
| + | } | ||
| + | |||
| + | /* Home Most visited */ | ||
| + | .home_visited {width:100%} | ||
| + | .home_visited ol {margin-left:1.2em} | ||
| + | .home_visited tr {height:24px} | ||
| + | .visited_views {text-align:right} | ||
| + | |||
| + | /* Donate buttons fix */ | ||
| + | .button.button-with-image a, .button.button-with-image a:hover {display:block} | ||
| + | |||
| + | |||
| + | /* ===== CHANGE : Some more spacing for paragraphs ================================================================================================================== */ | ||
| + | |||
| + | /* Limit to mw-parser-output to not affect p's that might be used elsewhere */ | ||
| + | .mw-parser-output p { | ||
| + | margin: 0.5em 0; | ||
| + | } | ||
| + | |||
| + | /* ^- affects the p's on the frontpage negatively, let's fix that so it doesn't break spacing on buttons + featured article, which expects 0 margin */ | ||
| + | .home-container p { | ||
| + | margin: 0; | ||
| + | } | ||
| Line 18: | Line 1,281: | ||
/* Center stuff - Beautiful! */ | /* Center stuff - Beautiful! */ | ||
#masthead { | #masthead { | ||
| − | width: | + | width: 100%; |
| − | max-width: | + | max-width: 1200px; |
} | } | ||
| Line 36: | Line 1,299: | ||
| − | /* | + | /* ===== 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; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== Categorybox styling ================================================================================================================================================== */ | ||
| + | table.template-categorybox { | ||
| + | float: right!important; | ||
| + | clear: right; | ||
| + | color: #333; | ||
| + | width: 300px; | ||
| + | margin: 0; | ||
| + | margin-bottom: 15px; | ||
| + | margin-left: 15px; | ||
| + | background-color: #fff; | ||
| + | font-size: 1.2rem; | ||
| + | border-top: 4px solid #fff; | ||
| + | border-bottom: 7px solid #fff; | ||
| + | } | ||
| + | |||
| + | table.template-categorybox caption.template-categorybox-title { | ||
| + | background-color: #556db3; | ||
| + | padding: 5px; | ||
| + | font-size: 1.4rem; | ||
| + | font-weight: 600; | ||
| + | box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | table.template-categorybox caption.template-categorybox-title a { | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | table.template-categorybox tbody { | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | |||
| + | tr.template-categorybox-tr { | ||
| + | height: 24px; | ||
| + | } | ||
| + | |||
| + | td.template-categorybox-cell { | ||
| + | text-align: left; | ||
| + | padding-left: 9px; | ||
| + | padding-right: 9px; | ||
| + | } | ||
| + | |||
| + | td.template-categorybox-cell p { | ||
| + | margin: 0; | ||
| + | line-height: 19px; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 800px) { | ||
| + | |||
| + | table.template-categorybox { | ||
| + | width: calc(100vw); | ||
| + | margin: 15px auto; | ||
| + | padding: 0; | ||
| + | float: none; | ||
| + | clear: both; | ||
| + | -webkit-transform: translateX(-15px); | ||
| + | transform: translateX(-15px); | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== Seriesbox styling for mobile view ========================================================================================================================== */ | ||
| + | /* | ||
| + | @media (max-width: 800px) { | ||
| + | .template-seriesbox-title:after { | ||
| + | content: "[expand]"; | ||
| + | color: #FFF; | ||
| + | font-size: 11px; | ||
| + | position: absolute; | ||
| + | right: 15px; | ||
| + | line-height: 19px; | ||
| + | } | ||
| + | } | ||
| + | */ | ||
| + | |||
| + | /* ===== Series table styling for mobile view ======== | ||
| + | * | ||
| + | * Hides publisher and | ||
| + | */ | ||
| + | @media (max-width: 1395px) { | ||
| + | .table-seriesbox-head-publisher, | ||
| + | .table-seriesbox-body-publisher | ||
| + | { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 800px) { | ||
| + | .table-seriesbox-head-OS, | ||
| + | .table-seriesbox-body-OS | ||
| + | { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* === Creating space between Availability DRM and Keys icons === */ | ||
| + | |||
| + | .table-availability-body-DRM, .table-availability-body-keys { | ||
| + | padding-top: 5px !important; | ||
| + | padding-bottom: 5px !important; | ||
| + | } | ||
| + | |||
| + | .table-availability-body-DRM { | ||
| + | padding-left: 3px !important; | ||
| + | padding-right: 3px !important; | ||
| + | } | ||
| + | |||
| + | .table-availability-body-DRM .svg-25 { | ||
| + | margin-left: 1px; | ||
| + | margin-bottom: 1px; | ||
| + | } | ||
| + | |||
| + | .table-availability-body-keys .svg-25 { | ||
| + | margin-bottom: 1px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ===== CHANGE : Right-align 1st column ========================================================================================================================= | ||
| + | * | ||
| + | * This will make use of the new CSS template classes to allow right-aligned 1st column in a lot of templates. The rest will default to left-aligned. | ||
| + | * | ||
| + | * For discussions or alternative user-level overrides, see https://pcgamingwiki.com/wiki/User:Aemony/Design_changes | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | |||
| + | 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, | ||
| + | .table-monetization-head-parameter, | ||
| + | .table-monetization-body-parameter | ||
| + | { | ||
| + | text-align: right; | ||
} | } | ||
| − | + | .template-infotable-head th:first-child, | |
| − | .page- | + | .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, | ||
| + | .table-monetization-head-parameter, | ||
| + | .table-monetization-body-parameter | ||
| + | { | ||
| + | padding-left: 6px !important; | ||
| + | padding-right: 6px !important; | ||
} | } | ||
| − | + | ||
| − | + | /* Set max-width to 820px (prevents growth past that point) */ | |
| − | + | #table-availability, | |
| + | #table-dlc, | ||
| + | #table-gamedata, | ||
| + | #table-cloudsync, | ||
| + | #table-settings-video, | ||
| + | #table-settings-input, | ||
| + | #table-settings-input-controller-types, | ||
| + | #table-settings-input-controller-xinput, | ||
| + | #table-settings-input-controller-dualshock, | ||
| + | #table-settings-input-controller-playstation, | ||
| + | #table-settings-input-controller-tracked, | ||
| + | #table-settings-input-controller-other, | ||
| + | #table-settings-input-additional, | ||
| + | #table-settings-input-steam-input, | ||
| + | #table-settings-audio, | ||
| + | #table-l10n, | ||
| + | #table-network-multiplayer, | ||
| + | #table-network-connection, | ||
| + | #table-network-ports, | ||
| + | #table-settings-vr, | ||
| + | #table-settings-vr-3d-modes, | ||
| + | #table-settings-vr-headsets, | ||
| + | #table-settings-vr-devices, | ||
| + | #table-settings-vr-devices-misc, | ||
| + | #table-settings-vr-play-area, | ||
| + | #table-api, | ||
| + | #table-api-executable, | ||
| + | #table-middleware, | ||
| + | #table-sysreqs, | ||
| + | .table-standard | ||
| + | { | ||
| + | max-width: 820px; | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | /* ===== Fixes ================================================================================================================== */ | ||
| + | |||
| + | .table-dlc-body-OS | ||
| + | { | ||
| + | padding-left: 3px !important; | ||
| + | |||
| + | /* default: 4px (set through .template-infotable-body > th, .template-infotable-body > td {} ) | ||
| + | |||
| + | this basically fixes Chrome having OS icons on | ||
| + | two rows when 3 platforms are present as a result | ||
| + | of the 90px width of the column not being enough. | ||
| + | |||
| + | Another question is why Firefox don't handles | ||
| + | box-sizing: border-box correctly, and adds the | ||
| + | problematic 1px border-left to a magical 91st pixel | ||
| + | in width for the column... | ||
| + | */ | ||
| + | |||
| + | /* !important since I can't be bothered trying to figure | ||
| + | out a proper solution that properly overrides .template-infotable-body > th, .template-infotable-body > td {} | ||
| + | */ | ||
} | } | ||
| − | + | ||
| − | . | + | |
| − | + | /* ===== Assignment stuff ================================================================================================================================================== */ | |
| + | |||
| + | |||
| + | .tickcross-available { | ||
| + | background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3c/svg%3e); | ||
| + | display: block; | ||
} | } | ||
| + | |||
| + | .tickcross-assigned { | ||
| + | background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3ccircle cx='17.434' cy='17.434' r='6.533' fill='%231db288'/%3e%3cpath d='M17.218 20.9c-.216.27-.378.46-.756.46-.756 0-3.294-2.754-3.402-3.078s.216-.54.432-.648c.486-.27.945.054 1.242.405 1.377 1.782 1.836.73 2.754-.594l2.24-3.294c.297-.405.702-.62 1.215-.27.405.297.324.648.108 1l-3.834 6.02z' fill='%23fff' fill-rule='nonzero'/%3e%3c/svg%3e); | ||
| + | display: block; | ||
} | } | ||
| − | /* | + | .table-assignment-body-status .tickcross-not-applicable { |
| − | . | + | background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2500 2500%22%3E%3Ccircle cx=%221250%22 cy=%221250%22 r=%221210%22 fill=%22%23cdcdcd%22/%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22m551 940 305 462 0-466c0-48 26-91 72-91 52 0 74 50 74 91l0 617c0 73-29 103-86 103-62 0-94-49-124-94l-298-457 0 459c0 47-28 91-74 91-52 0-74-47-74-91l0-605c0-75 31-115 93-115 60 0 85 55 112 95zM1210 1618c-7 25-26 37-51 37-36 0-62-18-55-47l182-745c4-14 19-18 42-18 32 0 62 21 55 48zM1948 1455l-319 0-75 180c-10 17-27 21-51 21-57 0-82-67-71-105l218-557c29-79 58-149 137-149 88 0 109 72 138 148l223 556c18 53-31 106-72 106-22 0-50-10-55-25zm-277-119 234 0-118-323z%22/%3E%3C/g%3E%3C/svg%3E"); |
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .table-assignment-body-row:nth-of-type(2n) { | ||
| + | background-color: #f5f5f5; | ||
| + | } | ||
| + | |||
| + | .page-Home .table-assignment-body-row:nth-of-type(2n) { | ||
| + | background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/5/51/Home_-_Notable_Releases_bg.png) no-repeat; | ||
| + | } | ||
| + | |||
| + | .page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-game, | ||
| + | .page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-status { | ||
| + | background: #f5f5f5; | ||
| + | } | ||
| + | |||
| + | .table-assignment-body-row:nth-of-type(2n+1) { | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | |||
| + | .page-Home .upcoming-releases .month { | ||
| + | border-bottom: none !important; | ||
| + | } | ||
| + | |||
| + | .page-Home .table-assignment-body-game { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* ===== Ad stuff ================================================================================================================== */ | ||
| + | |||
| + | .page-Home .mw-body.mw-body-with-ads #mpu, .page-Main_Page .mw-body.mw-body-with-ads #mpu, .ns-talk div#mpu, .cat-Lists #mpu, .ns-14 #mpu { | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | top: auto; | ||
| + | left: calc(50% - 150px); | ||
| + | bottom: 0; | ||
| + | z-index: 25; | ||
| + | margin: 20px auto 30px auto; | ||
| + | } | ||
| + | |||
| + | @media (max-width:800px) { | ||
| + | #mpu { padding: 0 20px 15px 0 } | ||
| + | } | ||
| + | |||
| + | @media (min-width:800px) { | ||
| + | .ns-14 div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px } | ||
| + | .ns-talk div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px } | ||
| + | .cat-Lists div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px } | ||
| + | .page-Home div#body-content.mw-body.mw-body-with-ads { padding-bottom: 240px } | ||
| + | } | ||
| + | |||
| + | @media (max-width:800px) { | ||
| + | .ns-14 div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px } | ||
| + | .ns-talk div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px } | ||
| + | .cat-Lists div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px } | ||
| + | .page-Home div#body-content.mw-body.mw-body-with-ads { padding-bottom: 340px } | ||
| + | } | ||
/* Home */ | /* Home */ | ||
| + | |||
| + | /* Hide header ad on Home page */ | ||
| + | .page-Home .ad-header-container {} | ||
.page-Home .mw-body.mw-body-with-ads .home-information-column:nth-of-type(2) | .page-Home .mw-body.mw-body-with-ads .home-information-column:nth-of-type(2) | ||
{ | { | ||
| − | padding-top: 660px; | + | padding-top: 40px; /* previous to push down the content below the MPU ad: padding-top: 660px; */ |
} | } | ||
@media (max-width: 1000px) { | @media (max-width: 1000px) { | ||
.page-Home .mw-body.mw-body-with-ads .home-information-column:first-of-type { | .page-Home .mw-body.mw-body-with-ads .home-information-column:first-of-type { | ||
| − | padding-top: 640px; | + | /* padding-top: 640px; MPU blank space */ |
| + | padding-top: 20px; | ||
} | } | ||
.page-Home .home-information-column:nth-of-type(2) { | .page-Home .home-information-column:nth-of-type(2) { | ||
| Line 82: | Line 1,749: | ||
} | } | ||
| + | /* Header */ | ||
| − | + | .ad-header-container { | |
| + | margin: 18px auto 16px auto; | ||
| + | min-height: 90px; | ||
| + | } | ||
@media (max-width: 1160px) { | @media (max-width: 1160px) { | ||
.ad-header-container { | .ad-header-container { | ||
| − | + | margin: 18px auto 16px auto; | |
| − | + | min-height: 90px; | |
} | } | ||
} | } | ||
| Line 95: | Line 1,766: | ||
.ad-header-container | .ad-header-container | ||
{ | { | ||
| − | max-height: | + | display: none; |
| − | max- | + | width: auto; |
| − | margin: | + | height: auto; |
| − | + | max-width: 300px; | |
| − | + | min-height: 90px; | |
| − | + | max-height: 250px; | |
| + | margin: 10px auto 20px auto; | ||
| + | overflow:hidden; | ||
} | } | ||
} | } | ||
/* Footer */ | /* Footer */ | ||
| + | |||
| + | .ad-footer-container {margin:16px auto 8px auto} | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
| Line 114: | Line 1,789: | ||
} | } | ||
| − | /* | + | /* Content ad */ |
| + | .ad-widget-container { | ||
| + | max-width:300px; | ||
| + | margin:5px 0 15px 15px; | ||
| + | clear:right; | ||
| + | float:right; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 800px) { | ||
| + | .ad-widget-container { | ||
| + | max-width:300px; | ||
| + | margin:0 auto; | ||
| + | float:none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .nitro-widget-1-desktop {display:none!important} | ||
| + | |||
| + | /* ===== End ad stuff ================================================================================================================== */ | ||
| + | |||
| + | |||
| + | /* Tickcross */ | ||
| + | |||
| + | .tickcross-error { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E"); | ||
| + | display: block | ||
| + | } | ||
| + | |||
| + | .tickcross-hackable-error { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cg fill='%231c3360'%3E%3Ccircle cx='125' cy='125' r='121'/%3E%3Cpath d='M19.3 184 77.2 125.8C67.3 70.1 116.2 25.9 161.4 41.2l-45.8 45.1 10.1 37.9 40.5 10.8 43.8-44.3c13.2 52.5-42.1 91.9-84.1 82.5L67.6 231.5C44.5 219.2 29.2 202.1 19.3 184zM27 195.7c1 1.4 2 2.7 3.1 4.1l56.7-57.4-3.6-3.5-56.2 56.9zM110.7 167.6l-3.6-3.5-55.9 56.6c1.3 1 2.7 2.1 4.1 3l55.4-56.1z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E"); | ||
| + | display: block | ||
| + | } | ||
| + | |||
| + | .tickcross-true-error { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E"); | ||
| + | display: block | ||
| + | } | ||
| + | |||
| + | .tickcross-limited { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath style='fill:%23ffffff;stroke:%23f89842;stroke-width:8.22652245' d='m 116.89174,180.43528 8.9032,-27.4839 c 20.516,7.2261 35.4192,13.4841 44.7096,18.7742 -2.4517,-23.3545 -3.742,-39.419 -3.871,-48.1935 h 28.0645 c -0.3872,12.7745 -1.8711,28.7744 -4.4516,48 13.2902,-6.7095 28.516,-12.903 45.6773,-18.5807 l 8.9033,27.4839 c -16.3872,5.4195 -32.4517,9.0324 -48.1935,10.8387 7.8708,6.8389 18.9676,19.0324 33.2903,36.5806 l -23.2258,16.4515 c -7.484,-10.1933 -16.3227,-24.0642 -26.5161,-41.6128 -9.5484,18.1937 -17.9355,32.0647 -25.1613,41.6128 l -22.8386,-16.4515 c 14.9676,-18.4514 25.6773,-30.6449 32.129,-36.5806 -16.6452,-3.2256 -32.4516,-6.8385 -47.4193,-10.8387 z'/%3E%3C/svg%3E"); | ||
| + | display: block | ||
| + | } | ||
| + | |||
| + | .tickcross-always-on { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3C/svg%3E"); | ||
| + | display: block | ||
| + | } | ||
| + | .tickcross-always-on-error { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E"); | ||
| + | display: block | ||
| + | } | ||
| − | . | + | .tickcross-controller-partial { |
| − | background-image: url(// | + | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='0 0 30 22.02'%3E%3Cpath fill='%231DB288' d='M17.899,1.351c-1.54,0.176-2.062,0.162-2.75,0.179c-2.533,0.063-3.581-0.416-4.504-0.892 C9.973,0.292,9.278,0,8.247,0l0,0l0,0C7.69,0,7.065,0.138,6.338,0.355c-3.844,1.141-5.244,8.39-5.582,10.579 c-0.039,0.255-0.082,0.537-0.129,0.829c-0.636,3.937-1.084,7.613,0.377,9.329c0.469,0.551,1.105,0.86,1.849,0.896 c0.05,0.002,0.1,0.004,0.149,0.004c2.174,0,3.618-1.18,5.017-2.321c0.946-0.772,1.913-1.561,3.179-2.112L17.899,1.351z'/%3E%3Cpath opacity='0.4' fill='%231DB288' d='M29.824,15.099c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.064-0.333-0.111-0.591 c-0.424-2.361-1.547-8.632-5.537-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.513,0.228-1.065,0.432-1.817,0.575c0.009-0.001,0.015-0.002,0.023-0.003l-6.695,16.192c1.023-0.448,2.234-0.75,3.807-0.75 c3.664,0,5.492,1.487,7.261,2.928c1.401,1.139,2.728,2.217,4.708,2.217c0.77,0,1.434-0.322,1.918-0.938 C29.74,19.952,30.044,18.015,29.824,15.099z'/%3E%3C/svg%3E%0A"); |
| + | display: block | ||
| + | } | ||
| + | |||
| + | .tickcross-controller-full { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='110 80.74 30 22.02'%3E%3Cpath fill='%231DB288' d='M139.718,95.766c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.065-0.333-0.111-0.591 c-0.424-2.361-1.548-8.631-5.538-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.977,0.435-2.082,0.786-4.483,0.786h-0.061c-2.521,0-3.562-0.405-4.481-0.879c-0.668-0.345-1.359-0.631-2.385-0.631 c-0.554,0-1.176,0.139-1.9,0.354c-3.822,1.134-5.216,8.347-5.552,10.524c-0.039,0.254-0.083,0.536-0.13,0.826 c-0.631,3.916-1.079,7.575,0.375,9.282c0.497,0.586,1.185,0.895,1.988,0.895c2.161,0,3.6-1.173,4.99-2.308 c1.704-1.393,3.465-2.834,6.956-2.834c3.665,0,5.493,1.487,7.261,2.927c1.401,1.139,2.727,2.217,4.708,2.217 c0.77,0,1.434-0.322,1.918-0.938C139.634,100.619,139.938,98.682,139.718,95.766z'/%3E%3C/svg%3E%0A"); | ||
| + | display: block | ||
} | } | ||
/* Availability DRM */ | /* Availability DRM */ | ||
| + | |||
| + | .store-battlenet { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Ccircle%20cy%3D%2212.5%22%20cx%3D%2212.5%22%20r%3D%2212.5%22%20fill%3D%22%230074e0%22%2F%3E%3Cpath%20d%3D%22M17.726094%209.710599c-2.287875-1.057826-5.575922-1.729949-8.670047-1.479554.155168-1.024313.537846-1.73807%201.16597-1.8883653.864348-.2072852%201.807608.3614923%202.706651%201.3963613.588926.07626%201.28733.2109%201.773281.322662C13.062723%204.9785039%2010.864021%203.2504%209.191652%203.8879c-1.271679.4853617-1.922691%202.2363484-1.844074%204.58933-1.6570155.352412-2.9485546.978842-3.7752538%201.879583-.041859.0485-.1364906.170816-.1027539.229281.025617.04429.1099883-.0052.1461602-.03012.9589101-.670647%202.1865937-1.03369%203.7857355-1.262012.227805%202.510142%201.289766%205.694033%203.053747%208.248172-.964079.378394-1.77424.40342-2.218559-.06533-.611295-.645029-.590848-1.745893-.143724-3.042821-.228397-.5484-.461296-1.220523-.60709-1.697394-1.8518947%202.962654-2.2492634%205.730793-.861317%206.860226%201.056571.859254%202.897618.546852%204.89686-.696557%201.134008%201.259059%202.321905%202.063981%203.515558%202.329731.06297.01182.215995.03285.249729-.02554.02562-.04429-.06024-.09279-.09877-.111763-1.060189-.495326-1.988388-1.377168-2.985611-2.647593%202.060363-1.452463%204.286451-3.96327%205.616595-6.76869.810387.646803%201.235215%201.334649%201.052661%201.95377-.253051.85224-1.216537%201.385805-2.562627%201.645794-.360606.471188-.826996%201.009254-1.16627%201.375028%203.489943.120547%206.085717-.917939%206.369846-2.684946.215996-1.344835-.975223-2.783125-3.0519-3.8927.5236-1.611469.62665-3.042821.25999-4.2093831-.02141-.060234-.0795-.2037407-.147047-.2037407-.05116%200-.05056.098254-.04754.1417329.101501%201.1646419-.197983%202.4098239-.799903%203.9086449zm-6.425508%207.432397c-1.476233-2.368336-2.32707-5.158105-2.321609-7.978953%202.788588-.09338%205.629218.563684%208.069531%201.978795-1.313242%202.461717-3.30311%204.594127-5.748881%205.999863z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | background-image: url(//images.pcgamingwiki.com/8/86/Availability_Table_Icons_-_Battle_net.svg)!ie | ||
| + | } | ||
| + | |||
| + | .store-discord { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3E%0A%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20fill%3D%22%235865f2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M58.749814%2022.798474c-3.448499-1.582314-7.146492-2.748099-11.012967-3.415784-.07042-.0129-.140754.0193-.177024.08371-.475597.845883-1.002401%201.949407-1.371306%202.816767-4.158649-.622592-8.295959-.622592-12.369339%200-.368982-.886639-.914914-1.970884-1.39264-2.816767-.03625-.06227-.106603-.09445-.177024-.08371-3.864347.665553-7.56234%201.831334-11.012972%203.415784-.02984.01288-.05548.03436-.07246.06226-7.014309%2010.479228-8.935819%2020.700886-7.99319%2030.79581.0045.04937.03199.09663.07041.126654%204.627834%203.398582%209.110694%205.461825%2013.510301%206.829399.07042.02148.145018-.0045.189827-.06227%201.040729-1.421227%201.968445-2.919793%202.763875-4.495705.04694-.0923.0023-.201792-.09379-.238298-1.471518-.558197-2.872697-1.238785-4.220527-2.011652-.106581-.06229-.115147-.214743-.01707-.287747.283635-.212534.567346-.433684.838176-.656963.049-.04076.117283-.04939.174892-.02361%208.854696%204.04274%2018.440954%204.04274%2027.191174%200%20.05764-.0279.12589-.01927.177021.02148.27091.223282.554542.446568.840309.659101.09809.07302.09166.225491-.01494.287748-1.347834.787885-2.749008%201.453457-4.222658%202.009523-.09595.03652-.138618.148138-.09166.240426.8125%201.573706%201.740217%203.072271%202.761738%204.493568.04266.06014.119416.08585.189828.06441%204.420949-1.367574%208.903769-3.430817%2013.531613-6.8294.04052-.03.06615-.07514.07042-.124521%201.128143-11.670835-1.889568-21.808668-7.999588-30.795805-.01494-.03001-.04047-.0515-.07036-.06439zM31.027568%2047.50979c-2.665871%200-4.862478-2.44747-4.862478-5.453218%200-3.005746%202.154009-5.453215%204.862478-5.453215%202.729736%200%204.905074%202.46896%204.862401%205.453215%200%203.005748-2.154005%205.453218-4.862401%205.453218zm17.978163%200c-2.665797%200-4.862403-2.44747-4.862403-5.453218%200-3.005746%202.153933-5.453215%204.862403-5.453215%202.729806%200%204.905071%202.46896%204.862479%205.453215%200%203.005748-2.132673%205.453218-4.862479%205.453218z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A"); | ||
| + | } | ||
| + | |||
| + | .store-gogcom { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1%201h23v23H1z%22%2F%3E%3Cpath%20d%3D%22M8%2016v-1H5v4h3v-1H6v-2zm1-1v4h4v-4H9zm3%203h-2v-2h2v2zm2-3v4h1v-3h1v3h1v-3h1v3h1v-4zM5%207v4h2v-1H6V8h2v4H5v1h4V7zm5%200v4h4V7h-4zm3%203h-2V8h2v2zm2-3v4h2v-1h-1V8h2v4h-3v1h4V7zM1%200v1h23V0H1zM4.8e-7%201h1v23h-1zM24%201h1v23h-1zM23%201h1v1h-1z%22%20fill%3D%22%2337209d%22%2F%3E%3Cpath%20fill%3D%22%2337209d%22%20d%3D%22M1%201h1v1H1zM23%2023h1v1h-1zM1%2023h1v1H1zM1%2024v1h23v-1H1z%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | } | ||
| + | |||
| + | .store-steam { | ||
| + | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E%0A"); | ||
| + | } | ||
.store-oculus { | .store-oculus { | ||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFDMUUyMDt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkJHIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIvPjwvZz48ZyBpZD0iT2N1bHVzX0xvZ28iPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODkuMSwxNzUuOWMtMTIuMS05LjctMjUuOS0xNi40LTQwLjktMjBjLTguNi0yLjEtMTcuMi0zLTI2LjEtMy4zYy02LjUtMC4yLTEzLjEtMC4yLTE5LjYtMC4yYy0zMSwwLTYyLDAtOTIuOSwwYy02LjUsMC0xMy4xLTAuMS0xOS42LDAuMmMtOC44LDAuMy0xNy41LDEuMi0yNi4xLDMuM2MtMTUsMy42LTI4LjksMTAuMy00MC45LDIwYy0yNC4zLDE5LjUtMzguNCw0OC45LTM4LjQsODAuMWMwLDMxLjIsMTQuMiw2MC42LDM4LjUsODAuMWMxMi4xLDkuNywyNS45LDE2LjQsNDAuOSwyMGM4LjYsMi4xLDE3LjIsMywyNi4xLDMuM2M2LjUsMC4yLDEzLjEsMC4yLDE5LjYsMC4yYzMxLDAsNjIsMCw5Mi45LDBjNi41LDAsMTMuMSwwLjEsMTkuNi0wLjJjOC44LTAuMywxNy41LTEuMiwyNi4xLTMuM2MxNS0zLjYsMjguOS0xMC4zLDQwLjktMjBjMjQuMy0xOS41LDM4LjQtNDguOSwzOC40LTgwLjFDNDI3LjUsMjI0LjgsNDEzLjQsMTk1LjQsMzg5LjEsMTc1Ljl6IE0zNDMuNywyODMuOWMtNC42LDMuMi05LjcsNS4xLTE1LjEsNS45Yy01LjUsMC45LTEwLjksMC43LTE2LjMsMC43Yy0zNy41LDAtNzUsMC0xMTIuNSwwYy01LjUsMC0xMC45LDAuMi0xNi4zLTAuN2MtNS41LTAuOS0xMC41LTIuOC0xNS4xLTUuOWMtOS4yLTYuMy0xNC43LTE2LjctMTQuNy0yNy45YzAtMTEuMiw1LjUtMjEuNSwxNC43LTI3LjljNC42LTMuMiw5LjctNS4xLDE1LjEtNS45YzUuNS0wLjksMTAuOS0wLjcsMTYuMy0wLjdjMzcuNSwwLDc1LDAsMTEyLjUsMGM1LjUsMCwxMC45LTAuMiwxNi4zLDAuN2M1LjUsMC45LDEwLjUsMi44LDE1LjEsNS45YzkuMiw2LjMsMTQuNywxNi43LDE0LjcsMjcuOUMzNTguNCwyNjcuMiwzNTIuOSwyNzcuNSwzNDMuNywyODMuOXoiLz48L2c+PC9zdmc+); | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFDMUUyMDt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkJHIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIvPjwvZz48ZyBpZD0iT2N1bHVzX0xvZ28iPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODkuMSwxNzUuOWMtMTIuMS05LjctMjUuOS0xNi40LTQwLjktMjBjLTguNi0yLjEtMTcuMi0zLTI2LjEtMy4zYy02LjUtMC4yLTEzLjEtMC4yLTE5LjYtMC4yYy0zMSwwLTYyLDAtOTIuOSwwYy02LjUsMC0xMy4xLTAuMS0xOS42LDAuMmMtOC44LDAuMy0xNy41LDEuMi0yNi4xLDMuM2MtMTUsMy42LTI4LjksMTAuMy00MC45LDIwYy0yNC4zLDE5LjUtMzguNCw0OC45LTM4LjQsODAuMWMwLDMxLjIsMTQuMiw2MC42LDM4LjUsODAuMWMxMi4xLDkuNywyNS45LDE2LjQsNDAuOSwyMGM4LjYsMi4xLDE3LjIsMywyNi4xLDMuM2M2LjUsMC4yLDEzLjEsMC4yLDE5LjYsMC4yYzMxLDAsNjIsMCw5Mi45LDBjNi41LDAsMTMuMSwwLjEsMTkuNi0wLjJjOC44LTAuMywxNy41LTEuMiwyNi4xLTMuM2MxNS0zLjYsMjguOS0xMC4zLDQwLjktMjBjMjQuMy0xOS41LDM4LjQtNDguOSwzOC40LTgwLjFDNDI3LjUsMjI0LjgsNDEzLjQsMTk1LjQsMzg5LjEsMTc1Ljl6IE0zNDMuNywyODMuOWMtNC42LDMuMi05LjcsNS4xLTE1LjEsNS45Yy01LjUsMC45LTEwLjksMC43LTE2LjMsMC43Yy0zNy41LDAtNzUsMC0xMTIuNSwwYy01LjUsMC0xMC45LDAuMi0xNi4zLTAuN2MtNS41LTAuOS0xMC41LTIuOC0xNS4xLTUuOWMtOS4yLTYuMy0xNC43LTE2LjctMTQuNy0yNy45YzAtMTEuMiw1LjUtMjEuNSwxNC43LTI3LjljNC42LTMuMiw5LjctNS4xLDE1LjEtNS45YzUuNS0wLjksMTAuOS0wLjcsMTYuMy0wLjdjMzcuNSwwLDc1LDAsMTEyLjUsMGM1LjUsMCwxMC45LTAuMiwxNi4zLDAuN2M1LjUsMC45LDEwLjUsMi44LDE1LjEsNS45YzkuMiw2LjMsMTQuNywxNi43LDE0LjcsMjcuOUMzNTguNCwyNjcuMiwzNTIuOSwyNzcuNSwzNDMuNywyODMuOXoiLz48L2c+PC9zdmc+); | ||
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/4/49/Availability_Table_Icons_-_Oculus_Store.svg)!ie |
| + | } | ||
| + | |||
| + | .store-origin { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%20%20%3Cpath%20fill%3D%22%23f56c2d%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.613711%206.7398845c1.236623.073433%202.449028.3984065%203.555975.956176%201.074136.5374583%202.030311%201.2772448%202.819314%202.1810812.781188.9030553%201.374893%201.9326623%201.785798%203.0880423.407001%201.155379.569488%202.371691.484338%203.649718-.03671.659323-.142177%201.302243-.317163%201.92485-.174987.610109-.410906%201.204595-.703853%201.774083-.455433.882744-.968674%201.717053-1.529568%202.510742-.561675.789002-1.171784%201.525663-1.835014%202.205298-.667137.679634-1.370988%201.30615-2.120149%201.879542-.748379.565582-1.529568%201.078041-2.347474%201.538163l-.03671.02813c-.03671.01639-.07342.02812-.114053.02421-.06484-.01639-.121866-.05313-.167175-.101553-.04063-.05312-.06484-.11796-.06484-.178894%200-.03282.0038-.06092.0125-.08984.0125-.02421.02421-.04453.04062-.06484.289039-.410905.524959-.838216.716351-1.285838.187485-.451527.313257-.923367.382782-1.416296%200-.03282-.01639-.06484-.04062-.08984-.02032-.02421-.05703-.04063-.08984-.04063-.272635.03671-.549177.05703-.825718.06484-.27654.0125-.553081%200-.830405-.03671-1.236624-.07342-2.44903-.403092-3.559882-.956173-1.074136-.537453-2.0303116-1.277242-2.8193131-2.181077-.7850955-.906961-1.3912986-1.952974-1.7857994-3.088042-.4069996-1.171785-.573393-2.408408-.4843375-3.649718.0367159-.659324.1421765-1.302243.3210689-1.924851.1788925-.622608.4109059-1.199908.7038518-1.749864.4554336-.899149.968675-1.745178%201.5295693-2.5349605.560894-.7897827%201.171785-1.5256632%201.831108-2.2092041.667136-.6757289%201.370988-1.302243%202.120147-1.8717302.749163-.5694871%201.529571-1.0819475%202.347476-1.5420682l.03671-.024217c.03671-.020311.07343-.028123.114054-.028123.06953.016405.125771.053121.167175.1015545.04453.053121.06484.1101478.06484.1827984%200%20.028123-.0038.057026-.0125.085149-.0079.024217-.02421.044528-.04063.064839-.285132.4030938-.524959.8343106-.71635%201.289744-.187486.4515275-.309351.9194601-.378094%201.4116095%200%20.036715.0125.064839.03671.089837.02421.024997.05703.040622.08984.040622.272635-.036715.549175-.057026.825716-.064838.285135-.00782.557771.00389.83431.036715zm-.842122%2012.8810345c.960081.08124%201.912351-.239825%202.624016-.891338.753066-.663229%201.155379-1.49754%201.224905-2.498244.08124-.968675-.239826-1.92485-.891338-2.64042-.626514-.736661-1.534255-1.179596-2.498244-1.212407-.963988-.08124-1.920164.244513-2.640421.891337-.736662.626515-1.179596%201.534257-1.212406%202.502151-.08124.963988.239825%201.916258.882745%202.64042.65073.753068%201.488946%201.159286%202.510743%201.208501z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A"); | ||
} | } | ||
.store-microsoft { | .store-microsoft { | ||
| − | background-image: url(data:image/svg+xml;base64, | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 582 578'%3E%3Cpath d='M209.84 35.8c18.33-19.93 44.25-32.81 71.27-35 6.59-.3 13.21-.25 19.8.02 26.79 2.08 52.46 14.82 70.74 34.45 18.54 19.54 29.38 46.1 29.91 73.02.13 12.77.02 25.54.05 38.31h22.99c-.06-13.41.13-26.82-.1-40.22-.78-22.11-8.68-43.7-21.7-61.51 22.37 16.47 38.04 41.67 42.92 69.02 2.1 10.77 1.84 21.79 1.81 32.71 44.59.01 89.18 0 133.78 0 .03 126.48.04 252.95.01 379.43-.02 7.69.77 15.67-1.96 23.05-5.2 15.78-20.6 28.01-37.38 28.28-167.33-.05-334.66-.02-501.98-.02-20.62-.28-38.96-18.78-39.34-39.35C.68 407.53.65 277.06.67 146.6h179.71c.03-12.75-.07-25.5.05-38.24.49-26.7 11.16-53.06 29.41-72.56m66.98-11.42c-19.85 3.18-38.45 13.51-51.69 28.64-13.76 15.56-21.67 36.15-21.8 56.92-.05 12.22-.01 24.44-.02 36.66h22.99c.02-6.53-.11-13.06.22-19.59.78-13.19 3.97-26.23 9.35-38.3 10.29-24.73 34.24-42.29 60.12-47.72 17.34-3.61 35.97-2.01 52.07 5.56-5.36-.31-10.71-.87-16.08-.47-20.89 1.1-41.26 10.03-56.21 24.69-15.96 15.4-25.65 37.08-26.46 59.25-.16 5.52-.05 11.05-.08 16.58h129.46v-33.68c.02-13.9-3.23-27.8-9.48-40.21-9.11-18.27-24.67-33.22-43.29-41.58-15.26-6.86-32.54-9.59-49.1-6.75M169.12 240.2c.01 37.51-.02 75.01.02 112.52 37.49-.03 74.99-.01 112.49-.02 0-37.49-.02-74.99.01-112.49-37.51-.03-75.01 0-112.52-.01m131.23.02c.06 37.49.02 74.99.02 112.48 37.49.02 74.99-.02 112.48.03.06-37.52.02-75.03.02-112.54-37.51.03-75.01-.03-112.52.03M169.14 371.44c-.03 37.5 0 75.01-.02 112.51 37.51-.01 75.02.04 112.52-.02-.03-37.49 0-74.99-.01-112.48-37.5-.01-75 .01-112.49-.01m131.23.01c0 37.5.02 74.99-.01 112.49 37.51.04 75.01.01 112.52.01-.01-37.5.03-75.01-.02-112.51-37.49.03-74.99 0-112.49.01z'/%3E%3Cpath fill='%23f25022' d='M169.12 240.2c37.51.01 75.01-.02 112.52.01-.03 37.5-.01 75-.01 112.49-37.5.01-75-.01-112.49.02-.04-37.51-.01-75.01-.02-112.52z'/%3E%3Cpath fill='%237fba00' d='M300.35 240.22c37.51-.06 75.01 0 112.52-.03 0 37.51.04 75.02-.02 112.54-37.49-.05-74.99-.01-112.48-.03 0-37.49.04-74.99-.02-112.48z'/%3E%3Cpath fill='%2301a4ef' d='M169.14 371.44c37.49.02 74.99 0 112.49.01.01 37.49-.02 74.99.01 112.48-37.5.06-75.01.01-112.52.02.02-37.5-.01-75.01.02-112.51z'/%3E%3Cpath fill='%23ffb901' d='M300.37 371.45c37.5-.01 75 .02 112.49-.01.05 37.5.01 75.01.02 112.51-37.51 0-75.01.03-112.52-.01.03-37.5.01-74.99.01-112.49z'/%3E%3C/svg%3E"); |
| − | background-image: url(//pcgamingwiki.com/images/ | + | background-image: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/d/d6/Availability_Table_Icons_-_Microsoft_Store.svg)!ie |
| + | } | ||
| + | |||
| + | .store-mas { | ||
| + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTkuOTUsMGwtMTQuOSwwYy0yLjc5MSwwIC01LjA1LDIuMjU5IC01LjA1LDUuMDVsMCwxNC45MDNjMCwyLjc4OCAyLjI1OSw1LjA0NyA1LjA1LDUuMDQ3bDE0LjkwMywwYzIuNzg4LDAgNS4wNSwtMi4yNTkgNS4wNSwtNS4wNWwwLC0xNC45Yy0wLjAwMywtMi43OTEgLTIuMjYyLC01LjA1IC01LjA1MywtNS4wNVoiIHN0eWxlPSJmaWxsOnVybCgjX0xpbmVhcjEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0xMi4zOTQsNS43NDRsMC41MDYsLTAuODc1YzAuMzEzLC0wLjU0NyAxLjAwOSwtMC43MzEgMS41NTYsLTAuNDE5YzAuNTQ3LDAuMzEzIDAuNzMyLDEuMDA5IDAuNDE5LDEuNTU2bC00Ljg3OCw4LjQ0NGwzLjUyOCwtMGMxLjE0NCwtMCAxLjc4NCwxLjM0NCAxLjI4NywyLjI3NWwtMTAuMzQzLC0wYy0wLjYzMiwtMCAtMS4xMzgsLTAuNTA2IC0xLjEzOCwtMS4xMzhjMCwtMC42MzEgMC41MDYsLTEuMTM3IDEuMTM4LC0xLjEzN2wyLjksLTBsMy43MTIsLTYuNDM0bC0xLjE1OSwtMi4wMTNjLTAuMzEzLC0wLjU0NyAtMC4xMjgsLTEuMjM3IDAuNDE5LC0xLjU1NmMwLjU0NiwtMC4zMTMgMS4yMzcsLTAuMTI4IDEuNTU2LDAuNDE5bDAuNDk3LDAuODc4Wm0tNC4zODgsMTIuMTUzbC0xLjA5NCwxLjg5N2MtMC4zMTIsMC41NDcgLTEuMDA5LDAuNzMxIC0xLjU1NiwwLjQxOWMtMC41NDcsLTAuMzEzIC0wLjczMSwtMS4wMSAtMC40MTksLTEuNTU3bDAuODEzLC0xLjQwNmMwLjkxOSwtMC4yODQgMS42NjYsLTAuMDY2IDIuMjU2LDAuNjQ3Wm05LjQxOSwtMy40NDFsMi45NTksMGMwLjYzMiwwIDEuMTM4LDAuNTA2IDEuMTM4LDEuMTM4Yy0wLDAuNjMxIC0wLjUwNiwxLjEzNyAtMS4xMzgsMS4xMzdsLTEuNjQzLDBsMS4xMDksMS45MjVjMC4zMTMsMC41NDcgMC4xMjgsMS4yMzggLTAuNDE5LDEuNTU2Yy0wLjU0NywwLjMxMyAtMS4yMzcsMC4xMjkgLTEuNTU2LC0wLjQxOGMtMS44NjksLTMuMjQxIC0zLjI3MiwtNS42NjYgLTQuMjAzLC03LjI4MmMtMC45NTMsLTEuNjQzIC0wLjI3MiwtMy4yOTMgMC40LC0zLjg1M2MwLjc0NywxLjI4MiAxLjg2MiwzLjIxNiAzLjM1Myw1Ljc5N1oiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJfTGluZWFyMSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuNTMwODFlLTE1LDI1LC0yNSwxLjUzMDgxZS0xNSwxMi41MDE2LDApIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOGJmZmI7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyMDcyZjM7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=); | ||
| + | background-image: url(https://images.pcgamingwiki.com/d/db/Availability_Table_Icons_-_Mac_App_Store.svg)!ie | ||
| + | } | ||
| + | |||
| + | .store-bethesda { | ||
| + | background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-156%20139.3%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%20319.29999h152v152H24z%22%2F%3E%3Cpath%20d%3D%22M-156%20139.3v512h512v-512h-512zm331.5%20331.6H24.3V319.7h151.3v151.2z%22%2F%3E%3C%2Fsvg%3E); | ||
| + | background-image: url(//images.pcgamingwiki.com/1/13/Availability_Table_Icons_-_Bethesda.net.svg)!ie | ||
| + | } | ||
| + | |||
| + | .store-epicgames { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Layer_2%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-293%20384%2025%2025%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%20id%3D%22style2%22%3E.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cg%20id%3D%22g10%22%20transform%3D%22translate%289.7293555%20-13.75447%29%20scale%281.03469%29%22%3E%3Cpath%20d%3D%22M-290.9%20403.1c0%202.5%204.6%203.4%206.6%204.2%202%20.9%202.1.9%202.1.9%202.1.8%203.5%200%203.5%200s4.3-1.8%206.2-2.6c2-.8%202.6-.9%202.6-2.6v-17.2c0-1.4-.4-1.4-3.2-1.4h-15.1c-1.5%200-2.8-.2-2.8%201.6.1%202.1.1%2014.6.1%2017.1z%22%20id%3D%22path4%22%20fill%3D%22%23333332%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon6%22%20d%3D%22M-283.2%20386.2v17h5.7v-2h-3.4v-5.5h3.3v-2.3h-3.3v-5.2l3.4-.1v-1.9z%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon8%22%20d%3D%22M-280.3%20406.8l3.8-1.3h-7.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| + | background-image: url(//images.pcgamingwiki.com/7/70/Availability_Table_Icons_-_Epic_Games_Store.svg)!ie | ||
| + | } | ||
| + | |||
| + | .store-rockstargames { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-140%20222%20350%20350%22%3E%3Cpath%20d%3D%22M264.9%20287.7h192.8c31.2%200%2056.5%2023.2%2056.5%2051.9v177.2c0%2028.7-25.3%2051.9-56.5%2051.9H264.9c-31.2%200-56.5-23.2-56.5-51.9V339.6c-.1-28.7%2025.2-51.9%2056.5-51.9z%22%20fill%3D%22orange%22%20stroke%3D%22%23000%22%20stroke-width%3D%227.5827%22%20transform%3D%22matrix%281.11684%200%200%201.14234%20-368.51518106%20-92.15064607%29%22%2F%3E%3Cpath%20d%3D%22M-15.25776461%20290.87647105l64.8885738.11423416c13.51379937-.11423416%2023.67706997%202.05621476%2030.3781275%206.51134675%208.15295334%205.48323938%2012.28527215%2014.73620582%2012.28527215%2027.98736764%200%2021.81872335-10.1632706%2034.15601194-30.3781275%2037.12609993v.34270247c8.93474339%202.17044891%2013.40211508%209.5956689%2013.51379937%2022.1614258%200%206.3971126-.22336858%2014.62197166-.67010575%2024.67457718%200%206.73981507%201.4518958%2012.5657569%204.2440031%2017.47782551H43.48817312c-1.67526438-1.82774646-2.45705443-5.48323937-2.45705443-10.96647875.67010576-9.25296644%201.00515863-16.79242058%201.00515863-22.73259657%200-11.99458613-5.6958989-17.93476212-17.199381-17.93476212H1.8299321l-10.0515863%2048.43528114H-42.8437848zm54.8369875%2027.75889934H14.11520425l-6.58937324%2032.09979717h27.5860202c15.41243232%200%2023.1186485-6.05441015%2023.23033278-18.27746458%200-9.25296645-6.25432036-13.8223326-18.7629611-13.8223326z%22%2F%3E%3Cpath%20d%3D%22M83.69451834%20427.15781634l25.68738722-44.43708577%206.92442612%2044.77978823h43.78024257l-39.53623946%2028.3300701%206.36600466%2044.43708576-34.17539344-26.8450261-46.01392841%2027.87313348%2021.5550684-47.2929396-25.01728146-26.95926026z%22%2F%3E%3Cpath%20d%3D%22M113.62590867%20452.6320326l26.24580868-18.7344012h-29.037916l-5.02579314-32.44249963-18.42790823%2032.09979717H58.11881541l17.86948676%2019.19133781-14.74232658%2032.09979717%2031.9417076-19.30557196%2025.24065004%2019.76250857z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/7/7e/Availability_Table_Icons_-_Rockstar_Games_Launcher.svg)!ie | ||
| + | } | ||
| + | |||
| + | .store-uplay { | ||
| + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgc29kaXBvZGk6ZG9jbmFtZT0iWmVpY2hudW5nLnN2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0xMjguNyAyNDcgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTI4LjcgMjQ3IDMwMCAzMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDAwMDAwO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48c29kaXBvZGk6bmFtZWR2aWV3ICBwYWdlY29sb3I9IiNmZmZmZmYiIHNob3dncmlkPSJmYWxzZSIgaW5rc2NhcGU6Y3g9Ii0xMTAuODk5NDUiIGlua3NjYXBlOmN5PSIyMzMuODQ5MjYiIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBpbmtzY2FwZTp6b29tPSIxLjQiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIHVuaXRzPSJweCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiBpbmtzY2FwZTp3aW5kb3cteD0iLTgiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj48L3NvZGlwb2RpOm5hbWVkdmlldz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMS4zIiBjeT0iMzk3IiByPSIxNDkiLz48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUwMjI1MzE2LDAsMCwwLjUwMjI1MzE2LDI3MC45MDA0NywtOTAuMTE1MzkzKSIgaW5rc2NhcGU6bGFiZWw9IkViZW5lIDEiIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiPjxwYXRoIGlkPSJwYXRoMTQiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGNsYXNzPSJzdDEiIGQ9Ik0tMzE5LjIsMTA1NS4yYy0zMy40LDc1LjktMTAyLjMsMTE1LjYtMTc1LjgsMTE0LjdjLTE0MS03LTE4Mi0xNjkuOC04Ny44LTIyOC42bDQuMSw0LjFjLTEuNiwyLjEtNy4xLDYuNS0xNS45LDIzLjhjLTEwLjMsMjAuOS0xMy40LDQxLjgtMTIuMiw1NC45YzcuMywxMTMuOCwxNjYuNiwxMzcsMjIxLjQsMjQuNWM2OS44LTE1NC4zLTExNS4yLTMxMS4xLTI3OS41LTE5MS4zbC0zLjgtMy44YzQzLjItNjcuOCwxMjcuNy05OC4yLDIwOC4zLTc3LjlDLTMzNi45LDgwNi41LTI3MC43LDkzNS4xLTMxOS4yLDEwNTUuMnogTS00NTEsMTA1Mi43Yy0xMS40LDE2LjQtMzAuNCwyNy4yLTUyLDI3LjJjLTM0LjksMC02My4yLTI4LjMtNjMuMi02My4yYzAtMzMuNCwyNS45LTYwLjcsNTguNi02My4xdjBjMjAuNC0wLjgsMzkuNCwxMC4yLDQ4LjUsMjguMWM5LjgsMTkuMyw2LjIsNDMuMS05LDU5LjFDLTQ2Mi40LDEwNDQuOC00NTYuNywxMDQ4LjgtNDUxLDEwNTIuN0wtNDUxLDEwNTIuN3ogTS02NzEuNiwxMDExYy0zLDI1LjEtMS4xLDMyLjktMS4yLDM1LjlsLTUuNiwyYy0yLjEtNC4xLTcuNS0xOC43LTkuOC0zOC4yYy02LTc0LjYsNDQuOC0xNDEuOSwxMjIuMy0xNTQuNGM3MS0xMC40LDEzOC45LDMzLjcsMTU0LjgsOTUuNGwtNS42LDJjLTEuNy0xLjgtNC42LTYuOC0xNS40LTE3LjdDLTUxNy43LDg1MC02NTIuMyw4ODkuNC02NzEuNiwxMDExeiBNLTI2NS40LDk2OS42Yy01LjEtMjQ2LjctMzMyLjctMzM4LjYtNDU4LjktMTA3LjVjNS42LDQsMTMuMyw5LjUsMTguOSwxMy41Yy05LjcsMjAuMy0xNi4xLDQxLTE5LjYsNjEuNmMtMi41LDEzLjUtMy43LDI3LjQtMy43LDQxLjZjMCwxMjgsMTAzLjgsMjMxLjgsMjMxLjgsMjMxLjhjMTI4LDAsMjMxLjgtMTAzLjgsMjMxLjgtMjMxLjhDLTI2NS4yLDk3NS44LTI2NS4zLDk3Mi43LTI2NS40LDk2OS42Ii8+PC9nPjwvc3ZnPg==); | ||
| + | background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/4/4f/Availability_Table_Icons_-_Uplay.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-account { | ||
| + | background-image: | ||
| + | url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuNywzNDEuMWMxOC44LTcuMiwyOS41LDEyLjMsMjMuMywyNS43Yy0xLjIsMS45LTM1LjcsMzYuNy0zNy42LDM4Yy01LjksMy4yLTEzLjcsMy40LTE4LjksMC41DQoJYy05LjgtNi42LTIyLjYsNS44LTEyLjcsMTMuNWMxNC45LDEwLjcsMzIuMyw4LjIsNDUuNi0xLjdjMi41LTIuMiwzNC44LTM0LjksMzYuMy0zNi43YzEzLTE2LjcsOC41LTQxLTYuMi01Mi42DQoJYy0xMy44LTgtMjUuNS05LjYtMzguMi0zQy03LjksMzM1LTEwLjMsMzM5LTI0LDM1Mi44YzcuNSwwLjQsMTMuNiwxLjksMjEuMiw0LjZMMTQuNywzNDEuMXogTS00OC43LDQ1Mi45DQoJYy0xOC44LDcuMi0yOS41LTEyLjMtMjMuMy0yNS43YzEuMi0xLjksMzUuNy0zNi43LDM3LjYtMzhjNS45LTMuMiwxMy43LTMuNCwxOC45LTAuNWM5LjgsNi42LDIyLjYtNS44LDEyLjctMTMuNQ0KCWMtMTQuOS0xMC43LTMyLjMtOC4yLTQ1LjYsMS43Yy0yLjUsMi4yLTM0LjgsMzQuOS0zNi4zLDM2LjdjLTEzLDE2LjctOC41LDQxLDYuMiw1Mi42YzEzLjgsOCwyNS41LDkuNiwzOC4yLDMNCgljMTQuMi0xMC4yLDE2LjYtMTQuMiwzMC4zLTI4Yy03LjUtMC40LTEzLjYtMS45LTIxLjItNC42TC00OC43LDQ1Mi45eiIvPg0KPC9zdmc+DQo=); | ||
| + | background-image: url(//images.pcgamingwiki.com/8/8d/DRM_Account-Based_icon.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-alwaysonline { | ||
| + | background-image: | ||
| + | url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20style%3D%22enable-background%3Anew%20-146.5%20267.5%20259%20259%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23B23D25%3Bstroke-width%3A19%3B%7D%0A%09.st1%7Bfill%3A%23B23D25%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-17%22%20cy%3D%22397%22%20r%3D%22120%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M-39%2C387.3l12.2-12.5l33.1%2C32.4l-12.8%2C12.3L-39%2C387.3z%20M-7.1%2C440.7l-53.2%2C17.7l-18-17l18-53.6L-7.1%2C440.7z%0A%09%20M-25.9%2C354l52.1-17.7l17.4%2C17.4L26%2C406.1C25.5%2C406.1-26.2%2C354.2-25.9%2C354z%20M-88%2C485.3l15.7-15.1l8.9%2C7.1l68.9-23.2l7%2C6l11.7-11.7%0A%09l-13.6-13.9l10.1-10.2l13.8%2C13.8l11.7-12l-6.2-6.9l22.8-69.4l-7.3-7.9L71%2C326l-17.3-17.3l-15.9%2C15.9l-8-7.5L-39.3%2C340l-7-6.2%0A%09L-58%2C345.5l14.2%2C14.3L-53.9%2C370L-68%2C355.9L-80%2C368l5.9%2C6.5l-23%2C70.8l7.2%2C7.6l-15%2C15.5L-88%2C485.3z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); | ||
| + | background-image: url(//images.pcgamingwiki.com/2/21/DRM_Always_Online_icon.svg)!ie | ||
} | } | ||
.drm-activation { | .drm-activation { | ||
| − | background-image: url(data:image/svg+xml;base64, | + | background-image: |
| − | background-image: url(//pcgamingwiki.com/images/ | + | url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Wireless_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23b03d25%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-17%20267.7c-71.3%200-129.3%2058-129.3%20129.3s58%20129.3%20129.3%20129.3%20129.3-58%20129.3-129.3S54.3%20267.7-17%20267.7zm0%20242.6c-62.5%200-113.3-50.8-113.3-113.3S-79.4%20283.7-17%20283.7%2096.3%20334.5%2096.3%20397%2045.5%20510.3-17%20510.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-14.9%20442c-.9-.2-1.9-.3-2.1-.3-1.3%200-4%20.7-5.4%201.5-3.3%201.7-5.9%205.4-6.4%209.2-.2%201.3.1%204%20.5%204.9.1.3.5%201%20.8%201.7.7%201.4%203.2%204%204.5%204.7.4.2%201.4.7%202.3%201.1%201.3.6%201.8.6%204.2.5%202.5-.1%202.8-.2%204.6-1.1%202.3-1.2%204.6-3.4%205.5-5.2.4-.7.7-1.5.9-1.8.1-.2.3-1.2.5-2%20.7-5.9-3.9-12.2-9.9-13.2zM21.1%20420.8c0-.5-7.1-7-9.4-8.6-2.4-1.7-9.5-5.4-10.2-5.4-.2%200-.9-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.8-.2-1.2-.4-.4-.2-1-.4-1.4-.4-.3%200-.7-.1-.7-.2-.1-.1-.7-.3-1.3-.4-.6-.1-2-.3-3-.6-4.3-.9-11.5-.9-15.9%200-1%20.2-2.4.5-3%20.6-.6.1-1.2.3-1.3.4-.1.1-.4.2-.7.2-.6%200-3.7%201-4.2%201.3-.1.1-.6.3-1.1.4-1.5.4-7.5%203.5-10.3%205.4-2.8%201.9-9%207.6-9.8%209-1.3%202.3-1.5%203.1-1.6%205.1%200%201.7.1%202.3.6%203.1.3.6.6%201.2.6%201.4%200%20.6%203.2%203.6%204.4%204.1.7.3%202.1.7%203.1.8%203.6.4%205.4-.5%209.7-4.6%201.7-1.6%203.2-2.9%203.3-2.9.1%200%20.7-.3%201.1-.6%202.5-1.9%207.2-3.7%2011.7-4.5%202.7-.5%207.9-.5%2010.6%200%202.3.4%206.2%201.4%207%201.9.3.1%201%20.5%201.6.8.6.3%201.9%201%202.9%201.6%201%20.6%201.9%201.1%202%201.1s1.3%201%202.5%202.3c3.8%203.8%205.5%204.8%208.7%205.1%202.7.2%206.6-1.8%208.1-4.1.4-.6.8-1.1.9-1.2.1-.1.5-1%20.7-2%20.6-2.3.3-4.7-.8-6.3-.4-.7-.7-1.3-.7-1.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.3%20392.1c0-.3-1.1-1.4-1.4-1.4-.1%200-1.4-1.1-2.8-2.5s-2.9-2.7-3.4-3c-.4-.3-2-1.4-3.4-2.5s-3.2-2.3-3.9-2.7c-.7-.4-2.5-1.4-3.9-2.3-2.3-1.4-4.5-2.5-7.2-3.6-.5-.2-1.6-.8-2.5-1.2-.9-.4-1.7-.8-1.9-.8-.2%200-.7-.2-1.1-.4-1.4-.7-3.5-1.5-4-1.5-.3%200-.8-.2-1.2-.4-.4-.2-1.2-.4-1.8-.5-.6-.1-1.3-.3-1.6-.4-1.5-.8-7.8-2-9.9-1.9-.5%200-.9-.1-1-.2-.5-.8-21.3-.8-22.4%200-.2.1-.5.2-.8.2-1.5-.2-8.6%201.1-10.1%201.9-.2.1-.9.3-1.5.4-1%20.2-4.6%201.3-5.6%201.7-.3.1-1.1.4-1.7.7-2.1.8-3.9%201.6-10%204.4-.7.3-1.6.8-1.9%201.1-.4.3-.9.6-1.3.8-.3.2-1%20.5-1.4.7-.4.3-1.3.8-2%201.2-6.1%203.7-16%2012.3-16%2013.9%200%20.2-.3.7-.6%201.2-.8%201.2-1%204.2-.3%205.5%201.4%202.9%201.7%203.4%202.6%204.3%201%201.1%203.4%202.4%204.3%202.4.3%200%20.6.1.7.3.1.2.8.3%202%20.2%202.4-.2%204.5-1.2%207-3.4%204.5-4%209.2-7.7%2011.1-8.7.7-.3%201.6-.9%202.1-1.3%201-.8%201.4-1%205.8-3%201.6-.7%203.1-1.4%203.3-1.4s.5-.1.8-.2c.3-.1%201.1-.5%201.9-.8s1.7-.7%202-.8c.3-.1%201.7-.5%203.1-.8%201.4-.3%203.3-.8%204.2-1%203.4-.8%206.8-1.1%2013.6-1.1%206.6%200%2011.1.4%2014%201.1.5.1%202.1.5%203.6.9%202.8.6%202.9.7%205%201.6.7.3%201.4.6%201.7.6s.5.1.5.2c.1.1.5.3.9.4.4.1%201.6.6%202.8%201.1%201.1.5%202.3%201.1%202.7%201.2%201.3.5%202.8%201.4%203.7%202%20.5.3%201.1.8%201.5.9.9.4%203.5%202.1%204%202.7.1.1.6.4%201.1.8%201.1.8%203.3%202.6%206.2%205.2%202.3%202%204%203.1%205.7%203.3.6.1%201.1.3%201.2.4.2.3%202%200%202.4-.4.1-.1.5-.2.7-.2%201.3%200%204.9-2.6%205.5-4%20.2-.4.5-.9.6-1.1.8-1.3%201-2.2%201-4%200-2.2-.4-3.4-1.6-5-.8-.2-1.1-.7-1.1-.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M71.4%20366.6c-.3-.5-.7-1.2-.9-1.7-.2-.5-1.5-1.8-2.8-3-2.7-2.5-9.5-8-11.5-9.3-.7-.5-1.9-1.3-2.7-1.9-.7-.5-2-1.3-2.8-1.8-.8-.5-1.8-1.1-2.1-1.3-.4-.3-.9-.5-1.1-.6-.2-.1-.6-.3-.8-.5-.2-.2-1-.7-1.7-1.1-.7-.4-2.1-1.1-3-1.6-2.5-1.4-5.4-2.8-5.9-2.8-.2%200-.5-.2-.7-.4-.2-.2-.5-.4-.6-.4-.2%200-1.1-.4-2.2-.9-1-.5-2-.9-2.2-.9-.2%200-.6-.1-.8-.3-1-.5-2.3-1.1-2.6-1.1-.2%200-.8-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.5-.1-.7-.2-.2-.2-2.7-1-6.3-2-.7-.2-1.9-.5-2.8-.7-.9-.2-1.9-.4-2.3-.6-.4-.1-1.2-.3-1.7-.4-.6-.1-1.5-.3-2-.4-.9-.3-3.9-.8-7.7-1.3-1-.1-2.6-.4-3.5-.5-2.6-.5-9.4-.9-13.9-.9s-12.1.5-14.5.9c-.8.1-2.4.4-3.5.6-3.6.5-10.2%201.7-11.3%202.1-.4.1-1.4.4-2.3.6-.9.2-2.2.5-2.8.7-4.7%201.4-6.1%201.9-6.3%202.1-.1.1-.4.2-.7.2-.2%200-.8.2-1.2.4-.4.2-.9.4-1%20.4-.3%200-1.8.6-3%201.2-.4.2-.9.4-1.1.4s-1.2.4-2.2.9-2%20.9-2.1.9c-.1%200-.4.2-.7.3-.2.2-1.1.6-1.9.8-.8.3-1.6.6-1.8.8-.5.4-1.4.9-1.9%201.1-.2.1-.5.2-.7.3-.1.1-.8.4-1.3.8s-1.6.9-2.3%201.3c-.7.3-1.5.8-1.9%201.1-2.6%201.7-4%202.7-4.2%202.7-.1%200-.6.3-1.1.7-.5.4-1.2.9-1.4%201-2.6%201.6-7.1%205.1-12.8%2010.1-2.8%202.4-3.4%203.1-4.9%206-.7%201.3-.8%205.1-.2%206.1.2.3.5.9.6%201.3.4%201.8%203.8%204.3%207.2%205.4.7.2%201.5.2%203-.2%202.8-.7%203.9-1.5%2011-7.9%201-.9%202-1.7%202.4-1.9.4-.2%201.3-.9%202.1-1.7.8-.7%201.6-1.3%201.7-1.3s.9-.5%201.8-1c2.8-1.9%205.3-3.5%207.1-4.4%201-.5%202.3-1.3%202.9-1.6.6-.4%201.3-.7%201.5-.8.4-.1%202.1-.8%205.9-2.6.9-.4%201.8-.8%202-.8s.7-.2%201.1-.4c.4-.2%201.3-.6%201.9-.8.7-.3%201.5-.6%201.7-.7.3-.1%201.6-.5%203-.9%201.3-.4%203-.9%203.8-1.1%204.5-1.3%207.8-2%2012.2-2.4%201-.1%202-.3%202.3-.4%201.2-.5%2013.7-.8%2020.5-.5%203.7.2%206.9.4%207.2.5.3.1%201.3.3%202.3.4%204.2.3%2012.5%202.3%2018.8%204.5%201.2.4%201.6.6%203.3%201.3.7.3%201.4.6%201.6.6.2%200%201.1.4%202.2.9%201%20.5%202.4%201.1%203%201.4%201.8.8%204.5%202.1%206.5%203.3%201.1.6%202%201.1%202.1%201.1.1%200%20.5.2.9.5%202.7%201.9%206.2%204.1%206.3%204.1.1%200%201.1.7%202.2%201.6%201.1.9%202.1%201.6%202.2%201.6.1%200%201%20.8%202%201.7%202.5%202.4%206.2%205.5%207.4%206.4.6.4%201.9%201%203%201.4%201.8.6%202.1.6%203.4.3%203-.7%205.2-2.1%206.6-4.2%201.1-1.7%201.3-2.2%201.7-3.8.1-2.2-.3-4.4-1.1-5.8z%22%2F%3E%3C%2Fsvg%3E"); |
| + | background-image: url(//images.pcgamingwiki.com/f/fc/DRM_Online_Activation_icon.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-disc { | ||
| + | background-image: | ||
| + | url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjU7fQ0KCS5zdDJ7ZmlsbDojQjAzRjI2O30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMjIiLz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTciIGN5PSIzOTciIHI9IjM3Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTUyLjQsNDE1LjVsLTcwLjQsMjQuOWwzMC40LDQyLjRsNDguNy01Ni4xIE01OC4yLDMxMS41TDguNSwzNjcuOWw5LjEsMTEuOWw3MS4yLTI1LjRMNTguMiwzMTEuNXogTTMuNywzNjQuOQ0KCUw0Mi45LDMwMkwzMCwyOTQuOGwtMzAsNjggTS0zOCw0MjkuOWwtMzkuNSw2Mi4ybDEyLjYsN2wzMC43LTY3Ii8+DQo8L3N2Zz4NCg==); | ||
| + | background-image: url(//images.pcgamingwiki.com/e/e6/DRM_Disc_Check_icon.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-cartridge { | ||
| + | background-image: | ||
| + | url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjIzRDI1O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTk2LjEsNTA2Ljh2LTE5LjdoLTE0LjRWMjY3LjVINzYuNXYyMTkuN0g2Mi4xdjM5LjNILTk2LjFMLTk2LjEsNTA2Ljh6IE0tNjcuNCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjQNCglWNDk5LjZ6IE0tMzguNiw0OTkuNnYtMTIuNUgtNTN2MjQuOWgxNC40VjQ5OS42eiBNLTkuOCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjRWNDk5LjZ6IE0xOSw0OTkuNnYtMTIuNUg0LjZ2MjQuOUgxOUwxOSw0OTkuNnoNCgkgTTQ3LjgsNDk5LjZ2LTEyLjVIMzMuNHYyNC45aDE0LjRWNDk5LjZ6IE01OC4xLDM3Ny4zVjI4NkgtOTIuMXYxODIuN0g1OC4xVjM3Ny4zeiBNLTc3LjcsMzc3LjN2LTYwLjdINDMuN1Y0MzhILTc3LjdMLTc3LjcsMzc3LjN6DQoJIE0yOS4zLDM3Ny4zdi00Ni4zaC05Mi42djkyLjZoOTIuNlYzNzcuM3oiLz4NCjwvc3ZnPg0K); | ||
| + | background-image: url(images.pcgamingwiki.com/8/8f/DRM_cartridge_icon.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-cdkey { | ||
| + | background-image: | ||
| + | url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI3LjkiIGN5PSIzNzAuOSIgcj0iOCIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NC45LDM0OC45Yy0xNy0yNS01My0yNy03MS0yYy03LDEwLTEwLDIxLTcsMzJsLTUyLDUydjM0aDUxdi0xN2gxN3YtMTdoMTd2LTE4DQoJCUMzOS45LDQyMS45LDYyLjksMzgyLjksNDQuOSwzNDguOXogTS0zLjEsMzk4LjlsLTEwLDEwdjdsLTIsMmgtMTV2MTVsLTIsMmgtMTV2MTVsLTIsMmgtMjBsLTItMnYtMTRsNTMtNTNjLTktMjQsMTAtNDIsMjctNDENCgkJYzE2LDAsMzAsMTMsMzAsMzBDMzYuOSwzOTguOSwxNy45LDQwNy45LTMuMSwzOTguOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); | ||
| + | background-image: url(//images.pcgamingwiki.com/5/57/DRM_CD-Key_icon.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-dongle { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288%20288%22%3E%3Cpath%20d%3D%22M110.7722%2044.30438h22.1515v22.152606h-22.1515zm44.3041%200h22.1515v22.152606h-22.1515zm66.45559%2044.304099c3.00009%200%205.85562.577111%208.5666%201.731333%202.71209%201.153109%205.07724%202.710975%207.09657%204.672485%202.01822%201.961509%203.605%204.268841%204.75922%206.921993%201.15311%202.65427%201.73022%205.48089%201.73022%208.47986v155.75766c0%203.00008-.57711%205.8267-1.73022%208.47986-1.15422%202.65315-2.741%204.96159-4.75922%206.9231-2.01933%201.9604-4.38448%203.51827-7.09657%204.67249a21.653332%2021.653332%200%2001-8.5666%201.73022c-51.68867.05-103.37511%200-155.063785%200a21.661116%2021.661116%200%2001-8.566593-1.73022c-2.712087-1.15422-5.077241-2.71209-7.096573-4.67249-2.01822-1.96151-3.604997-4.26995-4.759218-6.9231-1.15311-2.65316-1.730221-5.47978-1.730221-8.47986V110.41415c0-2.99897.577111-5.82671%201.730221-8.47986%201.154221-2.653152%202.740998-4.960484%204.759218-6.921993%202.019332-1.96151%204.384486-3.519376%207.096573-4.672485a21.653332%2021.653332%200%20018.566593-1.731333V.00028166H221.53189zm-132.912291%200H199.3804V22.152887H88.619599zM221.53301%20110.76108H66.466993v155.06379H221.53078z%22%20fill%3D%22%23b23d25%22%2F%3E%3C%2Fsvg%3E"); | ||
| + | } | ||
| + | |||
| + | .drm-download { | ||
| + | background-image: | ||
| + | url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMzLjUsNDI3LjMgMzMuNSw0NTEgLTY4LjUsNDUxIC02OC41LDQyNyAtODMuNSw0MjcgLTgzLjUsNDUxIC04My41LDQ2NyAtODMuNSw0NjcgNDkuNSw0NjcgNDkuNSw0MjcgDQoJCQkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0LjUsMzgxIC05LjUsNDA2IC05LjUsMzI3IC0yNS41LDMyNyAtMjUuNSw0MDYgLTQ5LjUsMzgyIC02MS41LDM5MyAtMTcuNSw0MzYgMjYuNSwzOTMgCSIvPg0KPC9nPg0KPC9zdmc+DQo=); | ||
| + | background-image: url(//images.pcgamingwiki.com/9/95/DRM_Download_icon.svg)!ie | ||
| + | } | ||
| + | |||
| + | .drm-drmfree { | ||
| + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjEwMDQgLTc5NCAyMzgwIDIzODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTAwNCAtNzk0IDIzODAgMjM4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzExQjE4NjtzdHJva2Utd2lkdGg6MTIwO30NCgkuc3Qxe2ZpbGw6IzExQjE4Njt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjE5NCIgY3k9IjM5NiIgcj0iMTEzMCIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1NzMuMiwyMzAuM3YtMzA4YzEtMTc2LTE4My0zMzYtMjk4LTM0OWMtMjAyLTQwLTM5Nyw4MS00NDYsMjc2Yy04LDM4LTcsNjMtMTAsOThoMTQyYzEzLDAsMTctNiwxOS0yMA0KCWM1LTY0LDIyLTEwNyw1OS0xNDZjMTMyLTEyMiwzNDYtNDEsMzgzLDExNWMyOCwxMjUsMjAsMTg0LDIwLDMzNGwtNjg2LDVjLTEwMiwxLTE2Miw4NC0xNjIsMTYzbDY0LDY4NGMxMCw4Myw0NCwxNDUsMTE3LDE0NGg4MTENCgljODksMCwxMTktNTcsMTM2LTE0NGw2OS02ODRjMTMtODgtMjMtMTU3LTEwOC0xNjNMMjU3My4yLDIzMC4zeiBNMjU2NC4yLDEwNjUuM2gtNzQxbC01OS02NjdoODU5TDI1NjQuMiwxMDY1LjN6Ii8+DQo8L3N2Zz4NCg==); | ||
| + | background-image: url(images.pcgamingwiki.com/b/b3/DRM-free_icon.svg)!ie | ||
} | } | ||
.drm-drmfree-asterisk { | .drm-drmfree-asterisk { | ||
| − | background-image: url(data:image/svg+xml;base64, | + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ijk0NCAtODU0IDI1MDAgMjUwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyA5NDQgLTg1NCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMxMUIxODY7c3Ryb2tlLXdpZHRoOjEyMDt9DQoJLnN0MXtmaWxsOiMxMUIxODY7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO3N0cm9rZTojRjg5ODQyO3N0cm9rZS13aWR0aDo4Mi4yNjUyO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMTk0IiBjeT0iMzk2IiByPSIxMTg0LjUiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNTg4LjYsMTY0LjV2LTMyMi44YzEtMTg0LjUtMTkxLjgtMzUyLjItMzEyLjQtMzY1LjhjLTIxMS43LTQxLjktNDE2LjEsODQuOS00NjcuNSwyODkuMw0KCWMtOC40LDM5LjgtNy4zLDY2LTEwLjUsMTAyLjdoMTQ4LjhjMTMuNiwwLDE3LjgtNi4zLDE5LjktMjFjNS4yLTY3LjEsMjMuMS0xMTIuMiw2MS44LTE1M2MxMzguNC0xMjcuOSwzNjIuNy00Myw0MDEuNSwxMjAuNQ0KCWMyOS40LDEzMSwyMSwxOTIuOSwyMSwzNTAuMWwtNzE5LjEsNS4yYy0xMDYuOSwxLTE2OS44LDg4LTE2OS44LDE3MC45bDY3LjEsNzE3YzEwLjUsODcsNDYuMSwxNTIsMTIyLjYsMTUwLjloODUwLjENCgljOTMuMywwLDEyNC43LTU5LjcsMTQyLjYtMTUwLjlsNzIuMy03MTdjMTMuNi05Mi4yLTI0LjEtMTY0LjYtMTEzLjItMTcwLjlMMjU4OC42LDE2NC41eiBNMjU3OS4xLDEwMzkuN2gtNzc2LjdsLTYxLjgtNjk5LjJIMjY0MQ0KCUwyNTc5LjEsMTAzOS43eiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwNDkuMiw5MTkuNmw5My4zLTI4OC4xYzIxNS4xLDc1LjcsMzcxLjMsMTQxLjMsNDY4LjcsMTk2LjhjLTI1LjctMjQ0LjgtMzkuMi00MTMuMi00MC42LTUwNS4yaDI5NC4yDQoJYy00LjEsMTMzLjktMTkuNiwzMDEuNi00Ni43LDUwMy4xYzEzOS4zLTcwLjMsMjk4LjktMTM1LjMsNDc4LjgtMTk0LjhsOTMuMywyODguMWMtMTcxLjgsNTYuOC0zNDAuMiw5NC43LTUwNS4yLDExMy42DQoJYzgyLjUsNzEuNywxOTguOCwxOTkuNSwzNDksMzgzLjRsLTI0My41LDE3Mi40Yy03OC40LTEwNi44LTE3MS4xLTI1Mi4yLTI3Ny45LTQzNi4yYy0xMDAuMSwxOTAuNy0xODgsMzM2LjEtMjYzLjcsNDM2LjINCglsLTIzOS40LTE3Mi40YzE1Ni45LTE5My40LDI2OS4yLTMyMS4yLDMzNi44LTM4My40QzIzNzEuOCw5OTkuNCwyMjA2LjEsOTYxLjUsMjA0OS4yLDkxOS42eiIvPg0KPC9zdmc+DQo=); |
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/7/77/DRM-free_asterisk_icon.svg)!ie |
} | } | ||
.drm-floppy { | .drm-floppy { | ||
| − | background-image: url(data:image/svg+xml;base64, | + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNTkuMyAyNjIuOCAyNTguOSAyNTguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTU5LjMgMjYyLjggMjU4LjkgMjU4Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MS4xLDI2Mi44YzIuNiwwLDUuMSwwLjUsNy4zLDEuNGMyLjIsMC45LDQuMiwyLjMsNS45LDRjMS43LDEuNywzLDMuNyw0LDUuOWMwLjksMi4yLDEuNCw0LjYsMS40LDcuM3YyNDAuNQ0KCWgtMjI2bC0zMy0zMy4yVjI4MS4zYzAtMi42LDAuNS01LjEsMS41LTcuM3MyLjMtNC4yLDQtNS45YzEuNy0xLjcsMy42LTMsNS44LTRjMi4yLTAuOSw0LjYtMS40LDcuMy0xLjRIODEuMXogTS0xMDMuOSwzNzMuOGgxNDgNCgl2LTkyLjVoLTE0OFYzNzMuOHogTTcuMSw0NDcuOGgtOTIuNXY1NS41aDE4LjV2LTM3aDE4LjV2MzdINy4xVjQ0Ny44eiBNODEuMSwyODEuM0g2Mi42djExMWgtMTg1di0xMTFoLTE4LjV2MTk5LjVsMjIuMywyMi41aDE0LjcNCgl2LTc0SDI1LjZ2NzRoNTUuNVYyODEuM3oiLz4NCjwvc3ZnPg0K); |
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/2/2f/DRM_Floppy_Check_icon.svg)!ie |
} | } | ||
.drm-physical { | .drm-physical { | ||
| − | background-image: url(data:image/svg+xml;base64, | + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjE0O30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0xNy41LDMzNS4zQy01Mi4zLDMxNS01OS42LDM0Ny04My4xLDM0NS40IE0tMTcuNiwzMzUuNGMzNC44LTIwLjMsNDMuMywxMS43LDY2LjcsMTAuMSBNLTgzLjEsMzM4LjR2MTI3DQoJCSBNLTE3LjYsMzMzLjd2MTE0LjEgTS0yMS4xLDQ0OC43YzMzLjUtMjAuMyw0Mi44LDExLjIsNjUuNCw5LjYgTTQ4LjEsMzM4LjR2MTI3IE0tMTMuOSw0NDguN2MtMzMuNS0yMC4zLTQyLjgsMTEuMi02NS40LDkuNiIvPg0KPC9nPg0KPC9zdmc+DQo=); |
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/0/0a/DRM_Physical_icon.svg)!ie |
| + | } | ||
| + | |||
| + | .drm-unknown { | ||
| + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTUiIGN5PSI0NTAuMyIgcj0iMTYiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUuNywzODYuOWwtMzcuNiwyNC42djEyLjFoLTI4LjJWMzk5bDM1LjctMjQuMXYtMTIuN2wtNi02LjdoLTMyLjRsLTE2LjMsMTkuN2wtMjAuNi0yM2wyNC41LTI0LjVIMTENCgkJbDI0LjcsMjUuNFYzODYuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); | ||
| + | background-image: url(https://images.pcgamingwiki.com/a/af/DRM_Unknown_icon.svg)!ie | ||
} | } | ||
/* OS icons */ | /* OS icons */ | ||
| + | |||
| + | .os-win3x { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath style='fill:%231e3561;stroke-width:1.34246063' d='m 5.041638,10.66722 v 1.311584 L 3.526,12.601706 v -1.290105 z m 0,12.713102 v 1.311584 L 3.526,25.314808 v -1.267284 z m 0,12.890307 v 1.334406 L 3.526,38.226594 v -1.26594 z M 4.885913,14.912081 v 1.177338 l -1.225667,0.555778 v -1.154516 z m 0,4.267683 v 1.154516 l -1.225667,0.555778 v -1.154516 z m 0,8.622623 v 1.13438 l -1.225667,0.555778 v -1.155858 z m 0,4.311984 V 33.27023 L 3.660246,33.826008 V 32.691629 Z M 8.917322,11.400203 v 1.534433 L 6.824426,13.711921 V 12.20031 Z m 0,12.868828 v 1.51161 l -2.092896,0.800107 v -1.511611 z m 0,12.934608 V 38.71525 L 6.824426,39.559658 V 38.04939 Z M 8.804555,15.846433 V 17.24662 L 7.12111,17.891001 v -1.401529 z m 0,4.289162 v 1.377364 L 7.12111,22.15734 v -1.42435 z m 0,8.578323 v 1.378707 L 7.12111,30.758486 v -1.423008 z m 0,4.333463 v 1.377365 L 7.12111,35.091949 v -1.400187 z m 4.022012,-20.691346 v 1.82172 l -2.703715,1.044434 v -1.80024 z m 0,12.868828 v 1.821719 l -2.703715,1.044434 v -1.801582 z m 0,12.780225 v 1.82172 l -2.703715,1.067256 V 39.071002 Z M 12.689636,16.823745 v 1.621693 l -2.270101,0.867229 v -1.577391 z m 0,4.290504 v 1.59887 l -2.270101,0.888709 v -1.598871 z m 0,8.576981 v 1.600213 l -2.270101,0.911531 V 30.60276 Z m 0,4.1576 v 1.644515 l -2.270101,0.888709 V 34.783183 Z M 17.05129,12.241926 v 2.403005 l -3.338699,1.334406 v -2.377498 z m 0,12.894334 v 2.40032 l -3.338699,1.311584 v -2.40032 z m 0,12.757404 v 2.40032 l -3.338699,1.333063 V 39.249549 Z M 16.871401,16.71232 v 2.200294 l -2.800373,1.134379 V 17.8467 Z m 0,4.290505 v 2.17747 l -2.800373,1.134379 v -2.200293 z m 0,8.601145 v 2.200293 l -2.800373,1.111557 v -2.201635 z m 0,4.154915 v 2.200293 l -2.800373,1.111558 v -2.178814 z m 4.573763,-21.914327 v 3.134646 l -3.699822,1.510268 v -3.133303 z m 0,12.868827 v 3.133303 l -3.699822,1.48879 v -3.133304 z m 0,12.780226 v 3.133303 l -3.699822,1.488789 V 38.9824 Z M 21.266616,16.556595 v 2.623169 l -3.16418,1.26594 v -2.644648 z m 0,4.090478 v 2.644646 l -3.16418,1.244461 v -2.621825 z m 0,8.755528 v 2.666126 l -3.16418,1.222982 v -2.623168 z m 0,4.17908 v 2.644647 l -3.16418,1.267283 v -2.64599 z m 4.698613,-23.314515 v 4.28782 l -3.985766,1.645857 V 12.20031 c 1.381392,-0.783997 2.710428,-1.429721 3.985766,-1.933144 z m 0,4.734859 v 3.711905 l -3.985766,1.665993 V 16.64654 Z m 0,4.177739 v 3.756203 l -3.985766,1.665994 v -3.756204 z m 0,4.223379 v 3.711904 l -3.985766,1.665994 v -3.733383 z m 0,4.177738 v 3.823328 l -3.985766,1.688816 v -3.844807 z m 0,4.289162 v 3.733383 l -3.985766,1.710295 v -3.777684 z m 0,4.20056 v 3.99919 c -1.561282,0.592025 -2.888976,1.163913 -3.985766,1.711637 V 37.758076 Z M 46.474,10.401412 v 30.065749 c -2.541278,-1.679418 -5.713513,-2.518456 -9.516704,-2.518456 -3.150755,0 -6.672029,0.645724 -10.563823,1.938513 v -4.055573 c 2.064705,-0.79608 4.337491,-1.36931 6.819701,-1.715665 v -9.783854 c -2.095581,0.26715 -4.368367,0.994764 -6.819701,2.184184 v -2.808428 c 2.125116,-0.979996 4.397902,-1.649884 6.819701,-2.005636 V 12.11842 c -2.184184,0.433614 -4.45697,1.169283 -6.819701,2.207005 V 10.091304 C 29.85568,8.6199666 33.24942,7.8842986 36.578722,7.8842986 c 3.579001,-0.0013 6.878769,0.837695 9.895278,2.5171134 z m -4.034094,2.629881 c -1.628405,-0.832326 -3.577658,-1.248489 -5.849101,-1.248489 -0.264465,0 -0.52893,0.01477 -0.792052,0.0443 v 9.695251 l 0.879312,-0.02282 c 1.949252,0 3.870314,0.311451 5.761841,0.935695 z m 0,12.190885 c -1.745199,-0.771915 -3.679685,-1.158544 -5.8048,-1.158544 -0.264465,0 -0.542354,0.01477 -0.836353,0.0443 v 9.783854 h 0.879312 c 2.125115,0 4.047518,0.26715 5.761841,0.802791 z'/%3E%3C/svg%3E"); | ||
| + | } | ||
.os-macos { | .os-macos { | ||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxRTM1NjEiIGQ9Ik0zMC41IDE1LjVoMnY0aC0yeiIvPjxwYXRoIGZpbGw9IiMxRTM1NjEiIGQ9Ik00Mi41IDEwLjVIMjguNTA0Yy42OS0xIDEuNDQ3LTEuOTg1IDIuMjcyLTIuOTQxbC0xLjIzNS0xLjA4QzI4LjQ5MyA3LjczNyAyNy41MDIgOS41IDI2LjU5IDEwLjVINy41djMxaDIwLjM5OWMuMzE2IDAgLjY1NiAxLjQ3MSAxIDIuMjQuNDE0LS4xODkgMS4zNDUtLjU0NSAxLjQzNi0uNjA0LS4wMjUtLjA2LS4zMS0uNjM2LS42NzQtMS42MzZINDIuNXYtMzF6bS0yNiA1aDJ2NGgtMnYtNHptLTMuMzg0IDE1LjYyOGMuMzEzLS40Ny42NTgtLjg4Ny45NDEtMS4zMSAzLjU3OCAxLjc3NSA3LjQ0MyAyLjQyMiAxMi40NDMgMi4zMjl2LS4wMDcuMDA3bC0uMDY0IDEuNTc4Yy00Ljg0OS4wNzQtOS41MjEtLjY2LTEzLjMyLTIuNTk3ek00MS41IDQwLjVIMjkuMzUxYy0uNTU5LTItMS4xODEtNC4yNTgtMS4zNjQtNi42MjcgMi40NjMtLjMwMSA2LjMwOS0xLjI3NiA4LjcxOS0yLjU4My4wNjYtLjAzNS4xMjItLjEzOC4xODMtLjE4Ny0uMjgzLS40MTctLjgxMy0uODU3LTEuMTA4LTEuMjkxLTIuNDk0IDEuMjg1LTUuMjgxIDEuOTI4LTguMjgxIDIuMjM4di0uMDAyYzAtMS41MzEuOTE0LTQuNTQ4IDEuNDY4LTUuNTQ4aC02LjMxN2MuMzU5LTUgMS45Ny0xMCA1LjE3Mi0xNUg0MS41djI5eiIvPjwvc3ZnPg==); | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxRTM1NjEiIGQ9Ik0zMC41IDE1LjVoMnY0aC0yeiIvPjxwYXRoIGZpbGw9IiMxRTM1NjEiIGQ9Ik00Mi41IDEwLjVIMjguNTA0Yy42OS0xIDEuNDQ3LTEuOTg1IDIuMjcyLTIuOTQxbC0xLjIzNS0xLjA4QzI4LjQ5MyA3LjczNyAyNy41MDIgOS41IDI2LjU5IDEwLjVINy41djMxaDIwLjM5OWMuMzE2IDAgLjY1NiAxLjQ3MSAxIDIuMjQuNDE0LS4xODkgMS4zNDUtLjU0NSAxLjQzNi0uNjA0LS4wMjUtLjA2LS4zMS0uNjM2LS42NzQtMS42MzZINDIuNXYtMzF6bS0yNiA1aDJ2NGgtMnYtNHptLTMuMzg0IDE1LjYyOGMuMzEzLS40Ny42NTgtLjg4Ny45NDEtMS4zMSAzLjU3OCAxLjc3NSA3LjQ0MyAyLjQyMiAxMi40NDMgMi4zMjl2LS4wMDcuMDA3bC0uMDY0IDEuNTc4Yy00Ljg0OS4wNzQtOS41MjEtLjY2LTEzLjMyLTIuNTk3ek00MS41IDQwLjVIMjkuMzUxYy0uNTU5LTItMS4xODEtNC4yNTgtMS4zNjQtNi42MjcgMi40NjMtLjMwMSA2LjMwOS0xLjI3NiA4LjcxOS0yLjU4My4wNjYtLjAzNS4xMjItLjEzOC4xODMtLjE4Ny0uMjgzLS40MTctLjgxMy0uODU3LTEuMTA4LTEuMjkxLTIuNDk0IDEuMjg1LTUuMjgxIDEuOTI4LTguMjgxIDIuMjM4di0uMDAyYzAtMS41MzEuOTE0LTQuNTQ4IDEuNDY4LTUuNTQ4aC02LjMxN2MuMzU5LTUgMS45Ny0xMCA1LjE3Mi0xNUg0MS41djI5eiIvPjwvc3ZnPg==); | ||
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/0/03/Generic_Mac_OS_icon.svg)!ie |
} | } | ||
.os-dos { | .os-dos { | ||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGcgZmlsbD0iIzFFMzU2MSI+PHBhdGggZD0iTTEzLjk1MyAyMS4zMDRjLS41MDQtLjE1Ny0xLjExNi0uMjMzLTEuODMzLS4yMzNoLTEuNTQ2djcuODUyaDEuNzc3Yy4zODggMCAuNjk0LS4wMTEuOTE0LS4wMzQuMjIyLS4wMTkuNDUxLS4wNzIuNjg4LS4xNTQuMjM3LS4wODYuNDQxLS4yMDUuNjE1LS4zNTUuNzg0LS42NjMgMS4xNzUtMS44MDcgMS4xNzUtMy40MjcgMC0xLjE0MS0uMTcyLTEuOTk3LS41MTYtMi41NjQtLjM0Ni0uNTY5LS43Ny0uOTMyLTEuMjc0LTEuMDg1ek0yNy4wMTYgMjEuMzU4Yy0uNTA4LS4zMTctMS4wODktLjQ3OC0xLjc0OC0uNDc4LS40NjYgMC0uOS4wOS0xLjI5Ny4yNjYtLjM5OC4xNzYtLjczOC40MzItMS4wMjQuNzctLjI4Ny4zMzYtLjUxNC43NjctLjY4IDEuMjktLjE2Ny41MjMtLjI0OSAxLjExLS4yNDkgMS43NjQgMCAuNjU2LjA4MiAxLjI1LjI0OSAxLjc4My4xNjYuNTMxLjM5OS45NzEuNzAzIDEuMzIxLjMwMi4zNTIuNjQ5LjYxMyAxLjA0Ljc4NS4zOTQuMTc0LjgyNC4yNjIgMS4yOTIuMjYyLjYwMSAwIDEuMTUtLjE1MSAxLjY1My0uNDUxLjUwMy0uMjk4LjkwMi0uNzYzIDEuMTk4LTEuMzg4LjI5OC0uNjI2LjQ0Ny0xLjM5OC40NDctMi4zMTIgMC0uODQ4LS4xMzgtMS41ODItLjQxMS0yLjIwM3MtLjY2NS0xLjA5LTEuMTczLTEuNDA5eiIvPjxwYXRoIGQ9Ik0yNSAzLjUyNkMxMy4xNDEgMy41MjYgMy41MjYgMTMuMTQxIDMuNTI2IDI1UzEzLjE0MSA0Ni40NzQgMjUgNDYuNDc0IDQ2LjQ3NCAzNi44NTkgNDYuNDc0IDI1IDM2Ljg1OSAzLjUyNiAyNSAzLjUyNnptLTcuMDYxIDIzLjM0NWMtLjEyNC41NzMtLjMwOCAxLjA4OS0uNTYyIDEuNTUtLjI1NC40Ni0uNTc1Ljg3MS0uOTcxIDEuMjM2LS4zMTIuMjc3LS42NDkuNTAyLTEuMDE5LjY3MS0uMzY3LjE2OC0uNzY0LjI4Ni0xLjE4Ny4zNTUtLjQyNC4wNjgtLjkuMTAxLTEuNDMyLjEwMUg5LjcxNGMtLjQyNiAwLS43NDctLjA2NC0uOTYxLS4xOTItLjIxNi0uMTMtLjM1Ny0uMzEtLjQyNC0uNTQ1LS4wNjUtLjIzNS0uMDk4LS41MzktLjA5OC0uOTExdi04LjQ4M2MwLS41MDYuMTEzLS44NzEuMzM4LTEuMDk3LjIyOC0uMjI4LjU5Mi0uMzQgMS4wOTctLjM0aDMuMDU0Yy43OTUgMCAxLjQ3NS4wNzMgMi4wNDQuMjIyLjU2OC4xNDcgMS4wODMuNDIyIDEuNTQ2LjgyOCAxLjIwNiAxLjAzMiAxLjgwOCAyLjU5OSAxLjgwOCA0LjcwNS4wMDEuNjkyLS4wNTggMS4zMjctLjE3OSAxLjl6bTEyLjY3MS41NTJjLS4yNDIuNzMyLS42MDUgMS4zNjQtMS4wODkgMS45MDEtLjQ4NS41MzctMS4wNzguOTQ2LTEuNzgzIDEuMjMxLS43MDUuMjg0LTEuNTE0LjQyNi0yLjQyMy40MjYtLjkwNiAwLTEuNzE2LS4xNDYtMi40MzEtLjQzOC0uNzE1LS4yOTEtMS4zMTMtLjcwMy0xLjc5MS0xLjIzNC0uNDc5LS41MzEtLjg0MS0xLjE3Mi0xLjA4NS0xLjkxNy0uMjQ0LS43NDktLjM2Ny0xLjU1Ni0uMzY3LTIuNDIzIDAtLjg5LjEyNi0xLjcwNy4zODItMi40NDguMjU2LS43NDIuNjI1LTEuMzcyIDEuMTEtMS44OTIuNDgzLS41MjEgMS4wNzItLjkyMSAxLjc2OC0xLjE5OC42OTMtLjI3NSAxLjQ4My0uNDEzIDIuMzY2LS40MTMgMS4yIDAgMi4yMy4yNDMgMy4wOS43My44Ni40ODcgMS41MSAxLjE3OSAxLjk1MyAyLjA3NS40NDMuODk2LjY2MyAxLjk1MS42NjMgMy4xNTkuMDAxLjg5Ny0uMTE5IDEuNzA5LS4zNjMgMi40NDF6bTkuMDM2IDMuMDg1Yy0uNjkzLjMxNi0xLjUxOC40NzQtMi40NjkuNDc0LTEuMTQzIDAtMi4wODMtLjIxNi0yLjgyNC0uNjQ2LS41MjUtLjMxMS0uOTU0LS43MjQtMS4yODItMS4yNDMtLjMzMS0uNTE5LS40OTUtMS4wMjItLjQ5NS0xLjUxMiAwLS4yODMuMS0uNTI3LjI5OC0uNzI5LjE5Ny0uMjA0LjQ0Ny0uMzA2Ljc1MS0uMzA2LjI0NyAwIC40NTcuMDc4LjYyNy4yMzcuMTc0LjE1OC4zMTkuMzkyLjQzOS43MDEuMTQ3LjM3MS4zMDguNjc5LjQ3OC45MjUuMTcuMjQ4LjQxMS40NTEuNzIxLjYxMS4zMTIuMTYxLjcxOS4yNDEgMS4yMjUuMjQxLjY5NCAwIDEuMjU4LS4xNjMgMS42OTMtLjQ4NS40MzQtLjMyMy42NDktLjcyOS42NDktMS4yMTIgMC0uMzgyLS4xMTYtLjY5My0uMzUyLS45MzUtLjIzMi0uMjQtLjUzNC0uNDIyLS45MDctLjU1LS4zNjktLjEyNS0uODY2LS4yNTktMS40ODYtLjM5OS0uODMyLS4xOTctMS41MjUtLjQyNS0yLjA4Ny0uNjg1LS41NjItLjI2LTEuMDA2LS42MTUtMS4zMzQtMS4wNjYtLjMyOS0uNDQ5LS40OTMtMS4wMDctLjQ5My0xLjY3NiAwLS42MzYuMTc0LTEuMjAyLjUyLTEuNjk1LjM0OC0uNDk1Ljg1MS0uODc1IDEuNTA4LTEuMTQxczEuNDMyLS4zOTkgMi4zMi0uMzk5Yy43MTEgMCAxLjMyNC4wODggMS44NDIuMjY0LjUyLjE3Ni45NS40MTEgMS4yOS43MDQuMzQ0LjI5Mi41OTMuNTk4Ljc1MS45MTkuMTU2LjMyMS4yMzcuNjM0LjIzNy45NCAwIC4yNzctLjA5OC41MjktLjI5Ny43NTEtLjE5Ni4yMjUtLjQ0My4zMzYtLjczOS4zMzYtLjI2OCAwLS40Ny0uMDY1LS42MDktLjIwMS0uMTQtLjEzNS0uMjkxLS4zNTQtLjQ1My0uNjU5LS4yMTItLjQzNi0uNDY0LS43NzYtLjc1OS0xLjAyMi0uMjk2LS4yNDUtLjc2OC0uMzY3LTEuNDIyLS4zNjctLjYwNCAwLTEuMDkzLjEzMi0xLjQ2Mi4zOTktLjM3Mi4yNjYtLjU1OC41ODUtLjU1OC45NTkgMCAuMjMxLjA2Mi40My4xODkuNTk4LjEyOC4xNjguMzAyLjMxMy41MjEuNDM0cy40NDUuMjE2LjY3MS4yODVjLjIyOC4wNjkuNi4xNjggMS4xMTkuMy42NTQuMTUzIDEuMjQ0LjMyMSAxLjc3My41MDQuNTI3LjE4NS45NzkuNDA5IDEuMzQ4LjY3MS4zNzMuMjY0LjY2MS41OTYuODY5Ljk5OS4yMDkuNDAxLjMxMi44OTYuMzEyIDEuNDc5IDAgLjcwMS0uMTgyIDEuMzI4LS41NDEgMS44ODYtLjM2MS41Ni0uODg2Ljk5NS0xLjU4MiAxLjMxMXoiLz48L2c+PC9zdmc+); | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGcgZmlsbD0iIzFFMzU2MSI+PHBhdGggZD0iTTEzLjk1MyAyMS4zMDRjLS41MDQtLjE1Ny0xLjExNi0uMjMzLTEuODMzLS4yMzNoLTEuNTQ2djcuODUyaDEuNzc3Yy4zODggMCAuNjk0LS4wMTEuOTE0LS4wMzQuMjIyLS4wMTkuNDUxLS4wNzIuNjg4LS4xNTQuMjM3LS4wODYuNDQxLS4yMDUuNjE1LS4zNTUuNzg0LS42NjMgMS4xNzUtMS44MDcgMS4xNzUtMy40MjcgMC0xLjE0MS0uMTcyLTEuOTk3LS41MTYtMi41NjQtLjM0Ni0uNTY5LS43Ny0uOTMyLTEuMjc0LTEuMDg1ek0yNy4wMTYgMjEuMzU4Yy0uNTA4LS4zMTctMS4wODktLjQ3OC0xLjc0OC0uNDc4LS40NjYgMC0uOS4wOS0xLjI5Ny4yNjYtLjM5OC4xNzYtLjczOC40MzItMS4wMjQuNzctLjI4Ny4zMzYtLjUxNC43NjctLjY4IDEuMjktLjE2Ny41MjMtLjI0OSAxLjExLS4yNDkgMS43NjQgMCAuNjU2LjA4MiAxLjI1LjI0OSAxLjc4My4xNjYuNTMxLjM5OS45NzEuNzAzIDEuMzIxLjMwMi4zNTIuNjQ5LjYxMyAxLjA0Ljc4NS4zOTQuMTc0LjgyNC4yNjIgMS4yOTIuMjYyLjYwMSAwIDEuMTUtLjE1MSAxLjY1My0uNDUxLjUwMy0uMjk4LjkwMi0uNzYzIDEuMTk4LTEuMzg4LjI5OC0uNjI2LjQ0Ny0xLjM5OC40NDctMi4zMTIgMC0uODQ4LS4xMzgtMS41ODItLjQxMS0yLjIwM3MtLjY2NS0xLjA5LTEuMTczLTEuNDA5eiIvPjxwYXRoIGQ9Ik0yNSAzLjUyNkMxMy4xNDEgMy41MjYgMy41MjYgMTMuMTQxIDMuNTI2IDI1UzEzLjE0MSA0Ni40NzQgMjUgNDYuNDc0IDQ2LjQ3NCAzNi44NTkgNDYuNDc0IDI1IDM2Ljg1OSAzLjUyNiAyNSAzLjUyNnptLTcuMDYxIDIzLjM0NWMtLjEyNC41NzMtLjMwOCAxLjA4OS0uNTYyIDEuNTUtLjI1NC40Ni0uNTc1Ljg3MS0uOTcxIDEuMjM2LS4zMTIuMjc3LS42NDkuNTAyLTEuMDE5LjY3MS0uMzY3LjE2OC0uNzY0LjI4Ni0xLjE4Ny4zNTUtLjQyNC4wNjgtLjkuMTAxLTEuNDMyLjEwMUg5LjcxNGMtLjQyNiAwLS43NDctLjA2NC0uOTYxLS4xOTItLjIxNi0uMTMtLjM1Ny0uMzEtLjQyNC0uNTQ1LS4wNjUtLjIzNS0uMDk4LS41MzktLjA5OC0uOTExdi04LjQ4M2MwLS41MDYuMTEzLS44NzEuMzM4LTEuMDk3LjIyOC0uMjI4LjU5Mi0uMzQgMS4wOTctLjM0aDMuMDU0Yy43OTUgMCAxLjQ3NS4wNzMgMi4wNDQuMjIyLjU2OC4xNDcgMS4wODMuNDIyIDEuNTQ2LjgyOCAxLjIwNiAxLjAzMiAxLjgwOCAyLjU5OSAxLjgwOCA0LjcwNS4wMDEuNjkyLS4wNTggMS4zMjctLjE3OSAxLjl6bTEyLjY3MS41NTJjLS4yNDIuNzMyLS42MDUgMS4zNjQtMS4wODkgMS45MDEtLjQ4NS41MzctMS4wNzguOTQ2LTEuNzgzIDEuMjMxLS43MDUuMjg0LTEuNTE0LjQyNi0yLjQyMy40MjYtLjkwNiAwLTEuNzE2LS4xNDYtMi40MzEtLjQzOC0uNzE1LS4yOTEtMS4zMTMtLjcwMy0xLjc5MS0xLjIzNC0uNDc5LS41MzEtLjg0MS0xLjE3Mi0xLjA4NS0xLjkxNy0uMjQ0LS43NDktLjM2Ny0xLjU1Ni0uMzY3LTIuNDIzIDAtLjg5LjEyNi0xLjcwNy4zODItMi40NDguMjU2LS43NDIuNjI1LTEuMzcyIDEuMTEtMS44OTIuNDgzLS41MjEgMS4wNzItLjkyMSAxLjc2OC0xLjE5OC42OTMtLjI3NSAxLjQ4My0uNDEzIDIuMzY2LS40MTMgMS4yIDAgMi4yMy4yNDMgMy4wOS43My44Ni40ODcgMS41MSAxLjE3OSAxLjk1MyAyLjA3NS40NDMuODk2LjY2MyAxLjk1MS42NjMgMy4xNTkuMDAxLjg5Ny0uMTE5IDEuNzA5LS4zNjMgMi40NDF6bTkuMDM2IDMuMDg1Yy0uNjkzLjMxNi0xLjUxOC40NzQtMi40NjkuNDc0LTEuMTQzIDAtMi4wODMtLjIxNi0yLjgyNC0uNjQ2LS41MjUtLjMxMS0uOTU0LS43MjQtMS4yODItMS4yNDMtLjMzMS0uNTE5LS40OTUtMS4wMjItLjQ5NS0xLjUxMiAwLS4yODMuMS0uNTI3LjI5OC0uNzI5LjE5Ny0uMjA0LjQ0Ny0uMzA2Ljc1MS0uMzA2LjI0NyAwIC40NTcuMDc4LjYyNy4yMzcuMTc0LjE1OC4zMTkuMzkyLjQzOS43MDEuMTQ3LjM3MS4zMDguNjc5LjQ3OC45MjUuMTcuMjQ4LjQxMS40NTEuNzIxLjYxMS4zMTIuMTYxLjcxOS4yNDEgMS4yMjUuMjQxLjY5NCAwIDEuMjU4LS4xNjMgMS42OTMtLjQ4NS40MzQtLjMyMy42NDktLjcyOS42NDktMS4yMTIgMC0uMzgyLS4xMTYtLjY5My0uMzUyLS45MzUtLjIzMi0uMjQtLjUzNC0uNDIyLS45MDctLjU1LS4zNjktLjEyNS0uODY2LS4yNTktMS40ODYtLjM5OS0uODMyLS4xOTctMS41MjUtLjQyNS0yLjA4Ny0uNjg1LS41NjItLjI2LTEuMDA2LS42MTUtMS4zMzQtMS4wNjYtLjMyOS0uNDQ5LS40OTMtMS4wMDctLjQ5My0xLjY3NiAwLS42MzYuMTc0LTEuMjAyLjUyLTEuNjk1LjM0OC0uNDk1Ljg1MS0uODc1IDEuNTA4LTEuMTQxczEuNDMyLS4zOTkgMi4zMi0uMzk5Yy43MTEgMCAxLjMyNC4wODggMS44NDIuMjY0LjUyLjE3Ni45NS40MTEgMS4yOS43MDQuMzQ0LjI5Mi41OTMuNTk4Ljc1MS45MTkuMTU2LjMyMS4yMzcuNjM0LjIzNy45NCAwIC4yNzctLjA5OC41MjktLjI5Ny43NTEtLjE5Ni4yMjUtLjQ0My4zMzYtLjczOS4zMzYtLjI2OCAwLS40Ny0uMDY1LS42MDktLjIwMS0uMTQtLjEzNS0uMjkxLS4zNTQtLjQ1My0uNjU5LS4yMTItLjQzNi0uNDY0LS43NzYtLjc1OS0xLjAyMi0uMjk2LS4yNDUtLjc2OC0uMzY3LTEuNDIyLS4zNjctLjYwNCAwLTEuMDkzLjEzMi0xLjQ2Mi4zOTktLjM3Mi4yNjYtLjU1OC41ODUtLjU1OC45NTkgMCAuMjMxLjA2Mi40My4xODkuNTk4LjEyOC4xNjguMzAyLjMxMy41MjEuNDM0cy40NDUuMjE2LjY3MS4yODVjLjIyOC4wNjkuNi4xNjggMS4xMTkuMy42NTQuMTUzIDEuMjQ0LjMyMSAxLjc3My41MDQuNTI3LjE4NS45NzkuNDA5IDEuMzQ4LjY3MS4zNzMuMjY0LjY2MS41OTYuODY5Ljk5OS4yMDkuNDAxLjMxMi44OTYuMzEyIDEuNDc5IDAgLjcwMS0uMTgyIDEuMzI4LS41NDEgMS44ODYtLjM2MS41Ni0uODg2Ljk5NS0xLjU4MiAxLjMxMXoiLz48L2c+PC9zdmc+); | ||
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/e/e6/Generic_DOS_icon.svg)!ie |
| + | } | ||
| + | |||
| + | .os-templeos { | ||
| + | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9IkxheWVyXzEiICAgeD0iMHB4IiAgIHk9IjBweCIgICB2aWV3Qm94PSIwIDAgNTAgNTAiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGRlZnMgICAgIGlkPSJkZWZzNyIgLz48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE1Ij48cmRmOlJERj48Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PHJlY3QgICAgIHk9IjMuMzcxNDU1OSIgICAgIHg9IjYuNTE1ODg0NCIgICAgIGhlaWdodD0iNDMuMDk5NjU1IiAgICAgd2lkdGg9IjM2LjI5NDQ0NSIgICAgIGlkPSJyZWN0ODI3IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTAuMTc0MzEzNTU7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cmVjdCAgICAgeT0iNS41ODExMSIgICAgIHg9IjguNjg5MDI1OSIgICAgIGhlaWdodD0iMzguNjUxMTc2IiAgICAgd2lkdGg9IjMxLjk4NDU5NiIgICAgIGlkPSJyZWN0ODI5IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDQ1NDYiICAgICBkPSJNIDE2Ljc0MTM1MiwzNi41OTE5MzcgMTguODM4NzAzLDM3LjgyNzg3NiAzNi4wNjY5NCw3Ljk3ODA4MjEgYyAwLDAgMC4zMzcwNzQsLTAuNzExNjAxMSAwLjE0OTgxMSwtMC43ODY1MDY1IC0wLjE4NzI2MywtMC4wNzQ5MDUgLTEuMDExMjIzLDAgLTEuMjczMzkxLDAuMzM3MDc0MiBDIDM0LjY4MTE5MSw3Ljg2NTcyNDEgMTYuNzQxMzUyLDM2LjU5MTkzNyAxNi43NDEzNTIsMzYuNTkxOTM3IFoiICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMWUzNTYxO3N0cm9rZS13aWR0aDowLjI7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cGF0aCAgICAgaWQ9InBhdGg0NTU0IiAgICAgZD0ibSAxNi44OTUwNjksMzYuNTE4NjQxIDAuNDI5MTUsMC4yNzg0MzMgTCAzNS41Mjk1MSw3LjMxMTc0NjIgYyAwLDAgLTAuNDI5NDQyLDAuMTI5NDM3IC0wLjQ3NzAwNywwLjIwMTM2MzcgLTAuMDQ3NTcsMC4wNzE5MjcgLTE4LjE1NzQzNCwyOS4wMDU1MzExIC0xOC4xNTc0MzQsMjkuMDA1NTMxMSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDUzNCIgICAgIGQ9Im0gMTQuNjI3NjQ2LDI2LjI0MTg0IDIuODQ2NTMsLTAuMDAxNSBjIDAsMCAtMC42Mjg5NzIsMC45OTk3MzYgLTAuNzg3ODcxLDEuMTMyMTUxIC0wLjI1ODIwOSwwLjAzMzExIC0wLjgyMTA3NSwwLjA0OTc2IC0xLjAyNTgyLC0wLjAwNTEgLTAuNDQ2NDM1LC0wLjI5MTk0IC0wLjg4MTg4OCwtMC43MzE3ODggLTEuMDMyODM5LC0xLjEyNTUxMSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBzdHlsZT0iZmlsbDojMWUzNTYxO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMWUzNTYxO3N0cm9rZS13aWR0aDowLjMwMDAwMDAxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiICAgICBkPSJtIDMxLjcxMjU4NCwyNi4xOTQwMDkgMi45NzkzNDMsLTAuMDEzMjQgYyAwLDAgLTAuNjI4OTcyLDAuOTk5NzM2IC0wLjc4Nzg3MSwxLjEzMjE1MSAtMC4yNTgyMDksMC4wMzMxMSAtMS4wOTE5OTUsMC4wMzkzOCAtMS4yOTY3NCwtMC4wMTU1IC0wLjQzNjgyNiwtMC4xOTg5NjIgLTAuODIwNzc2LC0wLjc0NTI3MiAtMC44OTQ3MzIsLTEuMTAzNDE0IHoiICAgICBpZD0icGF0aDQ1MzYiIC8+PHBhdGggICAgIGlkPSJwYXRoNDUzOCIgICAgIGQ9Im0gMTQuNjEzMDE2LDI2LjE0OTQxMiAxLjM5ODAwMywtOC4wNzUwNDEgMS41ODEzNCw4LjA2MTgxOSIgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMxZTM1NjE7c3Ryb2tlLXdpZHRoOjAuMjtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDQ1NDAiICAgICBkPSJtIDMxLjcxMjU4NCwyNi4xOTQwMDkgMS43MjI2OTUsLTguMTU1NjIxIDEuMjU2NjQ4LDguMTQyMzgxIiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4yO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0MiIgICAgIGQ9Im0gMTMuNzI2NDExLDQyLjc3MTYzMSBjIDAsMCAwLjQ2ODE1OCwwLjQ0OTQzMiAwLjY5Mjg3NSwwLjQ0OTQzMiAwLjIyNDcxNiwwIDMuNDgzMSwtNC41NTA1MDIgMy40ODMxLC00LjU1MDUwMiBsIC0xLjQ0MTkyOSwtMS4wMjk5NDkgYyAwLDAgLTIuNzkwMjI1LDQuOTA2MzAzIC0yLjczNDA0Niw1LjEzMTAxOSB6IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC40O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0NCIgICAgIGQ9Im0gMTQuOTI0ODk3LDM2LjU3MzIxMSBjIDAsMCA0LjA4MjM0MywyLjYyMTY4OCA0LjE3NTk3NSwyLjY0MDQxNCAwLjA5MzYzLDAuMDE4NzMgMC41MjQzMzcsLTAuMDE4NzMgMC44MjM5NTksLTAuMjYyMTY4IDAuMjk5NjIxLC0wLjI0MzQ0MyAwLjYzNjY5NiwtMC41NjE3OTEgMC41ODA1MTcsLTAuNjc0MTQ5IC0wLjA1NjE4LC0wLjExMjM1OCAtMC42OTI4NzUsLTAuMDM3NDUgLTEuMDg2MTI4LC0wLjE4NzI2MyAtMC4zOTMyNTQsLTAuMTQ5ODExIC0zLjMzMzI5LC0xLjkyODgxNCAtMy41MzkyOCwtMi4wNDExNzIgLTAuMjA1OTg5LC0wLjExMjM1OCAtMC4yODA4OTUsLTAuNjE3OTY5IC0wLjM1NTgsLTAuNzg2NTA2IC0wLjA3NDksLTAuMTY4NTM4IC0wLjY1NTQyMiwxLjEyMzU4IC0wLjU5OTI0MywxLjMxMDg0NCB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7ZmlsbC1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0OCIgICAgIGQ9Ik0gMTguNTM5MDgxLDM2LjAzMDE0NyAzNi4wMDkxNTEsNy4xOTAwODQxIiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDgzMSIgICAgIGQ9Im0gMzMuNDgyMTU0LDE4LjE1NTU3NSAtOC42MzIyOTQsLTMuMTczODQgYyAtMC4wMzk3MywtMC4yMzgzNDcgLTguOTEzNjg1LDMuMjE4NzQxIC04LjkxMzY4NSwzLjIxODc0MSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPg==); | ||
} | } | ||
.os-booter { | .os-booter { | ||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHk9IjBweCIgeD0iMHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMTUiPjwvbWV0YWRhdGE+ICAgIDxwYXRoIGQ9Im0gNDMuNDA2MjksMy41MjYwMDAxIGMgMC40MzgyNCwwIDAuODM5OTcsMC4wNzc2MSAxLjIwNTE3LDAuMjMyODE4IDAuMzY1MjAxLDAuMTU1MjExIDAuNjg5MzIxLDAuMzc0MzM0IDAuOTcyMzYxLDAuNjU3MzY4IDAuMjgzMDI5LDAuMjgzMDMyIDAuNTAyMTUsMC42MDcxNTIgMC42NTczNTksMC45NzIzNTYgMC4xNTUyMSwwLjM2NTIwNCAwLjIzMjgyLDAuNzY2OTI4IDAuMjMyODIsMS4yMDUxNzIgViA0Ni40NzQgSCA5LjAwNDA2MDUgTCAzLjUyNTk5OTUsNDAuOTY4NTUgViA2LjU5MzcxNDEgYyAwLC0wLjQzODI0NCAwLjA4MjIsLTAuODM5OTY4IDAuMjQ2NTEsLTEuMjA1MTcyIDAuMTY0MzQsLTAuMzY1MjA0IDAuMzgzNDcsLTAuNjg5MzI0IDAuNjU3MzcsLTAuOTcyMzU2IDAuMjczOSwtMC4yODMwMzQgMC41OTM0NiwtMC41MDIxNTcgMC45NTg2NiwtMC42NTczNjggMC4zNjUyMSwtMC4xNTUyMTEgMC43NjY5MywtMC4yMzI4MTggMS4yMDUxNywtMC4yMzI4MTggeiBNIDEyLjcyOTE0MSwyMS45MzIyODYgSCAzNy4yNzA4NiBWIDYuNTkzNzE0MSBIIDEyLjcyOTE0MSBaIE0gMzEuMTM1NDMsMzQuMjAzMTQgSCAxNS43OTY4NjEgdiA5LjIwMzE1IGggMy4wNjc3MDkgdiAtNi4xMzU0MyBoIDMuMDY3NzIgdiA2LjEzNTQzIGggOS4yMDMxNCB6IiBpZD0icGF0aDItMyIgc3R5bGU9ImZpbGw6IzFFMzU2MTtzdHJva2Utd2lkdGg6MC4xNjU4MjIzOSI+PC9wYXRoPjwvc3ZnPg==); | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHk9IjBweCIgeD0iMHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMTUiPjwvbWV0YWRhdGE+ICAgIDxwYXRoIGQ9Im0gNDMuNDA2MjksMy41MjYwMDAxIGMgMC40MzgyNCwwIDAuODM5OTcsMC4wNzc2MSAxLjIwNTE3LDAuMjMyODE4IDAuMzY1MjAxLDAuMTU1MjExIDAuNjg5MzIxLDAuMzc0MzM0IDAuOTcyMzYxLDAuNjU3MzY4IDAuMjgzMDI5LDAuMjgzMDMyIDAuNTAyMTUsMC42MDcxNTIgMC42NTczNTksMC45NzIzNTYgMC4xNTUyMSwwLjM2NTIwNCAwLjIzMjgyLDAuNzY2OTI4IDAuMjMyODIsMS4yMDUxNzIgViA0Ni40NzQgSCA5LjAwNDA2MDUgTCAzLjUyNTk5OTUsNDAuOTY4NTUgViA2LjU5MzcxNDEgYyAwLC0wLjQzODI0NCAwLjA4MjIsLTAuODM5OTY4IDAuMjQ2NTEsLTEuMjA1MTcyIDAuMTY0MzQsLTAuMzY1MjA0IDAuMzgzNDcsLTAuNjg5MzI0IDAuNjU3MzcsLTAuOTcyMzU2IDAuMjczOSwtMC4yODMwMzQgMC41OTM0NiwtMC41MDIxNTcgMC45NTg2NiwtMC42NTczNjggMC4zNjUyMSwtMC4xNTUyMTEgMC43NjY5MywtMC4yMzI4MTggMS4yMDUxNywtMC4yMzI4MTggeiBNIDEyLjcyOTE0MSwyMS45MzIyODYgSCAzNy4yNzA4NiBWIDYuNTkzNzE0MSBIIDEyLjcyOTE0MSBaIE0gMzEuMTM1NDMsMzQuMjAzMTQgSCAxNS43OTY4NjEgdiA5LjIwMzE1IGggMy4wNjc3MDkgdiAtNi4xMzU0MyBoIDMuMDY3NzIgdiA2LjEzNTQzIGggOS4yMDMxNCB6IiBpZD0icGF0aDItMyIgc3R5bGU9ImZpbGw6IzFFMzU2MTtzdHJva2Utd2lkdGg6MC4xNjU4MjIzOSI+PC9wYXRoPjwvc3ZnPg==); | ||
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/c/ce/Generic_PC_booter_icon.svg)!ie |
| + | } | ||
| + | |||
| + | .os-error { | ||
| + | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E"); | ||
} | } | ||
| Line 173: | Line 2,013: | ||
.input-steam { | .input-steam { | ||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMTQ0IC02My4yOTIpIiBjb2xvcj0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiPjxjaXJjbGUgcj0iMTE4LjkyMTU5IiBjeT0iMTg4LjI5MjAxIiBjeD0iMTQxLjE0NDMzIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzVmNWY1ZiIgc3Ryb2tlLXdpZHRoPSI0LjE1NjgxMTI0Ii8+PHBhdGggZD0iTTE0MS4xNDQzMyA4Ny41OTQyMjVjLTExLjY0Nzc1IDAtMjEuMDI1MSA5LjM3NzM0OC0yMS4wMjUxIDIxLjAyNTA5NXY1OC42NDk2SDYxLjQ3MTY1M2MtMTEuNjQ3NzQ3IDAtMjEuMDI1MDk2IDkuMzc1MzUtMjEuMDI1MDk2IDIxLjAyMzA4IDAgMTEuNjQ3NzQgOS4zNzczNDkgMjEuMDI1MDkgMjEuMDI1MDk2IDIxLjAyNTA5aDU4LjY0NzU3N3Y1OC42NDk2MWMwIDExLjY0Nzc0IDkuMzc3MzUgMjEuMDIzMDcgMjEuMDI1MSAyMS4wMjMwNyAxMS42NDc3MyAwIDIxLjAyNTA5LTkuMzc1MzMgMjEuMDI1MDktMjEuMDIzMDd2LTU4LjY0OTYxSDIyMC44MTdjMTEuNjQ3NzUgMCAyMS4wMjUxLTkuMzc3MzUgMjEuMDI1MS0yMS4wMjUwOSAwLTExLjY0NzczLTkuMzc3MzUtMjEuMDIzMDgtMjEuMDI1MS0yMS4wMjMwOGgtNTguNjQ3NTh2LTU4LjY0OTZjMC0xMS42NDc3NDctOS4zNzczNi0yMS4wMjUwOTUtMjEuMDI1MDktMjEuMDI1MDk1eiIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiNiOGI4YjgiIHN0cm9rZS13aWR0aD0iMi4wNjU1OTUzOSIvPjwvZz48L3N2Zz4=); | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMTQ0IC02My4yOTIpIiBjb2xvcj0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiPjxjaXJjbGUgcj0iMTE4LjkyMTU5IiBjeT0iMTg4LjI5MjAxIiBjeD0iMTQxLjE0NDMzIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzVmNWY1ZiIgc3Ryb2tlLXdpZHRoPSI0LjE1NjgxMTI0Ii8+PHBhdGggZD0iTTE0MS4xNDQzMyA4Ny41OTQyMjVjLTExLjY0Nzc1IDAtMjEuMDI1MSA5LjM3NzM0OC0yMS4wMjUxIDIxLjAyNTA5NXY1OC42NDk2SDYxLjQ3MTY1M2MtMTEuNjQ3NzQ3IDAtMjEuMDI1MDk2IDkuMzc1MzUtMjEuMDI1MDk2IDIxLjAyMzA4IDAgMTEuNjQ3NzQgOS4zNzczNDkgMjEuMDI1MDkgMjEuMDI1MDk2IDIxLjAyNTA5aDU4LjY0NzU3N3Y1OC42NDk2MWMwIDExLjY0Nzc0IDkuMzc3MzUgMjEuMDIzMDcgMjEuMDI1MSAyMS4wMjMwNyAxMS42NDc3MyAwIDIxLjAyNTA5LTkuMzc1MzMgMjEuMDI1MDktMjEuMDIzMDd2LTU4LjY0OTYxSDIyMC44MTdjMTEuNjQ3NzUgMCAyMS4wMjUxLTkuMzc3MzUgMjEuMDI1MS0yMS4wMjUwOSAwLTExLjY0NzczLTkuMzc3MzUtMjEuMDIzMDgtMjEuMDI1MS0yMS4wMjMwOGgtNTguNjQ3NTh2LTU4LjY0OTZjMC0xMS42NDc3NDctOS4zNzczNi0yMS4wMjUwOTUtMjEuMDI1MDktMjEuMDI1MDk1eiIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiNiOGI4YjgiIHN0cm9rZS13aWR0aD0iMi4wNjU1OTUzOSIvPjwvZz48L3N2Zz4=); | ||
| − | background-image: url(//pcgamingwiki.com | + | background-image: url(//images.pcgamingwiki.com/4/42/Input_settings_icon_-_Steam_Controller.svg)!ie |
} | } | ||
| Line 301: | Line 2,141: | ||
.page-PCGamingWiki_Discord #mw-head { | .page-PCGamingWiki_Discord #mw-head { | ||
display: none | display: none | ||
| + | } | ||
| + | |||
| + | /* Link icons */ | ||
| + | .link-reddit { | ||
| + | background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/reddit-16x16.png); | ||
| + | } | ||
| + | |||
| + | /* ReferenceTooltips font size fix for Overclocked skin */ | ||
| + | |||
| + | body > .oo-ui-windowManager { | ||
| + | font-size: 1.3rem !important; | ||
| + | } | ||
| + | |||
| + | /* ===== FUNCTIONALITY : Adds ReferenceTooltips ========================================================================================================================= | ||
| + | * | ||
| + | * Adds ReferenceTooltips copied directly over from the Russian Wikipedia. | ||
| + | * | ||
| + | * Information: https://www.mediawiki.org/w/index.php?title=Topic:Ueqlcc482l9yw8gv&topic_showPostId=ueqlcc6fkvg15qzj#flow-post-ueqlcc6fkvg15qzj | ||
| + | * | ||
| + | * Source Code: | ||
| + | * - Javascript : https://ru.wikipedia.org/wiki/MediaWiki:Gadget-referenceTooltips.js | ||
| + | * - CSS : https://ru.wikipedia.org/wiki/MediaWiki:Gadget-referenceTooltips.css | ||
| + | * | ||
| + | * 2018-09-17 - Updated + added english text (Google Translated) | ||
| + | * | ||
| + | */ | ||
| + | |||
| + | /* See [[mw:Reference Tooltips]] */ | ||
| + | |||
| + | .rt-tooltip { | ||
| + | position: absolute; | ||
| + | z-index: 1000; | ||
| + | max-width: 350px; | ||
| + | background: #fff; | ||
| + | color: #222; | ||
| + | font-size: 13px; | ||
| + | line-height: 1.5em; | ||
| + | border: 1px solid #c8ccd1; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); | ||
| + | box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); | ||
| + | overflow-wrap: break-word; | ||
| + | } | ||
| + | |||
| + | .rt-tooltip.rt-tooltip-insideWindow { | ||
| + | z-index: 110; | ||
| + | } | ||
| + | |||
| + | .rt-tooltipContent { | ||
| + | padding: 9px 12px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltip-above .rt-tooltipContent { | ||
| + | margin-bottom: -8px; | ||
| + | padding-bottom: 17px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltip-below .rt-tooltipContent { | ||
| + | margin-top: -10px; | ||
| + | padding-top: 19px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltipTail, | ||
| + | .rt-tooltipTail:after { | ||
| + | position: absolute; | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltipTail { | ||
| + | background: #c8ccd1; | ||
| + | background: -webkit-linear-gradient(bottom left, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%); | ||
| + | background: linear-gradient(to top right, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%); | ||
| + | } | ||
| + | |||
| + | .rt-tooltipTail:after { | ||
| + | content: ""; | ||
| + | background: #fff; | ||
| + | bottom: 1px; | ||
| + | left: 1px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltip-above .rt-tooltipTail { | ||
| + | -webkit-transform: rotate(-45deg); | ||
| + | transform: rotate(-45deg); | ||
| + | -webkit-transform-origin: 100% 100%; | ||
| + | transform-origin: 100% 100%; | ||
| + | bottom: 0; | ||
| + | left: 15px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltip-below .rt-tooltipTail { | ||
| + | -webkit-transform: rotate(135deg); | ||
| + | transform: rotate(135deg); | ||
| + | -webkit-transform-origin: 0 0; | ||
| + | transform-origin: 0 0; | ||
| + | top: 0; | ||
| + | left: 27px; | ||
| + | } | ||
| + | |||
| + | .rt-settingsLink { | ||
| + | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0D%0A%20%20%20%20%3Cpath%20fill%3D%22%23555%22%20d%3D%22M20%2014.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5%201.1c-.5-.3-1-.5-1.4-.6L13.5%205h-2.9l-.3%201.8c-.5.1-.9.3-1.4.6L7.4%206.3%205.3%208.4l1%201.5c-.3.5-.4.9-.6%201.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6%201.4l-1%201.5%202.1%202.1%201.5-1c.4.2.9.4%201.4.6l.3%201.8h3l.3-1.8c.5-.1.9-.3%201.4-.6l1.5%201.1%202.1-2.1-1.1-1.5c.3-.5.5-1%20.6-1.4l1.5-.3zM12%2016c-1.7%200-3-1.3-3-3s1.3-3%203-3%203%201.3%203%203-1.3%203-3%203z%22%2F%3E%0D%0A%3C%2Fsvg%3E); | ||
| + | float: right; | ||
| + | cursor: pointer; | ||
| + | margin: -4px -4px 0 8px; | ||
| + | height: 24px; | ||
| + | width: 24px; | ||
| + | border-radius: 2px; | ||
| + | background-position: center center; | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: 24px 24px; | ||
| + | } | ||
| + | |||
| + | .rt-settingsLink:hover { | ||
| + | background-color: #eee; | ||
| + | } | ||
| + | |||
| + | .rt-target { | ||
| + | background-color: #def; | ||
| + | } | ||
| + | |||
| + | .rt-enableSelect { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | .rt-settingsFormSeparator { | ||
| + | margin: 0.85714286em 0; | ||
| + | } | ||
| + | |||
| + | .rt-numberInput.rt-numberInput { | ||
| + | width: 150px; | ||
| + | } | ||
| + | |||
| + | .rt-tooltipsForCommentsField.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField { | ||
| + | margin-top: 1.64285714em; | ||
| + | } | ||
| + | |||
| + | .rt-disabledHelp { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | |||
| + | .rt-disabledHelp td { | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .rt-disabledNote.rt-disabledNote { | ||
| + | vertical-align: bottom; | ||
| + | padding-left: 0.36em; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes rt-fade-in-up { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, 20px); | ||
| + | -moz-transform: translate(0, 20px); | ||
| + | -ms-transform: translate(0, 20px); | ||
| + | transform: translate(0, 20px) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-moz-keyframes rt-fade-in-up { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, 20px); | ||
| + | -moz-transform: translate(0, 20px); | ||
| + | -ms-transform: translate(0, 20px); | ||
| + | transform: translate(0, 20px) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes rt-fade-in-up { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, 20px); | ||
| + | -moz-transform: translate(0, 20px); | ||
| + | -ms-transform: translate(0, 20px); | ||
| + | transform: translate(0, 20px) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes rt-fade-in-down { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, -20px); | ||
| + | -moz-transform: translate(0, -20px); | ||
| + | -ms-transform: translate(0, -20px); | ||
| + | transform: translate(0, -20px) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-moz-keyframes rt-fade-in-down { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, -20px); | ||
| + | -moz-transform: translate(0, -20px); | ||
| + | -ms-transform: translate(0, -20px); | ||
| + | transform: translate(0, -20px) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes rt-fade-in-down { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, -20px); | ||
| + | -moz-transform: translate(0, -20px); | ||
| + | -ms-transform: translate(0, -20px); | ||
| + | transform: translate(0, -20px) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes rt-fade-out-down { | ||
| + | 0% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, 20px); | ||
| + | -moz-transform: translate(0, 20px); | ||
| + | -ms-transform: translate(0, 20px); | ||
| + | transform: translate(0, 20px) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-moz-keyframes rt-fade-out-down { | ||
| + | 0% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, 20px); | ||
| + | -moz-transform: translate(0, 20px); | ||
| + | -ms-transform: translate(0, 20px); | ||
| + | transform: translate(0, 20px) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes rt-fade-out-down { | ||
| + | 0% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, 20px); | ||
| + | -moz-transform: translate(0, 20px); | ||
| + | -ms-transform: translate(0, 20px); | ||
| + | transform: translate(0, 20px) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes rt-fade-out-up { | ||
| + | 0% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, -20px); | ||
| + | -moz-transform: translate(0, -20px); | ||
| + | -ms-transform: translate(0, -20px); | ||
| + | transform: translate(0, -20px) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-moz-keyframes rt-fade-out-up { | ||
| + | 0% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, -20px); | ||
| + | -moz-transform: translate(0, -20px); | ||
| + | -ms-transform: translate(0, -20px); | ||
| + | transform: translate(0, -20px) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes rt-fade-out-up { | ||
| + | 0% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -moz-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0) | ||
| + | } | ||
| + | 100% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: translate(0, -20px); | ||
| + | -moz-transform: translate(0, -20px); | ||
| + | -ms-transform: translate(0, -20px); | ||
| + | transform: translate(0, -20px) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .rt-fade-in-up { | ||
| + | -webkit-animation: rt-fade-in-up 0.2s ease forwards; | ||
| + | -moz-animation: rt-fade-in-up 0.2s ease forwards; | ||
| + | animation: rt-fade-in-up 0.2s ease forwards | ||
| + | } | ||
| + | |||
| + | .rt-fade-in-down { | ||
| + | -webkit-animation: rt-fade-in-down 0.2s ease forwards; | ||
| + | -moz-animation: rt-fade-in-down 0.2s ease forwards; | ||
| + | animation: rt-fade-in-down 0.2s ease forwards | ||
| + | } | ||
| + | |||
| + | .rt-fade-out-down { | ||
| + | -webkit-animation: rt-fade-out-down 0.2s ease forwards; | ||
| + | -moz-animation: rt-fade-out-down 0.2s ease forwards; | ||
| + | animation: rt-fade-out-down 0.2s ease forwards | ||
| + | } | ||
| + | |||
| + | .rt-fade-out-up { | ||
| + | -webkit-animation: rt-fade-out-up 0.2s ease forwards; | ||
| + | -moz-animation: rt-fade-out-up 0.2s ease forwards; | ||
| + | animation: rt-fade-out-up 0.2s ease forwards | ||
| + | } | ||
| + | |||
| + | /* ===== System requirements tabs ================================================================================================================== */ | ||
| + | |||
| + | .sysreqTab { | ||
| + | background: #f5f5f5; | ||
| + | border-width: 1px 1px 0px 1px; | ||
| + | border-style: solid; | ||
| + | border-color: #ccc; | ||
| + | cursor: pointer; | ||
| + | padding: 1em 1.5em; | ||
| + | transition: all .25s; | ||
| + | } | ||
| + | |||
| + | .selectedTab { | ||
| + | background: #556DB3; | ||
| + | color: white; | ||
| + | border-color: #556DB3; | ||
| + | } | ||
| + | |||
| + | /* ===== Expand width of Engine Games list to 100% ================================================================================================================== */ | ||
| + | |||
| + | #table-engine-games { | ||
| + | width: 100%; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | /* ===== Staff user colours ======================================================================================================================== */ | ||
| + | |||
| + | a[title="User:Andytizer"], a[href="/wiki/User:Andytizer"], | ||
| + | a[title="User:Baronsmoki"], a[href="/wiki/User:Baronsmoki"], | ||
| + | a[title="User:Blackbird"], a[href="/wiki/User:Blackbird"], | ||
| + | a[title="User:Dave247"], a[href="/wiki/User:Dave247"], | ||
| + | a[title="User:SargeCassidy"], a[href="/wiki/User:SargeCassidy"] | ||
| + | { font-weight: bold; color: #1ABC9C } | ||
| + | |||
| + | a[title="User:Aemony"], a[href="/wiki/User:Aemony"], | ||
| + | a[title="User:Garrett"], a[href="/wiki/User:Garrett"], | ||
| + | a[title="User:Snuxoll"], a[href="/wiki/User:Snuxoll"], | ||
| + | a[title="User:Suicide machine"], a[href="/wiki/User:Suicide machine"], | ||
| + | a[title="User:Vetle"], a[href="/wiki/User:Vetle"] | ||
| + | { font-weight: bold; color: #1ABC9C } | ||
| + | |||
| + | a[title="User:Cptmold"], a[href="/wiki/User:Cptmold"], | ||
| + | a[title="User:Fayaine"], a[href="/wiki/User:Fayaine"], | ||
| + | a[title="User:Jigen123"], a[href="/wiki/User:Jigen123"], | ||
| + | a[title="User:Marioysikax"], a[href="/wiki/User:Marioysikax"], | ||
| + | a[title="User:Mastan"], a[href="/wiki/User:Mastan"], | ||
| + | a[title="User:MasterBlaster"], a[href="/wiki/User:MasterBlaster"], | ||
| + | a[title="User:Macgovern"], a[href="/wiki/User:Macgovern"], | ||
| + | a[title="User:Mirh"], a[href="/wiki/User:Mirh"], | ||
| + | a[title="User:Nccvoyager"], a[href="/wiki/User:Nccvoyager"], | ||
| + | a[title="User:Shadowstealer7"], a[href="/wiki/User:Shadowstealer7"], | ||
| + | a[title="User:Silent"], a[href="/wiki/User:Silent"], | ||
| + | a[title="User:SirYodaJedi"], a[href="/wiki/User:SirYodaJedi"], | ||
| + | a[title="User:Tecc"], a[href="/wiki/User:Tecc"] | ||
| + | { font-weight: bold; color: #e67e22 } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /* Lookash changes */ | ||
| + | |||
| + | #p-personal { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile ul { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile > li > a { | ||
| + | display: block; | ||
| + | color: #aaaab2; | ||
| + | text-decoration: none; | ||
| + | border-bottom: 1px solid #222; | ||
| + | border-top: 1px solid rgba(255,255,255,.1); | ||
| + | font-size: 13px; | ||
| + | padding: 10px 15px; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile #personal-bar-flyout > div li a { | ||
| + | color: #aaaab2; | ||
| + | display: block; | ||
| + | line-height: initial; | ||
| + | border-bottom: 1px solid #222; | ||
| + | border-top: 1px solid rgba(255,255,255,.1); | ||
| + | font-size: 13px; | ||
| + | padding: 10px 15px 10px 15px; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile #personal-bar-flyout { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile #personal-bar-flyout > div > a { | ||
| + | text-transform: uppercase; | ||
| + | font-size: 1.4rem; | ||
| + | font-weight: 400; | ||
| + | color: #fff; | ||
| + | display: block; | ||
| + | padding: 10px 15px; | ||
| + | line-height: initial; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile #personal-bar-flyout div a { | ||
| + | background: none; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile #personal-bar-flyout { | ||
| + | list-style: none; | ||
| + | } | ||
| + | |||
| + | .header-item { | ||
| + | cursor: pointer; | ||
| + | padding: 10px 18px; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | .page-Home .home-information-column { | ||
| + | max-width: none; | ||
| + | } | ||
| + | */ | ||
| + | |||
| + | .page-Home .home-card { | ||
| + | max-width: none; | ||
| + | } | ||
| + | |||
| + | .dropdown-menu { | ||
| + | margin: 0; | ||
| + | list-style: none; | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height .5s cubic-bezier(0, 1.05, 0, 1); | ||
| + | -webkit-transition: max-height .5s cubic-bezier(0, 1.05, 0, 1); | ||
| + | } | ||
| + | |||
| + | .dropdown-menu li:last-child { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | |||
| + | .dropdown-menu a { | ||
| + | border-bottom: 1px solid #222; | ||
| + | border-top: 1px solid rgba(255,255,255,.1); | ||
| + | font-size: 13px; | ||
| + | padding: 10px 15px 10px 30px; | ||
| + | |||
| + | } | ||
| + | |||
| + | .dropdown-toggle::after { | ||
| + | display: inline-block; | ||
| + | margin-left: 0.5em; | ||
| + | vertical-align: 0.155em; | ||
| + | content: ""; | ||
| + | border-top: 0.3em solid; | ||
| + | border-right: 0.3em solid transparent; | ||
| + | border-bottom: 0; | ||
| + | border-left: 0.3em solid transparent; | ||
| + | } | ||
| + | |||
| + | .display-block { | ||
| + | max-height: 600px; | ||
| + | transition: max-height .5s linear; | ||
| + | -webkit-transition: max-height .5s linear; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar li { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 800px) { | ||
| + | #pcgw-header-sidebar { | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container { | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .header-item { | ||
| + | border-bottom: 1px solid #222; | ||
| + | border-top: 1px solid rgba(255, 255, 255, .1); | ||
| + | font-size: 13px; | ||
| + | padding: 10px 15px; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar .dropdown-menu a:hover, #pcgw-header-sidebar .dropdown-menu a:active { | ||
| + | background-color: #1a1a1a; | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .white-text { | ||
| + | color: #aaaab2; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | |||
| + | .ad-header-container, .ad-footer-container { | ||
| + | max-width: calc(100vw) !important; | ||
| + | } | ||
| + | |||
| + | .ad-header-container div, .ad-footer-container div { | ||
| + | max-width: calc(100vw); | ||
| + | } | ||
| + | |||
| + | .ad-header-container img { | ||
| + | height: auto; | ||
| + | min-height: auto; | ||
| + | max-height: none; | ||
| + | position: static; | ||
| + | min-width: 1px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (min-width: 801px) { | ||
| + | .white-text { | ||
| + | color: white; | ||
| + | background-color: #1a1a1a; | ||
| + | } | ||
| + | |||
| + | #p-personal-mobile { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-logo { | ||
| + | display: block; | ||
| + | height: 40px; | ||
| + | width: 200px; | ||
| + | margin: 0; | ||
| + | flex-shrink: 0; | ||
| + | } | ||
| + | |||
| + | #pcgw-logo { | ||
| + | margin: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar .dropdown-menu { | ||
| + | display: none; | ||
| + | list-style: none; | ||
| + | max-height: none; | ||
| + | overflow: auto; | ||
| + | transition: none; | ||
| + | -webkit-transition: none; | ||
| + | } | ||
| + | |||
| + | #pcgw-logo img { | ||
| + | width: auto; | ||
| + | margin: 5px 5px 0 0; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar { | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar li { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | .dropdown-toggle { | ||
| + | margin: 0; | ||
| + | display: block; | ||
| + | padding: 11.5px 10px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .dropdown-toggle:hover { | ||
| + | color: white; | ||
| + | background-color: #1a1a1a; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar .dropdown-toggle:hover + .dropdown-menu, | ||
| + | #pcgw-header-sidebar .dropdown-menu:hover { | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | background: #333; | ||
| + | top: 45px; | ||
| + | list-style: none; | ||
| + | min-width: 100px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar .dropdown-menu a { | ||
| + | display: block; | ||
| + | color: #aaaab2; | ||
| + | padding: 7px 10px; | ||
| + | font-size: 1.2rem; | ||
| + | transition: color 200ms ease-in-out, background 200ms ease-in-out; | ||
| + | -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-sidebar .dropdown-menu a:hover, #pcgw-header-sidebar .dropdown-menu a:active { | ||
| + | background-color: #1a1a1a; | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-logo a { | ||
| + | display: block; | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | #pcgw-header-logo img { | ||
| + | width: 200px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | |||
| + | #pcgw-header { | ||
| + | background-color: #333; | ||
| + | z-index: 100; | ||
| + | height: 45px; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container { | ||
| + | margin: 0 5px; | ||
| + | padding: 0; | ||
| + | display: flex; | ||
| + | } | ||
| + | |||
| + | #header-search { | ||
| + | display: block; | ||
| + | margin: 0 5px; | ||
| + | position: static; | ||
| + | } | ||
| + | |||
| + | #header-search input[type="search"] { | ||
| + | width: 130px; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container li span { | ||
| + | padding: 14px 3px; | ||
| + | } | ||
| + | |||
| + | .pcgw-header_limit { | ||
| + | max-width: 1200px; | ||
| + | width: 100%; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | margin: 0 5px 0 0; | ||
| + | } | ||
| + | |||
| + | #p-personal { | ||
| + | position: static; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | #p-personal #p-personal-logged-in li { | ||
| + | display: inline-block; | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | |||
| + | #p-personal #p-personal-logged-in a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | #p-personal #personal-bar-flyout > div { | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | #p-personal #personal-bar-flyout > div ul { | ||
| + | position: absolute; | ||
| + | background-color: white; | ||
| + | left: -1px; | ||
| + | right: 0; | ||
| + | min-width: 150px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | |||
| + | #p-personal-logged-in { | ||
| + | margin-top: 0; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | } | ||
| + | |||
| + | #p-personal #personal-bar-flyout { | ||
| + | min-width: 150px; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | |||
| + | .rightside-wrap { | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (min-width: 1024px) { | ||
| + | #header-search input[type="search"] { | ||
| + | width: 200px; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container li span { | ||
| + | padding: 14px 5px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (min-width: 1140px) { | ||
| + | #p-personal li { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | #p-personal #personal-bar-flyout { | ||
| + | min-width: 200px; | ||
| + | } | ||
| + | |||
| + | #header-search input[type="search"] { | ||
| + | width: 250px; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container { | ||
| + | margin: 0 5px; | ||
| + | } | ||
| + | |||
| + | .header-item-left-container li span { | ||
| + | padding: 14px 10px; | ||
| + | } | ||
| + | |||
| + | .pcgw-header_limit { | ||
| + | margin: 0 10px; | ||
| + | } | ||
| + | |||
| + | #p-personal #personal-bar-flyout { | ||
| + | min-width: 150px; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .header-item-left-container .feedlink { | ||
| + | background: none; | ||
| + | } | ||
| + | |||
| + | #pt-anonuserpage > a, | ||
| + | #pt-anontalk > a, | ||
| + | #pt-anoncontribs > a, | ||
| + | #pt-login > a, | ||
| + | #pt-createaccount > a { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | |||
| + | //cancel button below this form | ||
| + | .cancelLink { | ||
| + | margin-bottom: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .cancelLink a { | ||
| + | border: #cdcdcd 1px solid; | ||
| + | padding: .5em 0.85714286em; | ||
| + | } | ||
| + | |||
| + | /* Table sorting arrows made white, header made blue for contrast */ | ||
| + | |||
| + | table.jquery-tablesorter th.headerSort { | ||
| + | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%229%22%3E%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zm0-1l-4-4-4%204z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E"); | ||
| + | background-color: #556db3; | ||
| + | color: #fff; | ||
| + | padding-right: 20px; | ||
} | } | ||
Latest revision as of 02:27, 12 April 2024
/* CSS placed here will be applied to all skins */
/* color site notice hr */
div#site-notice hr {
background-color: #FFF;
}
/* sticky table headers on desktop */
@media (min-width: 801px)
{
table.pcgwikitable.sortable thead {
position: sticky;
top: 45px;
}
}
/* fix broken three-column overflow in Chromium browsers */
/* might not actually solve all situations where this occurs */
#pcgw-references ol.references
{
margin-bottom: 45px
}
/* new Template:File styling */
code.file-code {
font-weight: bold;
background: none;
border: none;
}
span.file-span,
span.file-span-directory,
span.file-span-registr
{
height: 1em;
width: 1.5em;
display: inline-block;
}
span.file-span:before {
content: "📄";
}
span.file-span-directory:before {
content: "📂";
}
span.file-span-registry:before {
content: "🧊";
}
span.file-span-linebreak {
/* line-break: anywhere; */ /* disabled for testing white-space approach instead */
white-space: break-spaces; /* disabled 'nowrap' after finding scenarios that it breaks */
}
/* prevents scribunto's debug console to extend long past the main content area */
.mw-scribunto-console-fieldset {
overflow-wrap: anywhere;
}
/* fix for weird [Expand] label being added to some scenarios */
/* .client-js td.mw-collapsed:not(.mw-made-collapsible):before, */
.client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before /* <-- this is the problematic line */
/* .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, */
/* .client-js div.mw-collapsed:not(.mw-made-collapsible):before */
{
content: '';
}
/* ProtonDB medals */
.rating-badges {
padding: 3px 5px;
margin: 2px;
height: 25px;
border-radius: 20px;
font-weight: bold;
color: white;
}
.rating-container a {
text-decoration: none;
}
.protondb-click-play-tier-1 {background: rgb(97, 205, 187);}
.protondb-click-play-tier-2 {background: rgb(241, 225, 91);}
.protondb-click-play-tier-3 {background: rgb(232, 193, 160);}
.protondb-click-play-tier-4 {background: rgb(232, 168, 56);}
.protondb-click-play-tier-5 {background: rgb(244, 117, 96);}
.protondb-click-play-tier-unknown {background: grey;}
.protondb-medals-platinum {background: rgb(180, 199, 220);}
.protondb-medals-gold {background: rgb(207, 181, 59);}
.protondb-medals-silver {background: rgb(166, 166, 166);}
.protondb-medals-bronze {background: rgb(153, 153, 153);}
.protondb-medals-borked {background: red;}
.protondb-medals-unknown {background: grey;}
/* Steam Deck verified icons */
.steam-deck-verified {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3C/svg%3E");
}
.steam-deck-playable {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='125' fill='%23ffc82c'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='120' cy='60' r='20'/%3E%3Cpath d='M86,95h56v90h19v18H86V185h18V110H86z'/%3E%3C/g%3E%3C/svg%3E");
}
.steam-deck-unsupported {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='121' fill='%237c8ea3'/%3E%3Cpath fill='%23fff' d='M63.4,167 103.2,122 62.6,72.2c-3.4,-5.7-2.5,-11.7 2.2,-15 6.9,-4 16.7,-4.6 22.8,0.2l38.3,46.1 34.5,-40.5c4.1,-5.4 10.4,-8.9 16.6,-9 22.4,1.4 15.1,17 6,27.6l-35,40.4 37.7,45c8,8.3 15.1,21.7 1.9,27.4-7.7,2.8-17.3,2-22.9,-4.1l-39.4,-47.5-38.8,45.7c-4.4,5.1-10.5,7.5-16.8,7.5-21.8,-3.8-15.8,-18.2-6.3,-29z'/%3E%3C/svg%3E");
}
/* Add left-margin to notes within fixboxes */
.fixbox-body dl {
margin-left: 6px;
}
h2 + dl {
margin-top: 0.7em;
}
/* Gamesplanet promo CSS class */
.mw-body-with-ads .home-gamesplanet-promo {
display: block !important;
}
.mw-body-with-ads .home-search-examples {
display: none !important;
}
.home-gamesplanet-promo {
width: 100%;
position: absolute;
top: 120px;
display: none;
}
.home-gamesplanet-promo a {
color: rgba(255,255,255,0.8) !important;
transition: 300ms color;
display: inline;
padding: 0 5px;
}
/* ===== Hide header section on various pages ==================
*
* Prevents display of the "Edit", "Discussion", etc. tabs and
* site-sub on various pages.
*
*/
.page-PCGamingWiki_About #site-sub, .page-PCGamingWiki_About .article-header, .page-PCGamingWiki_About #catlinks, .page-PCGamingWiki_About #mw-head,
.page-PCGamingWiki_FAQ #site-sub, .page-PCGamingWiki_FAQ .article-header, .page-PCGamingWiki_FAQ #catlinks, .page-PCGamingWiki_FAQ #mw-head,
.page-PCGamingWiki_Account #site-sub, .page-PCGamingWiki_Account .article-header, .page-PCGamingWiki_Account #catlinks, .page-PCGamingWiki_Account #mw-head,
.page-PCGamingWiki_Disclaimer #site-sub, .page-PCGamingWiki_Disclaimer .article-header, .page-PCGamingWiki_Disclaimer #catlinks, .page-PCGamingWiki_Disclaimer #mw-head,
.page-PCGamingWiki_Copyrights #site-sub, .page-PCGamingWiki_Copyrights .article-header, .page-PCGamingWiki_Copyrights #catlinks, .page-PCGamingWiki_Copyrights #mw-head,
.page-PCGamingWiki_Privacy_policy #site-sub, .page-PCGamingWiki_Privacy_policy .article-header, .page-PCGamingWiki_Privacy_policy #catlinks, .page-PCGamingWiki_Privacy_policy #mw-head,
.page-PCGamingWiki_API #site-sub, .page-PCGamingWiki_API .article-header, .page-PCGamingWiki_API #catlinks, .page-PCGamingWiki_API #mw-head,
.page-PCGamingWiki_Extension #site-sub, .page-PCGamingWiki_Extension .article-header, .page-PCGamingWiki_Extension #catlinks, .page-PCGamingWiki_Extension #mw-head,
.page-PCGamingWiki_Partnerships #site-sub, .page-PCGamingWiki_Partnerships .article-header, .page-PCGamingWiki_Partnerships #catlinks, .page-PCGamingWiki_Partnerships #mw-head
{
display: none;
}
/* ===== Fix for links in the editing guide navigation boxes not covering everything================== */
/* both boxes */
.editing-guide-list-item.editing-guide-previous > p, .editing-guide-list-item.editing-guide-next > p {
padding-top: 0px;
}
/* next link */
.editing-guide-list-item.editing-guide-next a, .editing-guide-list-item.editing-guide-next a.new, .editing-guide-list-item.editing-guide-next a.new:visited {
padding: 40px 115px 10px 20px;
}
/* previous link */
.editing-guide-list-item.editing-guide-previous a, .editing-guide-list-item.editing-guide-previous a.new, .editing-guide-list-item.editing-guide-previous a.new:visited {
padding: 40px 20px 10px 115px;
}
/* gotta fix icon for previous link */
.editing-guide-list-item.editing-guide-previous .editing-guide-icon a, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new:visited {
padding: 0;
}
/* gotta prevent "clicks" from registering on the previous / next text labels themselves, and allow the click to register on the underlying link */
.editing-guide-list-item.editing-guide-previous > p::before, .editing-guide-list-item.editing-guide-next > p::before {
pointer-events: none;
}
/* ===== Make all images in content responsive by default ========================== */
#body-content img {
max-width: 100%;
height: auto;
}
/* ===== Notificaiton anchor doesn't display properly so cleaner just to hide it ===== */
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {display:none}
/* ===== Venatus skin (guests only) ========================== */
.raiSkinDesktop .ad-header-container, .raiSkinDesktop .ad-footer-container, .raiSkinDesktop #mpu {display:none}
.raiSkinDesktop #pcgw-header {position:static}
.raiSkinDesktop #masthead {margin-top:0}
.raiSkinDesktop #main-content {margin-top:0;margin-bottom:0}
.raiSkinDesktop {background:black}
/* ===== Changes to new content width and whatnot ==========================
*
* There's a sudden disrupted change in width when going below 1630px with the new content size, where basically the content width is allowed to be at 1630px at higher resolutions, then at viewport resolutions below 1830px the main content width starts to shrink below 1630px, until it reaches 1430px or so, where it suddenly jumps up to 1630px again. This is due to #main-column enforcing a width: calc(100vw - 200px); style to it.
*
*/
#main-column {
width: 100vw;
}
/* Adds fixed top bar on scrolling -- mirroring the mobile view */
#pcgw-header {
position: fixed;
}
/* Adds fixed top bar on scrolling -- mirroring the mobile view */
#masthead {
margin-top: 45px;
}
/* Fix vertical scrollbar on sub-1630px views + mobile-view margin issue */
#main-content {
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
/* Fix margin on mobile view */
@media (max-width: 800px)
{
#main-content {
width: 100vw;
}
table.template-seriesbox {
width: 100vw;
}
html.client-js #toc {
width: 100vw;
}
.container-pcgwikitable {
width: 100vw;
max-width: 100vw;
}
.pcgwikitable {
width: 100vw;
}
/* Further changes to make the personal-bar-flyout in mobile view to get more inline with the rest of the sidebar */
#p-personal-mobile #personal-bar-flyout > div li a:hover, #p-personal-mobile #personal-bar-flyout > div li a:active {
background-color: #1a1a1a;
color: white;
text-decoration: none;
}
}
/* Fix user menu disappearing into the white of the content area due to lack of borders */
@media (min-width: 801px)
{
#p-personal #personal-bar-flyout > div {
height: 30px;
padding: 2px .2rem 0 .2rem;
background: right 10px top 8px no-repeat;
background-size: auto 12px;
background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M16 6 14 3.8 8 10 2 3.8 0 6 8 14Z%22 fill=%22%23fff%22/%3E%3C/svg%3E);
}
div#personal-bar-flyout > div > ul {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
}
/* Fix z-index issue on front page where large search box results are displayed above top nav dropdown menus */
.page-Home div.suggestions + div.suggestions {
z-index: 99; /* previously: 1099; */
}
/* Fix social buttons and footer being misaligned at 1200px #masthead width */
.pcgw-footer-column:last-of-type {
width: 1080px; /* social buttons are 60px width. 1080 + 60 + 60 == 1200px */
margin-right: 60px; /* push the contents further 60px to the left (the width of the social buttons to the left) to account for the off-center positioning */
}
/* Retain sizing in mobile view */
@media (max-width: 800px) {
.pcgw-footer-column:last-of-type {
min-width: 0;
width: 100%;
height: auto;
}
}
/* Counteract the floating nav causing direct links to miss their targets */
html {
scroll-padding-top: 45px; /* height of sticky header */
}
/* ===== Styling Tocbox ==========================
*
*
*/
table.template-tocbox {
float: right;
clear: right;
color: #333;
width: 300px;
margin: 0;
margin-bottom: 15px;
margin-left: 15px;
background-color: #fff;
font-size: 1.2rem;
}
.template-tocbox label.toctogglelabel {
color: #fff;
}
table.template-tocbox td.template-tocbox-body {
padding: 0
}
table.template-tocbox td.template-tocbox-body div#toc {
display: inline block;
background: none;
border: none;
width: 100%;
}
table.template-tocbox td.template-tocbox-body div#toc {
display: inline block;
background: none;
border: none;
width: 100%;
}
table.template-tocbox td.template-tocbox-body div#toc > ul {
padding: 5px 9px 7px 9px;
}
table.template-tocbox td.template-tocbox-body div.toctitle {
/* display: none; */
background-color: #556db3;
padding: 5px;
font-size: 1.4rem;
font-weight: 600;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
color: #fff;
text-align: center;
}
table.template-tocbox td.template-tocbox-body div.toctitle h2 {
color: #fff;
}
table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle {
float: right;
}
table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle a {
color: #fff;
text-decoration: none;
}
table.template-tocbox td.template-tocbox-body a.collapsibletoc-section-toggle {
float: right;
}
table.template-tocbox td.template-tocbox-body span.collapsibletoc-section-neither {
display: none;
}
@media (max-width: 800px)
{
table.template-tocbox {
float: none;
clear: both;
width: calc(100vw);
margin-left: 0;
}
}
/* Push Contents header of the new tocbox 39px to the right */
@media (min-width: 801px)
{
.template-tocbox-body div#toc h2 {
padding-left: 39px;
}
}
/* ===== Hide abbr text decoration underline in the infobox ==========================
*
*
*/
.template-infobox abbr {
text-decoration: none;
}
/* ===== Cleanup, Stub, Deletion, and State color changes ==========================
*
*
*/
.notice {
background-color: #d7e3f4;
color: #000;
}
.notice-stub, .notice-cleanup {
background-color: #ffe8b3;
}
.notice-text a, .notice-text > span > a, .notice-text > span > a.external, .notice-text > span > a.external:visited, .notice-text a.external, .notice-text a.external:visited, .notice-text a.new, .notice-text a.new:visited {
color: #375898;
}
.notice-stub.notice-section, .notice-cleanup.notice-section {
background-color: #FFF;
}
/* ===== Styling News section ====================================================
*
*
*/
.news_ref {
font-size:70%;
vertical-align: super;
}
.news_li {list-style:none;margin-bottom:4px;margin-left:23px}
.news_li > a {font-weight:bold}
.news_li::before {
content: '';
display: inline-block;
height: 16px;
width: 16px;
background-size: 16px;
background-repeat: no-repeat;
margin-right: 8px;
background-position: center center;
vertical-align: bottom;
margin-left:-23px;
}
.news_icon_info::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 250 250%22%3E%3Ccircle cx=%22125%22 cy=%22125%22 r=%22125%22 fill=%22%231f3661%22/%3E%3Cg fill=%22%23fff%22%3E%3Ccircle cx=%22120%22 cy=%2260%22 r=%2220%22/%3E%3Cpath d=%22M86%2C95h56v90h19v18H86V185h18V110H86z%22/%3E%3C/g%3E%3C/svg%3E");
}
.news_icon_pin::before {
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");
}
/* ===== Styling collapsible stuff of the seriesbox ====================================================
*
*
*/
table.template-seriesbox {
border-top: 0;
border-bottom: 0;
}
table.template-seriesbox tr:nth-child(2) {
height: 27px; /* 3px padding top -- gets the box in line with Tocbox */
vertical-align: bottom; /* workaround for margin/padding refusing to work on this element */
}
table.pcgwikitable th.headerSort span.mw-collapsible-toggle {
padding-right: 20px;
}
table.template-seriesbox .mw-collapsible-toggle-default:before {
display:none;
}
table.template-seriesbox .mw-collapsible-toggle-default:after {
display:none;
}
table.template-seriesbox .mw-collapsible-toggle {
display: block;
float: none;
}
table.template-seriesbox .mw-collapsible-toggle a:hover, table.template-seriesbox .mw-collapsible-toggle a:focus {
text-decoration: none;
}
.template-seriesbox-series-link {
text-align: left;
padding-left: 9px;
}
.template-seriesbox-title {
color: #FFF
}
.template-seriesbox-title > a {
display: block;
text-decoration: none;
color: #FFF
}
.template-seriesbox-title > a:visited {
display: block;
text-decoration: none;
color: #FFF !important;
}
.template-seriesbox .mw-collapsible-toggle-expanded {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center right;
padding: 0 21px;
}
.template-seriesbox .mw-collapsible-toggle-collapsed {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center right;
padding: 0 21px;
}
/* ===== RecentChanges spacing fix ====================================================
*
*/
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
padding-top: 0.28571429em;
padding-left: 1.32857143em;
}
/* DISABLED 2022-09-05 after site update due to causing misaligned buttons on https://www.pcgamingwiki.com/wiki/Special:CargoTables
.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
left: 0.3em;
}
*/
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 0;
}
.oo-ui-image-progressive {display:none!important}
/* Related reference tooltip options fix */
.oo-ui-fieldsetLayout {box-shadow:none!important}
.oo-ui-numberInputWidget-field {width:auto}
/* ===== Hide tocnumber ====================================================
*
* Attempt to fix Google indexing the damn tocnumbers despite them being hidden.
*
*/
.tocnumber, #toc .tocnumber, .toc .tocnumber, span.tocnumber {
display: none;
visibility: hidden;
font-size: 0;
}
/* ===== Mobile TOC ====================================================
*
* Make mobile TOC consistent, arrow shows it can be expanded
*
*/
@media (max-width: 800px)
{
#toc > .toctitle {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center right;
padding: 0 21px;
}
#toc > .toctitle > h2 {
text-transform: none;
}
}
/* ===== DD adjust spacing ====================================================
*
*/
dd {
margin-top: 0;
}
/* ===== Code wrap on mobile ====================================================
*
*/
@media only screen and (max-width : 800px) {
code {word-wrap:break-word;}
}
/* ===== Code block padding ====================================================
*
*/
code {padding: 0 1px}
/* ===== Introduction ==========================================================
*
*/
.introduction p, .introduction {line-height:19px;max-width:100%!important}
.introduction {padding:10px 0 10px 0}
/* ===== Responsive table ==========================================================
*
*/
.pcgwikitable {overflow-x:auto}
.page-Taxonomy .pcgwikitable {min-width:800px!important}
/* ===== Monetization + Microtransaction table ========================================================
*
*/
.table-monetization-head-parameter,
.table-monetization-body-parameter,
.table-microtransaction-head-parameter,
.table-microtransaction-body-parameter
{text-align:right;padding:0 6px;width:110px}
/* ===== Glossary box ==============================================================
*
*/
.glossary-table {padding-bottom:10px}
.glossary-table p, table-generic-body-row p {line-height:15px}
.glossary-navigation ul {list-style:none;justify-content:space-between;margin:4px auto 0 auto !important;width:90%;font-weight:bold}
.glossary-navigation ul li {text-align:center}
.glossary-row {text-align:left;padding-left:10px}
.glossary-row ul {margin-left:20px!important}
/* ===== Generic table =============================================================
*
*/
.table-generic-body-row:nth-of-type(2n) {
background-color: #f5f5f5;
}
.table-generic-body-row:nth-of-type(2n+1) {
background-color: #fff;
}
.table-generic-body-row > th {
text-align: left;
padding: 6px 4px;
vertical-align: top;
text-align: center;
}
.table-generic-body-row > td {
text-align: left;
padding: 6px 4px;
vertical-align: top;
}
/* ===== CHANGE : Fix recent changes box that applies to Special pages only ==============================================================
*
*/
.ns-special dl {
margin: 0;
}
ul#pagehistory {
max-width:100%!important
}
/* ===== CHANGE : Improve dd icon and bullet point text widths ==============================================================
*
* Limit the changes to .cat-Games aka pages that are a part of the Games category.
*
*/
/* Thumbs, dd, icon, lists, and paragraph max width and alignment */
/* Commenting this out as less relevant now that we have max-width on all pages
.cat-Games .mw-content-ltr dd, .cat-Games .mw-content-rtl .mw-content-ltr dd { max-width: 800px; }
.cat-Games .ns-0 ul { max-width: 790px }
.cat-Games p { max-width: 820px }
*/
@media only screen and ( min-width: 801px ) {
.cat-Games .mw-content-ltr ul, .cat-Games .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0.3em 2.6em; }
}
/* Apply on all pages -- fixes multi-line bullet points */
.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin-left: 36px }
.thumbs-down, .thumbs-up, .more-info, .info-icon { margin-left: -23px }
/* Perform the same on direct list children using the Wikipedia bullet icon */
dd > a.extiw:first-child { margin-left: -23px }
/* ===== Infobox game ================================================================================================================== */
/* ===== CHANGE : Changes in templates to improve taxonomy look ==============================================================
*
*/
.template-infobox-type {
padding-left: 18px; /* down from 24px */
padding-right: 18px; /* up from 1px */
vertical-align: top; /* changed from bottom/middle */
}
.template-infobox-info {
font-size: 1.1rem; /* down from 1.2rem */
}
.template-infobox-info > a {
/* white-space: nowrap; remove wrapping for individual links - re-enabled this as it broke infobox width */
}
/* ===== CHANGE : Hide external link icon on in infobox ==============================================================
*
* Hide external link icon on external links in the mediawiki (the right column)
*
*/
td.template-infobox-info .external {
padding-right: 0;
background: none !important;
}
/* Size fix for any icon */
.template-infobox-icon {
width:24px!important;
height:24px!important
}
.template-infobox-icon > a > img {
width:24px;
height:24px
}
@media (max-width: 800px) {.template-infobox-icon > a > img {
width:24px;
height:24px
}
}
.infobox-cooptimus {
background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/cooptimus-32x32.png);
background-size: 24px;
}
.infobox-gogdb {
background-image: url("https://images.pcgamingwiki.com/8/81/GOGDB_icon.svg");
background-size:24px;
}
.infobox-hltb {
background-image: url("https://images.pcgamingwiki.com/0/0a/HowLongToBeat_icon.svg");
background-size:24px;
}
.infobox-igdb {
background-image: url("https://images.pcgamingwiki.com/1/19/IGDB_logo.svg");
background-size:24px;
}
.infobox-itad {
background-image: url("https://images.pcgamingwiki.com/2/2e/IsThereAnyDeal_Icon.svg");
background-size: 24px;
}
.infobox-lutris {
background-image: url("https://images.pcgamingwiki.com/1/15/Lutris_Icon.svg");
background-size: 24px;
}
.infobox-mobygames {
background-image: url("https://images.pcgamingwiki.com/e/e1/Mobygames_icon.svg");
background-size: 24px;
}
.infobox-protondb {
background-image: url(https://images.pcgamingwiki.com/7/75/ProtonDB_Icon.svg);
background-size: 24px;
}
.infobox-wsgf {
background-image: url("https://images.pcgamingwiki.com/e/ec/WSGF_Icon.png");
background-size: 24px;
}
.infobox-official-site {
background: url(https://images.pcgamingwiki.com/4/4c/Official_site_icon.svg);
background-size: 24px;
}
.infobox-wikipedia {
background-image: url("https://images.pcgamingwiki.com/9/91/Wikipedia_Icon.svg");
background-size: 24px;
}
.infobox-steambase {
background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/images/steambase_icon_24x24.png");
background-size: 24px;
}
.infobox-applegamingwiki{
background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/favicons/applegamingwiki.png");
background-size: 24px;
}
/* ===== CHANGE : Break words in infotable monospace class ==============================================================
*
* Allows long data locations to wrap down instead of expanding the width of the table.
*
*/
.template-infotable-monospace {
word-break: break-all;
}
/* ===== CHANGE : Hide external link icon on assignees username ==============================================================
*
* Hide external link icon on assignees username (aka hide our ugly hack as we need to rely on fullurl: to get the link working)
*
* 2020-07-15 - Applied it on the applied links as well.
*/
td.table-assignees-row-username .external, td.table-assignment-body-applied .external, td.table-assignment-body-assigned .external {
padding-right: 0;
background: none !important;
}
/* ===== CUSTOM CLASSES ================================================================================================================================================== */
/* Allows wrapping an image in <div class="responsive-image"><img></div> and have it have a responsive width */
.responsive-image img {
max-width: 100%;
height: auto;
}
/* ===== CHANGE : Border to the left of H3s to make it easier to separate H3 sections from H4 sections ==============================================================
*
* This is a change I'm somewhat conflicted about. It works, and it merges nice, and works in mobile as well, but it means the H3s are indented more than the H4s, and can give a minor conflicting look because of it.
*
*/
/* Add a border to H3s by default */
h3 {
border-left: 5px solid #7babde; /* 5px cuz visible, but not distracting */
padding-left: 10px; /* need some air to breath */
position: relative;
left: -15px;
}
/* Remove position change from H3s in category pages */
#mw-subcategories h3, .mw-category h3 {
left: 0;
border: 0;
}
/* Dunno why we're using padding-top when margin-top is more appropriate for this. Probably haven't found the edge case yet, I guess. */
/* This is mostly to remove the padding-top that makes the new border extend upwards above the text of the H3. */
h1, h2, h3, h4, h5 {
margin-top: 10px; /* 10px for margin-top since padding-top: 5px results in about the same, for some weird reason */
padding-top: 0; /* let's remove the current 5px default */
}
/* Let's add more space between sections?
/*
div#body-content h2 {
margin-top: 3.6rem;
}
*//* Default: 1.2rem */
/* Removing border from the first page of the Editing guide */
.skip-h3-left-border h3 {border:0;left:0}
/* ===== MOBILE VIEW OVERRIDES ================================================================================================================================================== */
#pcgw-header-logo {
background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/6/61/PCGamingWiki_wide_white.svg) no-repeat center;
height: 40px;
width: 200px;
left: calc(50% - 100px);
top: 2px;
}
#pcgw-header-logo img {
visibility: hidden;
}
/* ===== BUG FIXES ================================================================================================================================================== */
/* Overrides the width set by the theme JavaScript for the search results box to a 600px static one.
A proper fix would be to update the underlying theme files. */
.page-Home .suggestions {
max-width: 600px;
}
/* Fix Discord page */
.browser-extension-header, .browser-extension-features-list {
max-width:100%;
}
.browser-extension-header > p {
font-size:2.2rem
}
/* Recent changes legend box */
@media (max-width: 800px)
dl {
margin-left: 0!important;
}
/* Hide Google+ link in footer */
.footer-google {
display: none;
}
/* Fixes cut of external link icon on A links in Chrome */
.mw-body a.external {
background: center right 0px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%2210%22 width=%2210%22%3E%3Crect width=%226%22 height=%226%22 x=%220.5%22 y=%223.5%22 fill=%22%23fff%22 stroke=%22%2306c%22/%3E%3Cpath d=%22m4.8 0 5.2 0 0 5.4L8.4 6.9 7.1 5.6 4.4 8.4 1.7 5.7 4.5 2.9 3.2 1.5Z%22 fill=%22%2306f%22/%3E%3Cpath d=%22M9 1 9 5.9 7.2 4.1 4.3 7 3.1 5.7 6 2.8 4.1 1Z%22 fill=%22%23fff%22/%3E%3C/svg%3E");
}
/* Fix "more" nav menu on articles appearing above alerts and notices overlays */
/* the issue is that "#mw-head-right #mw-head-more" z-index is set to 50 */
.mw-echo-ui-overlay {
z-index: 51; /* default 1 */
}
/* Larger margin on the right side of some elements in the fixbox for step-based instructions */
.fixbox ul, .fixbox dl, .fixbox ol {
margin-right: 2em;
}
/* Fixes Chrome crashing on some articles with a lot of references /and/ fixes reference list showing up as a single column in other browsers and not the intended 3 */
/* "overflow-x: hidden;" is what seemingly breaks it from what I can gather */
/* e.g. https://pcgamingwiki.com/wiki/Nier:_Automata */
ol.references {
overflow: initial;
}
/* <p> have a bit too much padding on top when used directly after a fixbox title. */
td.fixbox-body > p:first-child {
padding-top: 0;
}
/* set max width 820px on fixbox classes */
th.fixbox-title, td.fixbox-body {
width: 820px;
}
/* set additional styling */
th.fixbox-title {
text-align: left;
}
.fixbox .fixbox-title {
padding: 12px;
}
/* Bullet points */
@media only screen and (min-width : 801px) {
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin: 0.3em 0 0.3em 2.6em;
}
}
#footer-social-links {
height: auto
}
.page-Home div#body-content input[type="search"] {
position: static;
margin-top: 10px;
}
/* Fixes https://trello.com/c/wSlmbVhf/107-template-icons-in-editing-are-bigger-than-they-should-be */
.tool-button {
background-position: center;
padding: 0px;
margin: 2px;
}
/* Fixes floating drop down menus shown in the article editor when the width goes below 1025px */
.wikiEditor-ui-toolbar .group {
height: auto; /* default 26px */
}
/* Fixes wide <pre> when used in fixboxes. Example: https://pcgamingwiki.com/wiki/Descent_3 */
.fixbox pre, .fixbox code {
max-width: 730px;
overflow-wrap: anywhere;
}
/* Fixes wide <pre> when used in .mw-code. Example: https://pcgamingwiki.com/wiki/MediaWiki:Common.css */
pre, .mw-code {
max-width: 1160px; /* down from 1380px */
overflow-wrap: anywhere;
}
/* Attempt to add some space for the table of content / contents list when it follows directly after a ul list */
ul + div#toc {
margin-top: 10px;
}
/* Fix archive state tags not properly using the full width (is this a weird choice due to the infobox? */
.notice {
/*padding-right: 15px !important;*/ /* down from 350px */ /* commented because this causes the archive tag to stretch across the whole screen when an ad is shown. */
}
/* Fix archive state tags in editing guide covering the text above it partially (margin-top is set to -19px for some reason) */
.notice ~ .notice {
margin-top: 0px !important;
}
/* Fixes .project-intro from going off-screen on widths below 1000ish, but above 800ish */
/* Wrap it around a min width to not break mobile view */
@media only screen and (min-width : 801px) {
.project-intro {
max-width: 750px;
width: auto;
}
}
/* fixes guide-nav-wrapper not being 300px (same as seriesbox and other stuff) */
.guide-nav-wrapper {
padding: 20px;
width: 300px;
margin-bottom: 15px;
}
/* Fix for black text in system req on some articles */
.table-sysreqs-head-OS {
color: #FFF;
}
/* ===== WYSIWYG editor ================================================================================================================================================== */
/* Removes the 70% opacity that was applied to core icons but not custom icons */
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
opacity: 1.0
}
/* Add padding to custom A element to mirror the padding for core icons on custom icons as well */
.group-insert > a {
margin: 3px;
margin-left: 3px;
padding: 3px;
}
/* Fixes special characters crossing the bottom border */
.wikiEditor-ui-toolbar .page-characters div span {
padding: 0px 8px 0px 8px;
}
/* Force inserted toolbar buttons to be 22x22 -- some are otherwise too big */
.group-insert-sections .tool-button,
.group-templates .tool-button
{
background-size: 22px;
}
/* ===== Home page stuff ================================================================================================================================================== */
/* Hides top border for divs in .projects containers */
.page-Home .projects .project-container {
border-top: 0px;
}
/* Hides left border for sections relying on the .stats class since it feels useless anyway */
.page-Home .stats li {
border-right: 0px;
}
/* Fix incorrect one-column styling on 1000px <= x <= 1020px viewports */
.page-Home .home-information {
width: 100%;
}
/* Fix misaligned statistics section on screens where two columns are used but there's not enough width to show the whole section on one line */
.page-Home .stats ul {
text-align: center;
}
/* Fix padding when 3 items on smaller widths */
/* What we're doing is moving the top padding 9px from .home-subheader and assigns it as top margin on .subheader-button instead */
.page-Home .home-subheader {
padding-top: 0;
}
.page-Home .subheader-button {
margin-top: 9px;
}
/* Necessary CSS to style the "Troubleshooting guide" button on the Home page */
.page-Home #subheader-troubleshooting-guide-button {
background-color: #ff9900 !important;
}
.page-Home #subheader-troubleshooting-guide-button:hover {
background-color: #e68a00 !important;
}
/* .home-subheader have staticly defined heights that seemingly aren't necessary and only screws up the layout, on both wide and sub-1000px width scenarios */
/* overrides the height set here https://github.com/PCGamingWiki/overclocked/blob/master/resources/page-home.less#L186-L194 */
/* needed now that we have 4 buttons and not 3 */
@media (max-width: 1000px) {
.page-Home .home-subheader {
height: auto !important;
}
}
.page-Home .home-subheader {
height: auto !important;
}
/* list of lists icon on the home page */
.project-list-of-lists {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 288 288' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Ccircle cx='144' cy='144' r='135' style='fill:none;stroke:%231f3661;stroke-width:10px;'/%3E%3Crect x='62.19' y='135.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='105.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='75.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='165.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='195.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3C/svg%3E");
}
/* 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;
}
/* Adjust height of home search examples for mobile when spanning multiple lines */
@media (max-width: 800px) {
.page-Home .pcgw-home-header .home-search-examples {
top: 135px!important;
}
}
/* Adds drop shadow to the images and aligns them properly in the middle of the box now that we have 4 items in each. */
/* The !important is required since we're basically cheating these sections by piggy-backing off of .stats stylesheets */
.page-Home .home-stubs li, .page-Home .home-past-featured li {
padding: 0 !important;
margin: 0 15px 15px 15px;
}
.page-Home .home-stubs li a, .page-Home .home-past-featured li a {
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
}
/* fixes mobile view from the above rules as otherwise it would end up showing just 1 item per row */
@media (max-width: 800px) {
.page-Home .home-stubs li, .page-Home .home-past-featured li {
margin: 0 0 15px 0;
}
}
/* == Featured Article fix == */
.page-Home .featured-article {
height: 200px;
padding: 25px 0 0 185px;
}
@media (max-width: 1200px) {
.page-Home .featured-article {
height: auto;
padding: 0;
}
}
/* new max-width to allow 3 columns */
@media (min-width: 1610px) {
.page-Home .home-information-column {
max-width: 300px;
}
}
@media (max-width: 1609px) and (min-width: 1001px) {
.page-Home .home-information-column {
max-width: 300px;
}
}
@media (max-width: 1609px) and (min-width: 1201px) {
.page-Home .featured-article {
padding: 10px 0 0 175px;
}
}
/* Home Giveaway Gleam hack */
@media (max-width: 1609px) {
.giveaway {padding:0!important;margin:0}
.giveaway > .section-title {padding:20px}
.e-widget-wrapper {}
}
.gleam_banner img {width:100%;height:auto}
.e-widget-wrapper {margin:0 0 20px 0}
/* Home Giveaway Gleam image */
.home-gleam-image {
width:100%;
height:auto;
overflow:hidden;
box-shadow:0 0 2px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2);
}
/* Home banner GOG */
.home-banner {
max-width:350px;
margin: 0 auto 30px auto;
}
/* Home Most visited */
.home_visited {width:100%}
.home_visited ol {margin-left:1.2em}
.home_visited tr {height:24px}
.visited_views {text-align:right}
/* Donate buttons fix */
.button.button-with-image a, .button.button-with-image a:hover {display:block}
/* ===== CHANGE : Some more spacing for paragraphs ================================================================================================================== */
/* Limit to mw-parser-output to not affect p's that might be used elsewhere */
.mw-parser-output p {
margin: 0.5em 0;
}
/* ^- affects the p's on the frontpage negatively, let's fix that so it doesn't break spacing on buttons + featured article, which expects 0 margin */
.home-container 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: 100%;
max-width: 1200px;
}
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! */
/* Wrap it around a min width to not break mobile view */
@media only screen and (min-width : 801px) {
.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;
}
/* ===== Categorybox styling ================================================================================================================================================== */
table.template-categorybox {
float: right!important;
clear: right;
color: #333;
width: 300px;
margin: 0;
margin-bottom: 15px;
margin-left: 15px;
background-color: #fff;
font-size: 1.2rem;
border-top: 4px solid #fff;
border-bottom: 7px solid #fff;
}
table.template-categorybox caption.template-categorybox-title {
background-color: #556db3;
padding: 5px;
font-size: 1.4rem;
font-weight: 600;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
color: #fff;
}
table.template-categorybox caption.template-categorybox-title a {
color: #fff;
}
table.template-categorybox tbody {
background-color: #fff;
}
tr.template-categorybox-tr {
height: 24px;
}
td.template-categorybox-cell {
text-align: left;
padding-left: 9px;
padding-right: 9px;
}
td.template-categorybox-cell p {
margin: 0;
line-height: 19px;
}
@media (max-width: 800px) {
table.template-categorybox {
width: calc(100vw);
margin: 15px auto;
padding: 0;
float: none;
clear: both;
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
}
/* ===== Seriesbox styling for mobile view ========================================================================================================================== */
/*
@media (max-width: 800px) {
.template-seriesbox-title:after {
content: "[expand]";
color: #FFF;
font-size: 11px;
position: absolute;
right: 15px;
line-height: 19px;
}
}
*/
/* ===== Series table styling for mobile view ========
*
* Hides publisher and
*/
@media (max-width: 1395px) {
.table-seriesbox-head-publisher,
.table-seriesbox-body-publisher
{
display: none;
}
}
@media (max-width: 800px) {
.table-seriesbox-head-OS,
.table-seriesbox-body-OS
{
display: none;
}
}
/* === Creating space between Availability DRM and Keys icons === */
.table-availability-body-DRM, .table-availability-body-keys {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.table-availability-body-DRM {
padding-left: 3px !important;
padding-right: 3px !important;
}
.table-availability-body-DRM .svg-25 {
margin-left: 1px;
margin-bottom: 1px;
}
.table-availability-body-keys .svg-25 {
margin-bottom: 1px;
}
/* ===== CHANGE : Right-align 1st column =========================================================================================================================
*
* This will make use of the new CSS template classes to allow right-aligned 1st column in a lot of templates. The rest will default to left-aligned.
*
* For discussions or alternative user-level overrides, see https://pcgamingwiki.com/wiki/User:Aemony/Design_changes
*
*/
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,
.table-monetization-head-parameter,
.table-monetization-body-parameter
{
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,
.table-monetization-head-parameter,
.table-monetization-body-parameter
{
padding-left: 6px !important;
padding-right: 6px !important;
}
/* Set max-width to 820px (prevents growth past that point) */
#table-availability,
#table-dlc,
#table-gamedata,
#table-cloudsync,
#table-settings-video,
#table-settings-input,
#table-settings-input-controller-types,
#table-settings-input-controller-xinput,
#table-settings-input-controller-dualshock,
#table-settings-input-controller-playstation,
#table-settings-input-controller-tracked,
#table-settings-input-controller-other,
#table-settings-input-additional,
#table-settings-input-steam-input,
#table-settings-audio,
#table-l10n,
#table-network-multiplayer,
#table-network-connection,
#table-network-ports,
#table-settings-vr,
#table-settings-vr-3d-modes,
#table-settings-vr-headsets,
#table-settings-vr-devices,
#table-settings-vr-devices-misc,
#table-settings-vr-play-area,
#table-api,
#table-api-executable,
#table-middleware,
#table-sysreqs,
.table-standard
{
max-width: 820px;
}
/* ===== Fixes ================================================================================================================== */
.table-dlc-body-OS
{
padding-left: 3px !important;
/* default: 4px (set through .template-infotable-body > th, .template-infotable-body > td {} )
this basically fixes Chrome having OS icons on
two rows when 3 platforms are present as a result
of the 90px width of the column not being enough.
Another question is why Firefox don't handles
box-sizing: border-box correctly, and adds the
problematic 1px border-left to a magical 91st pixel
in width for the column...
*/
/* !important since I can't be bothered trying to figure
out a proper solution that properly overrides .template-infotable-body > th, .template-infotable-body > td {}
*/
}
/* ===== Assignment stuff ================================================================================================================================================== */
.tickcross-available {
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3c/svg%3e);
display: block;
}
.tickcross-assigned {
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3ccircle cx='17.434' cy='17.434' r='6.533' fill='%231db288'/%3e%3cpath d='M17.218 20.9c-.216.27-.378.46-.756.46-.756 0-3.294-2.754-3.402-3.078s.216-.54.432-.648c.486-.27.945.054 1.242.405 1.377 1.782 1.836.73 2.754-.594l2.24-3.294c.297-.405.702-.62 1.215-.27.405.297.324.648.108 1l-3.834 6.02z' fill='%23fff' fill-rule='nonzero'/%3e%3c/svg%3e);
display: block;
}
.table-assignment-body-status .tickcross-not-applicable {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2500 2500%22%3E%3Ccircle cx=%221250%22 cy=%221250%22 r=%221210%22 fill=%22%23cdcdcd%22/%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22m551 940 305 462 0-466c0-48 26-91 72-91 52 0 74 50 74 91l0 617c0 73-29 103-86 103-62 0-94-49-124-94l-298-457 0 459c0 47-28 91-74 91-52 0-74-47-74-91l0-605c0-75 31-115 93-115 60 0 85 55 112 95zM1210 1618c-7 25-26 37-51 37-36 0-62-18-55-47l182-745c4-14 19-18 42-18 32 0 62 21 55 48zM1948 1455l-319 0-75 180c-10 17-27 21-51 21-57 0-82-67-71-105l218-557c29-79 58-149 137-149 88 0 109 72 138 148l223 556c18 53-31 106-72 106-22 0-50-10-55-25zm-277-119 234 0-118-323z%22/%3E%3C/g%3E%3C/svg%3E");
display: block;
}
.table-assignment-body-row:nth-of-type(2n) {
background-color: #f5f5f5;
}
.page-Home .table-assignment-body-row:nth-of-type(2n) {
background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/5/51/Home_-_Notable_Releases_bg.png) no-repeat;
}
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-game,
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-status {
background: #f5f5f5;
}
.table-assignment-body-row:nth-of-type(2n+1) {
background-color: #fff;
}
.page-Home .upcoming-releases .month {
border-bottom: none !important;
}
.page-Home .table-assignment-body-game {
padding-left: 10px;
}
/* ===== Ad stuff ================================================================================================================== */
.page-Home .mw-body.mw-body-with-ads #mpu, .page-Main_Page .mw-body.mw-body-with-ads #mpu, .ns-talk div#mpu, .cat-Lists #mpu, .ns-14 #mpu {
display: block;
position: absolute;
top: auto;
left: calc(50% - 150px);
bottom: 0;
z-index: 25;
margin: 20px auto 30px auto;
}
@media (max-width:800px) {
#mpu { padding: 0 20px 15px 0 }
}
@media (min-width:800px) {
.ns-14 div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
.ns-talk div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
.cat-Lists div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
.page-Home div#body-content.mw-body.mw-body-with-ads { padding-bottom: 240px }
}
@media (max-width:800px) {
.ns-14 div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
.ns-talk div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
.cat-Lists div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
.page-Home div#body-content.mw-body.mw-body-with-ads { padding-bottom: 340px }
}
/* Home */
/* Hide header ad on Home page */
.page-Home .ad-header-container {}
.page-Home .mw-body.mw-body-with-ads .home-information-column:nth-of-type(2)
{
padding-top: 40px; /* previous to push down the content below the MPU ad: padding-top: 660px; */
}
@media (max-width: 1000px) {
.page-Home .mw-body.mw-body-with-ads .home-information-column:first-of-type {
/* padding-top: 640px; MPU blank space */
padding-top: 20px;
}
.page-Home .home-information-column:nth-of-type(2) {
padding-top:0!important;
}
}
/* Header */
.ad-header-container {
margin: 18px auto 16px auto;
min-height: 90px;
}
@media (max-width: 1160px) {
.ad-header-container {
margin: 18px auto 16px auto;
min-height: 90px;
}
}
@media (max-width: 800px) {
.ad-header-container
{
display: none;
width: auto;
height: auto;
max-width: 300px;
min-height: 90px;
max-height: 250px;
margin: 10px auto 20px auto;
overflow:hidden;
}
}
/* Footer */
.ad-footer-container {margin:16px auto 8px auto}
@media (max-width: 800px) {
.ad-footer-container {
max-height: none!important;
max-width: none!important;
margin: 5px auto 5px auto;
}
}
/* Content ad */
.ad-widget-container {
max-width:300px;
margin:5px 0 15px 15px;
clear:right;
float:right;
}
@media (max-width: 800px) {
.ad-widget-container {
max-width:300px;
margin:0 auto;
float:none;
}
}
.nitro-widget-1-desktop {display:none!important}
/* ===== End ad stuff ================================================================================================================== */
/* Tickcross */
.tickcross-error {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E");
display: block
}
.tickcross-hackable-error {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cg fill='%231c3360'%3E%3Ccircle cx='125' cy='125' r='121'/%3E%3Cpath d='M19.3 184 77.2 125.8C67.3 70.1 116.2 25.9 161.4 41.2l-45.8 45.1 10.1 37.9 40.5 10.8 43.8-44.3c13.2 52.5-42.1 91.9-84.1 82.5L67.6 231.5C44.5 219.2 29.2 202.1 19.3 184zM27 195.7c1 1.4 2 2.7 3.1 4.1l56.7-57.4-3.6-3.5-56.2 56.9zM110.7 167.6l-3.6-3.5-55.9 56.6c1.3 1 2.7 2.1 4.1 3l55.4-56.1z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
display: block
}
.tickcross-true-error {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
display: block
}
.tickcross-limited {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath style='fill:%23ffffff;stroke:%23f89842;stroke-width:8.22652245' d='m 116.89174,180.43528 8.9032,-27.4839 c 20.516,7.2261 35.4192,13.4841 44.7096,18.7742 -2.4517,-23.3545 -3.742,-39.419 -3.871,-48.1935 h 28.0645 c -0.3872,12.7745 -1.8711,28.7744 -4.4516,48 13.2902,-6.7095 28.516,-12.903 45.6773,-18.5807 l 8.9033,27.4839 c -16.3872,5.4195 -32.4517,9.0324 -48.1935,10.8387 7.8708,6.8389 18.9676,19.0324 33.2903,36.5806 l -23.2258,16.4515 c -7.484,-10.1933 -16.3227,-24.0642 -26.5161,-41.6128 -9.5484,18.1937 -17.9355,32.0647 -25.1613,41.6128 l -22.8386,-16.4515 c 14.9676,-18.4514 25.6773,-30.6449 32.129,-36.5806 -16.6452,-3.2256 -32.4516,-6.8385 -47.4193,-10.8387 z'/%3E%3C/svg%3E");
display: block
}
.tickcross-always-on {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3C/svg%3E");
display: block
}
.tickcross-always-on-error {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
display: block
}
.tickcross-controller-partial {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='0 0 30 22.02'%3E%3Cpath fill='%231DB288' d='M17.899,1.351c-1.54,0.176-2.062,0.162-2.75,0.179c-2.533,0.063-3.581-0.416-4.504-0.892 C9.973,0.292,9.278,0,8.247,0l0,0l0,0C7.69,0,7.065,0.138,6.338,0.355c-3.844,1.141-5.244,8.39-5.582,10.579 c-0.039,0.255-0.082,0.537-0.129,0.829c-0.636,3.937-1.084,7.613,0.377,9.329c0.469,0.551,1.105,0.86,1.849,0.896 c0.05,0.002,0.1,0.004,0.149,0.004c2.174,0,3.618-1.18,5.017-2.321c0.946-0.772,1.913-1.561,3.179-2.112L17.899,1.351z'/%3E%3Cpath opacity='0.4' fill='%231DB288' d='M29.824,15.099c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.064-0.333-0.111-0.591 c-0.424-2.361-1.547-8.632-5.537-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.513,0.228-1.065,0.432-1.817,0.575c0.009-0.001,0.015-0.002,0.023-0.003l-6.695,16.192c1.023-0.448,2.234-0.75,3.807-0.75 c3.664,0,5.492,1.487,7.261,2.928c1.401,1.139,2.728,2.217,4.708,2.217c0.77,0,1.434-0.322,1.918-0.938 C29.74,19.952,30.044,18.015,29.824,15.099z'/%3E%3C/svg%3E%0A");
display: block
}
.tickcross-controller-full {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='110 80.74 30 22.02'%3E%3Cpath fill='%231DB288' d='M139.718,95.766c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.065-0.333-0.111-0.591 c-0.424-2.361-1.548-8.631-5.538-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.977,0.435-2.082,0.786-4.483,0.786h-0.061c-2.521,0-3.562-0.405-4.481-0.879c-0.668-0.345-1.359-0.631-2.385-0.631 c-0.554,0-1.176,0.139-1.9,0.354c-3.822,1.134-5.216,8.347-5.552,10.524c-0.039,0.254-0.083,0.536-0.13,0.826 c-0.631,3.916-1.079,7.575,0.375,9.282c0.497,0.586,1.185,0.895,1.988,0.895c2.161,0,3.6-1.173,4.99-2.308 c1.704-1.393,3.465-2.834,6.956-2.834c3.665,0,5.493,1.487,7.261,2.927c1.401,1.139,2.727,2.217,4.708,2.217 c0.77,0,1.434-0.322,1.918-0.938C139.634,100.619,139.938,98.682,139.718,95.766z'/%3E%3C/svg%3E%0A");
display: block
}
/* Availability DRM */
.store-battlenet {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Ccircle%20cy%3D%2212.5%22%20cx%3D%2212.5%22%20r%3D%2212.5%22%20fill%3D%22%230074e0%22%2F%3E%3Cpath%20d%3D%22M17.726094%209.710599c-2.287875-1.057826-5.575922-1.729949-8.670047-1.479554.155168-1.024313.537846-1.73807%201.16597-1.8883653.864348-.2072852%201.807608.3614923%202.706651%201.3963613.588926.07626%201.28733.2109%201.773281.322662C13.062723%204.9785039%2010.864021%203.2504%209.191652%203.8879c-1.271679.4853617-1.922691%202.2363484-1.844074%204.58933-1.6570155.352412-2.9485546.978842-3.7752538%201.879583-.041859.0485-.1364906.170816-.1027539.229281.025617.04429.1099883-.0052.1461602-.03012.9589101-.670647%202.1865937-1.03369%203.7857355-1.262012.227805%202.510142%201.289766%205.694033%203.053747%208.248172-.964079.378394-1.77424.40342-2.218559-.06533-.611295-.645029-.590848-1.745893-.143724-3.042821-.228397-.5484-.461296-1.220523-.60709-1.697394-1.8518947%202.962654-2.2492634%205.730793-.861317%206.860226%201.056571.859254%202.897618.546852%204.89686-.696557%201.134008%201.259059%202.321905%202.063981%203.515558%202.329731.06297.01182.215995.03285.249729-.02554.02562-.04429-.06024-.09279-.09877-.111763-1.060189-.495326-1.988388-1.377168-2.985611-2.647593%202.060363-1.452463%204.286451-3.96327%205.616595-6.76869.810387.646803%201.235215%201.334649%201.052661%201.95377-.253051.85224-1.216537%201.385805-2.562627%201.645794-.360606.471188-.826996%201.009254-1.16627%201.375028%203.489943.120547%206.085717-.917939%206.369846-2.684946.215996-1.344835-.975223-2.783125-3.0519-3.8927.5236-1.611469.62665-3.042821.25999-4.2093831-.02141-.060234-.0795-.2037407-.147047-.2037407-.05116%200-.05056.098254-.04754.1417329.101501%201.1646419-.197983%202.4098239-.799903%203.9086449zm-6.425508%207.432397c-1.476233-2.368336-2.32707-5.158105-2.321609-7.978953%202.788588-.09338%205.629218.563684%208.069531%201.978795-1.313242%202.461717-3.30311%204.594127-5.748881%205.999863z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-image: url(//images.pcgamingwiki.com/8/86/Availability_Table_Icons_-_Battle_net.svg)!ie
}
.store-discord {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3E%0A%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20fill%3D%22%235865f2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M58.749814%2022.798474c-3.448499-1.582314-7.146492-2.748099-11.012967-3.415784-.07042-.0129-.140754.0193-.177024.08371-.475597.845883-1.002401%201.949407-1.371306%202.816767-4.158649-.622592-8.295959-.622592-12.369339%200-.368982-.886639-.914914-1.970884-1.39264-2.816767-.03625-.06227-.106603-.09445-.177024-.08371-3.864347.665553-7.56234%201.831334-11.012972%203.415784-.02984.01288-.05548.03436-.07246.06226-7.014309%2010.479228-8.935819%2020.700886-7.99319%2030.79581.0045.04937.03199.09663.07041.126654%204.627834%203.398582%209.110694%205.461825%2013.510301%206.829399.07042.02148.145018-.0045.189827-.06227%201.040729-1.421227%201.968445-2.919793%202.763875-4.495705.04694-.0923.0023-.201792-.09379-.238298-1.471518-.558197-2.872697-1.238785-4.220527-2.011652-.106581-.06229-.115147-.214743-.01707-.287747.283635-.212534.567346-.433684.838176-.656963.049-.04076.117283-.04939.174892-.02361%208.854696%204.04274%2018.440954%204.04274%2027.191174%200%20.05764-.0279.12589-.01927.177021.02148.27091.223282.554542.446568.840309.659101.09809.07302.09166.225491-.01494.287748-1.347834.787885-2.749008%201.453457-4.222658%202.009523-.09595.03652-.138618.148138-.09166.240426.8125%201.573706%201.740217%203.072271%202.761738%204.493568.04266.06014.119416.08585.189828.06441%204.420949-1.367574%208.903769-3.430817%2013.531613-6.8294.04052-.03.06615-.07514.07042-.124521%201.128143-11.670835-1.889568-21.808668-7.999588-30.795805-.01494-.03001-.04047-.0515-.07036-.06439zM31.027568%2047.50979c-2.665871%200-4.862478-2.44747-4.862478-5.453218%200-3.005746%202.154009-5.453215%204.862478-5.453215%202.729736%200%204.905074%202.46896%204.862401%205.453215%200%203.005748-2.154005%205.453218-4.862401%205.453218zm17.978163%200c-2.665797%200-4.862403-2.44747-4.862403-5.453218%200-3.005746%202.153933-5.453215%204.862403-5.453215%202.729806%200%204.905071%202.46896%204.862479%205.453215%200%203.005748-2.132673%205.453218-4.862479%205.453218z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.store-gogcom {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1%201h23v23H1z%22%2F%3E%3Cpath%20d%3D%22M8%2016v-1H5v4h3v-1H6v-2zm1-1v4h4v-4H9zm3%203h-2v-2h2v2zm2-3v4h1v-3h1v3h1v-3h1v3h1v-4zM5%207v4h2v-1H6V8h2v4H5v1h4V7zm5%200v4h4V7h-4zm3%203h-2V8h2v2zm2-3v4h2v-1h-1V8h2v4h-3v1h4V7zM1%200v1h23V0H1zM4.8e-7%201h1v23h-1zM24%201h1v23h-1zM23%201h1v1h-1z%22%20fill%3D%22%2337209d%22%2F%3E%3Cpath%20fill%3D%22%2337209d%22%20d%3D%22M1%201h1v1H1zM23%2023h1v1h-1zM1%2023h1v1H1zM1%2024v1h23v-1H1z%22%2F%3E%3C%2Fsvg%3E");
}
.store-steam {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E%0A");
}
.store-oculus {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFDMUUyMDt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkJHIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIvPjwvZz48ZyBpZD0iT2N1bHVzX0xvZ28iPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODkuMSwxNzUuOWMtMTIuMS05LjctMjUuOS0xNi40LTQwLjktMjBjLTguNi0yLjEtMTcuMi0zLTI2LjEtMy4zYy02LjUtMC4yLTEzLjEtMC4yLTE5LjYtMC4yYy0zMSwwLTYyLDAtOTIuOSwwYy02LjUsMC0xMy4xLTAuMS0xOS42LDAuMmMtOC44LDAuMy0xNy41LDEuMi0yNi4xLDMuM2MtMTUsMy42LTI4LjksMTAuMy00MC45LDIwYy0yNC4zLDE5LjUtMzguNCw0OC45LTM4LjQsODAuMWMwLDMxLjIsMTQuMiw2MC42LDM4LjUsODAuMWMxMi4xLDkuNywyNS45LDE2LjQsNDAuOSwyMGM4LjYsMi4xLDE3LjIsMywyNi4xLDMuM2M2LjUsMC4yLDEzLjEsMC4yLDE5LjYsMC4yYzMxLDAsNjIsMCw5Mi45LDBjNi41LDAsMTMuMSwwLjEsMTkuNi0wLjJjOC44LTAuMywxNy41LTEuMiwyNi4xLTMuM2MxNS0zLjYsMjguOS0xMC4zLDQwLjktMjBjMjQuMy0xOS41LDM4LjQtNDguOSwzOC40LTgwLjFDNDI3LjUsMjI0LjgsNDEzLjQsMTk1LjQsMzg5LjEsMTc1Ljl6IE0zNDMuNywyODMuOWMtNC42LDMuMi05LjcsNS4xLTE1LjEsNS45Yy01LjUsMC45LTEwLjksMC43LTE2LjMsMC43Yy0zNy41LDAtNzUsMC0xMTIuNSwwYy01LjUsMC0xMC45LDAuMi0xNi4zLTAuN2MtNS41LTAuOS0xMC41LTIuOC0xNS4xLTUuOWMtOS4yLTYuMy0xNC43LTE2LjctMTQuNy0yNy45YzAtMTEuMiw1LjUtMjEuNSwxNC43LTI3LjljNC42LTMuMiw5LjctNS4xLDE1LjEtNS45YzUuNS0wLjksMTAuOS0wLjcsMTYuMy0wLjdjMzcuNSwwLDc1LDAsMTEyLjUsMGM1LjUsMCwxMC45LTAuMiwxNi4zLDAuN2M1LjUsMC45LDEwLjUsMi44LDE1LjEsNS45YzkuMiw2LjMsMTQuNywxNi43LDE0LjcsMjcuOUMzNTguNCwyNjcuMiwzNTIuOSwyNzcuNSwzNDMuNywyODMuOXoiLz48L2c+PC9zdmc+);
background-image: url(//images.pcgamingwiki.com/4/49/Availability_Table_Icons_-_Oculus_Store.svg)!ie
}
.store-origin {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%20%20%3Cpath%20fill%3D%22%23f56c2d%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.613711%206.7398845c1.236623.073433%202.449028.3984065%203.555975.956176%201.074136.5374583%202.030311%201.2772448%202.819314%202.1810812.781188.9030553%201.374893%201.9326623%201.785798%203.0880423.407001%201.155379.569488%202.371691.484338%203.649718-.03671.659323-.142177%201.302243-.317163%201.92485-.174987.610109-.410906%201.204595-.703853%201.774083-.455433.882744-.968674%201.717053-1.529568%202.510742-.561675.789002-1.171784%201.525663-1.835014%202.205298-.667137.679634-1.370988%201.30615-2.120149%201.879542-.748379.565582-1.529568%201.078041-2.347474%201.538163l-.03671.02813c-.03671.01639-.07342.02812-.114053.02421-.06484-.01639-.121866-.05313-.167175-.101553-.04063-.05312-.06484-.11796-.06484-.178894%200-.03282.0038-.06092.0125-.08984.0125-.02421.02421-.04453.04062-.06484.289039-.410905.524959-.838216.716351-1.285838.187485-.451527.313257-.923367.382782-1.416296%200-.03282-.01639-.06484-.04062-.08984-.02032-.02421-.05703-.04063-.08984-.04063-.272635.03671-.549177.05703-.825718.06484-.27654.0125-.553081%200-.830405-.03671-1.236624-.07342-2.44903-.403092-3.559882-.956173-1.074136-.537453-2.0303116-1.277242-2.8193131-2.181077-.7850955-.906961-1.3912986-1.952974-1.7857994-3.088042-.4069996-1.171785-.573393-2.408408-.4843375-3.649718.0367159-.659324.1421765-1.302243.3210689-1.924851.1788925-.622608.4109059-1.199908.7038518-1.749864.4554336-.899149.968675-1.745178%201.5295693-2.5349605.560894-.7897827%201.171785-1.5256632%201.831108-2.2092041.667136-.6757289%201.370988-1.302243%202.120147-1.8717302.749163-.5694871%201.529571-1.0819475%202.347476-1.5420682l.03671-.024217c.03671-.020311.07343-.028123.114054-.028123.06953.016405.125771.053121.167175.1015545.04453.053121.06484.1101478.06484.1827984%200%20.028123-.0038.057026-.0125.085149-.0079.024217-.02421.044528-.04063.064839-.285132.4030938-.524959.8343106-.71635%201.289744-.187486.4515275-.309351.9194601-.378094%201.4116095%200%20.036715.0125.064839.03671.089837.02421.024997.05703.040622.08984.040622.272635-.036715.549175-.057026.825716-.064838.285135-.00782.557771.00389.83431.036715zm-.842122%2012.8810345c.960081.08124%201.912351-.239825%202.624016-.891338.753066-.663229%201.155379-1.49754%201.224905-2.498244.08124-.968675-.239826-1.92485-.891338-2.64042-.626514-.736661-1.534255-1.179596-2.498244-1.212407-.963988-.08124-1.920164.244513-2.640421.891337-.736662.626515-1.179596%201.534257-1.212406%202.502151-.08124.963988.239825%201.916258.882745%202.64042.65073.753068%201.488946%201.159286%202.510743%201.208501z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.store-microsoft {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 582 578'%3E%3Cpath d='M209.84 35.8c18.33-19.93 44.25-32.81 71.27-35 6.59-.3 13.21-.25 19.8.02 26.79 2.08 52.46 14.82 70.74 34.45 18.54 19.54 29.38 46.1 29.91 73.02.13 12.77.02 25.54.05 38.31h22.99c-.06-13.41.13-26.82-.1-40.22-.78-22.11-8.68-43.7-21.7-61.51 22.37 16.47 38.04 41.67 42.92 69.02 2.1 10.77 1.84 21.79 1.81 32.71 44.59.01 89.18 0 133.78 0 .03 126.48.04 252.95.01 379.43-.02 7.69.77 15.67-1.96 23.05-5.2 15.78-20.6 28.01-37.38 28.28-167.33-.05-334.66-.02-501.98-.02-20.62-.28-38.96-18.78-39.34-39.35C.68 407.53.65 277.06.67 146.6h179.71c.03-12.75-.07-25.5.05-38.24.49-26.7 11.16-53.06 29.41-72.56m66.98-11.42c-19.85 3.18-38.45 13.51-51.69 28.64-13.76 15.56-21.67 36.15-21.8 56.92-.05 12.22-.01 24.44-.02 36.66h22.99c.02-6.53-.11-13.06.22-19.59.78-13.19 3.97-26.23 9.35-38.3 10.29-24.73 34.24-42.29 60.12-47.72 17.34-3.61 35.97-2.01 52.07 5.56-5.36-.31-10.71-.87-16.08-.47-20.89 1.1-41.26 10.03-56.21 24.69-15.96 15.4-25.65 37.08-26.46 59.25-.16 5.52-.05 11.05-.08 16.58h129.46v-33.68c.02-13.9-3.23-27.8-9.48-40.21-9.11-18.27-24.67-33.22-43.29-41.58-15.26-6.86-32.54-9.59-49.1-6.75M169.12 240.2c.01 37.51-.02 75.01.02 112.52 37.49-.03 74.99-.01 112.49-.02 0-37.49-.02-74.99.01-112.49-37.51-.03-75.01 0-112.52-.01m131.23.02c.06 37.49.02 74.99.02 112.48 37.49.02 74.99-.02 112.48.03.06-37.52.02-75.03.02-112.54-37.51.03-75.01-.03-112.52.03M169.14 371.44c-.03 37.5 0 75.01-.02 112.51 37.51-.01 75.02.04 112.52-.02-.03-37.49 0-74.99-.01-112.48-37.5-.01-75 .01-112.49-.01m131.23.01c0 37.5.02 74.99-.01 112.49 37.51.04 75.01.01 112.52.01-.01-37.5.03-75.01-.02-112.51-37.49.03-74.99 0-112.49.01z'/%3E%3Cpath fill='%23f25022' d='M169.12 240.2c37.51.01 75.01-.02 112.52.01-.03 37.5-.01 75-.01 112.49-37.5.01-75-.01-112.49.02-.04-37.51-.01-75.01-.02-112.52z'/%3E%3Cpath fill='%237fba00' d='M300.35 240.22c37.51-.06 75.01 0 112.52-.03 0 37.51.04 75.02-.02 112.54-37.49-.05-74.99-.01-112.48-.03 0-37.49.04-74.99-.02-112.48z'/%3E%3Cpath fill='%2301a4ef' d='M169.14 371.44c37.49.02 74.99 0 112.49.01.01 37.49-.02 74.99.01 112.48-37.5.06-75.01.01-112.52.02.02-37.5-.01-75.01.02-112.51z'/%3E%3Cpath fill='%23ffb901' d='M300.37 371.45c37.5-.01 75 .02 112.49-.01.05 37.5.01 75.01.02 112.51-37.51 0-75.01.03-112.52-.01.03-37.5.01-74.99.01-112.49z'/%3E%3C/svg%3E");
background-image: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/d/d6/Availability_Table_Icons_-_Microsoft_Store.svg)!ie
}
.store-mas {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTkuOTUsMGwtMTQuOSwwYy0yLjc5MSwwIC01LjA1LDIuMjU5IC01LjA1LDUuMDVsMCwxNC45MDNjMCwyLjc4OCAyLjI1OSw1LjA0NyA1LjA1LDUuMDQ3bDE0LjkwMywwYzIuNzg4LDAgNS4wNSwtMi4yNTkgNS4wNSwtNS4wNWwwLC0xNC45Yy0wLjAwMywtMi43OTEgLTIuMjYyLC01LjA1IC01LjA1MywtNS4wNVoiIHN0eWxlPSJmaWxsOnVybCgjX0xpbmVhcjEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0xMi4zOTQsNS43NDRsMC41MDYsLTAuODc1YzAuMzEzLC0wLjU0NyAxLjAwOSwtMC43MzEgMS41NTYsLTAuNDE5YzAuNTQ3LDAuMzEzIDAuNzMyLDEuMDA5IDAuNDE5LDEuNTU2bC00Ljg3OCw4LjQ0NGwzLjUyOCwtMGMxLjE0NCwtMCAxLjc4NCwxLjM0NCAxLjI4NywyLjI3NWwtMTAuMzQzLC0wYy0wLjYzMiwtMCAtMS4xMzgsLTAuNTA2IC0xLjEzOCwtMS4xMzhjMCwtMC42MzEgMC41MDYsLTEuMTM3IDEuMTM4LC0xLjEzN2wyLjksLTBsMy43MTIsLTYuNDM0bC0xLjE1OSwtMi4wMTNjLTAuMzEzLC0wLjU0NyAtMC4xMjgsLTEuMjM3IDAuNDE5LC0xLjU1NmMwLjU0NiwtMC4zMTMgMS4yMzcsLTAuMTI4IDEuNTU2LDAuNDE5bDAuNDk3LDAuODc4Wm0tNC4zODgsMTIuMTUzbC0xLjA5NCwxLjg5N2MtMC4zMTIsMC41NDcgLTEuMDA5LDAuNzMxIC0xLjU1NiwwLjQxOWMtMC41NDcsLTAuMzEzIC0wLjczMSwtMS4wMSAtMC40MTksLTEuNTU3bDAuODEzLC0xLjQwNmMwLjkxOSwtMC4yODQgMS42NjYsLTAuMDY2IDIuMjU2LDAuNjQ3Wm05LjQxOSwtMy40NDFsMi45NTksMGMwLjYzMiwwIDEuMTM4LDAuNTA2IDEuMTM4LDEuMTM4Yy0wLDAuNjMxIC0wLjUwNiwxLjEzNyAtMS4xMzgsMS4xMzdsLTEuNjQzLDBsMS4xMDksMS45MjVjMC4zMTMsMC41NDcgMC4xMjgsMS4yMzggLTAuNDE5LDEuNTU2Yy0wLjU0NywwLjMxMyAtMS4yMzcsMC4xMjkgLTEuNTU2LC0wLjQxOGMtMS44NjksLTMuMjQxIC0zLjI3MiwtNS42NjYgLTQuMjAzLC03LjI4MmMtMC45NTMsLTEuNjQzIC0wLjI3MiwtMy4yOTMgMC40LC0zLjg1M2MwLjc0NywxLjI4MiAxLjg2MiwzLjIxNiAzLjM1Myw1Ljc5N1oiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJfTGluZWFyMSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuNTMwODFlLTE1LDI1LC0yNSwxLjUzMDgxZS0xNSwxMi41MDE2LDApIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOGJmZmI7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyMDcyZjM7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
background-image: url(https://images.pcgamingwiki.com/d/db/Availability_Table_Icons_-_Mac_App_Store.svg)!ie
}
.store-bethesda {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-156%20139.3%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%20319.29999h152v152H24z%22%2F%3E%3Cpath%20d%3D%22M-156%20139.3v512h512v-512h-512zm331.5%20331.6H24.3V319.7h151.3v151.2z%22%2F%3E%3C%2Fsvg%3E);
background-image: url(//images.pcgamingwiki.com/1/13/Availability_Table_Icons_-_Bethesda.net.svg)!ie
}
.store-epicgames {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Layer_2%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-293%20384%2025%2025%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%20id%3D%22style2%22%3E.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cg%20id%3D%22g10%22%20transform%3D%22translate%289.7293555%20-13.75447%29%20scale%281.03469%29%22%3E%3Cpath%20d%3D%22M-290.9%20403.1c0%202.5%204.6%203.4%206.6%204.2%202%20.9%202.1.9%202.1.9%202.1.8%203.5%200%203.5%200s4.3-1.8%206.2-2.6c2-.8%202.6-.9%202.6-2.6v-17.2c0-1.4-.4-1.4-3.2-1.4h-15.1c-1.5%200-2.8-.2-2.8%201.6.1%202.1.1%2014.6.1%2017.1z%22%20id%3D%22path4%22%20fill%3D%22%23333332%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon6%22%20d%3D%22M-283.2%20386.2v17h5.7v-2h-3.4v-5.5h3.3v-2.3h-3.3v-5.2l3.4-.1v-1.9z%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon8%22%20d%3D%22M-280.3%20406.8l3.8-1.3h-7.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-image: url(//images.pcgamingwiki.com/7/70/Availability_Table_Icons_-_Epic_Games_Store.svg)!ie
}
.store-rockstargames {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-140%20222%20350%20350%22%3E%3Cpath%20d%3D%22M264.9%20287.7h192.8c31.2%200%2056.5%2023.2%2056.5%2051.9v177.2c0%2028.7-25.3%2051.9-56.5%2051.9H264.9c-31.2%200-56.5-23.2-56.5-51.9V339.6c-.1-28.7%2025.2-51.9%2056.5-51.9z%22%20fill%3D%22orange%22%20stroke%3D%22%23000%22%20stroke-width%3D%227.5827%22%20transform%3D%22matrix%281.11684%200%200%201.14234%20-368.51518106%20-92.15064607%29%22%2F%3E%3Cpath%20d%3D%22M-15.25776461%20290.87647105l64.8885738.11423416c13.51379937-.11423416%2023.67706997%202.05621476%2030.3781275%206.51134675%208.15295334%205.48323938%2012.28527215%2014.73620582%2012.28527215%2027.98736764%200%2021.81872335-10.1632706%2034.15601194-30.3781275%2037.12609993v.34270247c8.93474339%202.17044891%2013.40211508%209.5956689%2013.51379937%2022.1614258%200%206.3971126-.22336858%2014.62197166-.67010575%2024.67457718%200%206.73981507%201.4518958%2012.5657569%204.2440031%2017.47782551H43.48817312c-1.67526438-1.82774646-2.45705443-5.48323937-2.45705443-10.96647875.67010576-9.25296644%201.00515863-16.79242058%201.00515863-22.73259657%200-11.99458613-5.6958989-17.93476212-17.199381-17.93476212H1.8299321l-10.0515863%2048.43528114H-42.8437848zm54.8369875%2027.75889934H14.11520425l-6.58937324%2032.09979717h27.5860202c15.41243232%200%2023.1186485-6.05441015%2023.23033278-18.27746458%200-9.25296645-6.25432036-13.8223326-18.7629611-13.8223326z%22%2F%3E%3Cpath%20d%3D%22M83.69451834%20427.15781634l25.68738722-44.43708577%206.92442612%2044.77978823h43.78024257l-39.53623946%2028.3300701%206.36600466%2044.43708576-34.17539344-26.8450261-46.01392841%2027.87313348%2021.5550684-47.2929396-25.01728146-26.95926026z%22%2F%3E%3Cpath%20d%3D%22M113.62590867%20452.6320326l26.24580868-18.7344012h-29.037916l-5.02579314-32.44249963-18.42790823%2032.09979717H58.11881541l17.86948676%2019.19133781-14.74232658%2032.09979717%2031.9417076-19.30557196%2025.24065004%2019.76250857z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/7/7e/Availability_Table_Icons_-_Rockstar_Games_Launcher.svg)!ie
}
.store-uplay {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgc29kaXBvZGk6ZG9jbmFtZT0iWmVpY2hudW5nLnN2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0xMjguNyAyNDcgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTI4LjcgMjQ3IDMwMCAzMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDAwMDAwO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48c29kaXBvZGk6bmFtZWR2aWV3ICBwYWdlY29sb3I9IiNmZmZmZmYiIHNob3dncmlkPSJmYWxzZSIgaW5rc2NhcGU6Y3g9Ii0xMTAuODk5NDUiIGlua3NjYXBlOmN5PSIyMzMuODQ5MjYiIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBpbmtzY2FwZTp6b29tPSIxLjQiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIHVuaXRzPSJweCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiBpbmtzY2FwZTp3aW5kb3cteD0iLTgiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj48L3NvZGlwb2RpOm5hbWVkdmlldz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMS4zIiBjeT0iMzk3IiByPSIxNDkiLz48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUwMjI1MzE2LDAsMCwwLjUwMjI1MzE2LDI3MC45MDA0NywtOTAuMTE1MzkzKSIgaW5rc2NhcGU6bGFiZWw9IkViZW5lIDEiIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiPjxwYXRoIGlkPSJwYXRoMTQiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGNsYXNzPSJzdDEiIGQ9Ik0tMzE5LjIsMTA1NS4yYy0zMy40LDc1LjktMTAyLjMsMTE1LjYtMTc1LjgsMTE0LjdjLTE0MS03LTE4Mi0xNjkuOC04Ny44LTIyOC42bDQuMSw0LjFjLTEuNiwyLjEtNy4xLDYuNS0xNS45LDIzLjhjLTEwLjMsMjAuOS0xMy40LDQxLjgtMTIuMiw1NC45YzcuMywxMTMuOCwxNjYuNiwxMzcsMjIxLjQsMjQuNWM2OS44LTE1NC4zLTExNS4yLTMxMS4xLTI3OS41LTE5MS4zbC0zLjgtMy44YzQzLjItNjcuOCwxMjcuNy05OC4yLDIwOC4zLTc3LjlDLTMzNi45LDgwNi41LTI3MC43LDkzNS4xLTMxOS4yLDEwNTUuMnogTS00NTEsMTA1Mi43Yy0xMS40LDE2LjQtMzAuNCwyNy4yLTUyLDI3LjJjLTM0LjksMC02My4yLTI4LjMtNjMuMi02My4yYzAtMzMuNCwyNS45LTYwLjcsNTguNi02My4xdjBjMjAuNC0wLjgsMzkuNCwxMC4yLDQ4LjUsMjguMWM5LjgsMTkuMyw2LjIsNDMuMS05LDU5LjFDLTQ2Mi40LDEwNDQuOC00NTYuNywxMDQ4LjgtNDUxLDEwNTIuN0wtNDUxLDEwNTIuN3ogTS02NzEuNiwxMDExYy0zLDI1LjEtMS4xLDMyLjktMS4yLDM1LjlsLTUuNiwyYy0yLjEtNC4xLTcuNS0xOC43LTkuOC0zOC4yYy02LTc0LjYsNDQuOC0xNDEuOSwxMjIuMy0xNTQuNGM3MS0xMC40LDEzOC45LDMzLjcsMTU0LjgsOTUuNGwtNS42LDJjLTEuNy0xLjgtNC42LTYuOC0xNS40LTE3LjdDLTUxNy43LDg1MC02NTIuMyw4ODkuNC02NzEuNiwxMDExeiBNLTI2NS40LDk2OS42Yy01LjEtMjQ2LjctMzMyLjctMzM4LjYtNDU4LjktMTA3LjVjNS42LDQsMTMuMyw5LjUsMTguOSwxMy41Yy05LjcsMjAuMy0xNi4xLDQxLTE5LjYsNjEuNmMtMi41LDEzLjUtMy43LDI3LjQtMy43LDQxLjZjMCwxMjgsMTAzLjgsMjMxLjgsMjMxLjgsMjMxLjhjMTI4LDAsMjMxLjgtMTAzLjgsMjMxLjgtMjMxLjhDLTI2NS4yLDk3NS44LTI2NS4zLDk3Mi43LTI2NS40LDk2OS42Ii8+PC9nPjwvc3ZnPg==);
background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/4/4f/Availability_Table_Icons_-_Uplay.svg)!ie
}
.drm-account {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuNywzNDEuMWMxOC44LTcuMiwyOS41LDEyLjMsMjMuMywyNS43Yy0xLjIsMS45LTM1LjcsMzYuNy0zNy42LDM4Yy01LjksMy4yLTEzLjcsMy40LTE4LjksMC41DQoJYy05LjgtNi42LTIyLjYsNS44LTEyLjcsMTMuNWMxNC45LDEwLjcsMzIuMyw4LjIsNDUuNi0xLjdjMi41LTIuMiwzNC44LTM0LjksMzYuMy0zNi43YzEzLTE2LjcsOC41LTQxLTYuMi01Mi42DQoJYy0xMy44LTgtMjUuNS05LjYtMzguMi0zQy03LjksMzM1LTEwLjMsMzM5LTI0LDM1Mi44YzcuNSwwLjQsMTMuNiwxLjksMjEuMiw0LjZMMTQuNywzNDEuMXogTS00OC43LDQ1Mi45DQoJYy0xOC44LDcuMi0yOS41LTEyLjMtMjMuMy0yNS43YzEuMi0xLjksMzUuNy0zNi43LDM3LjYtMzhjNS45LTMuMiwxMy43LTMuNCwxOC45LTAuNWM5LjgsNi42LDIyLjYtNS44LDEyLjctMTMuNQ0KCWMtMTQuOS0xMC43LTMyLjMtOC4yLTQ1LjYsMS43Yy0yLjUsMi4yLTM0LjgsMzQuOS0zNi4zLDM2LjdjLTEzLDE2LjctOC41LDQxLDYuMiw1Mi42YzEzLjgsOCwyNS41LDkuNiwzOC4yLDMNCgljMTQuMi0xMC4yLDE2LjYtMTQuMiwzMC4zLTI4Yy03LjUtMC40LTEzLjYtMS45LTIxLjItNC42TC00OC43LDQ1Mi45eiIvPg0KPC9zdmc+DQo=);
background-image: url(//images.pcgamingwiki.com/8/8d/DRM_Account-Based_icon.svg)!ie
}
.drm-alwaysonline {
background-image:
url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20style%3D%22enable-background%3Anew%20-146.5%20267.5%20259%20259%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23B23D25%3Bstroke-width%3A19%3B%7D%0A%09.st1%7Bfill%3A%23B23D25%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-17%22%20cy%3D%22397%22%20r%3D%22120%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M-39%2C387.3l12.2-12.5l33.1%2C32.4l-12.8%2C12.3L-39%2C387.3z%20M-7.1%2C440.7l-53.2%2C17.7l-18-17l18-53.6L-7.1%2C440.7z%0A%09%20M-25.9%2C354l52.1-17.7l17.4%2C17.4L26%2C406.1C25.5%2C406.1-26.2%2C354.2-25.9%2C354z%20M-88%2C485.3l15.7-15.1l8.9%2C7.1l68.9-23.2l7%2C6l11.7-11.7%0A%09l-13.6-13.9l10.1-10.2l13.8%2C13.8l11.7-12l-6.2-6.9l22.8-69.4l-7.3-7.9L71%2C326l-17.3-17.3l-15.9%2C15.9l-8-7.5L-39.3%2C340l-7-6.2%0A%09L-58%2C345.5l14.2%2C14.3L-53.9%2C370L-68%2C355.9L-80%2C368l5.9%2C6.5l-23%2C70.8l7.2%2C7.6l-15%2C15.5L-88%2C485.3z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-image: url(//images.pcgamingwiki.com/2/21/DRM_Always_Online_icon.svg)!ie
}
.drm-activation {
background-image:
url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Wireless_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23b03d25%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-17%20267.7c-71.3%200-129.3%2058-129.3%20129.3s58%20129.3%20129.3%20129.3%20129.3-58%20129.3-129.3S54.3%20267.7-17%20267.7zm0%20242.6c-62.5%200-113.3-50.8-113.3-113.3S-79.4%20283.7-17%20283.7%2096.3%20334.5%2096.3%20397%2045.5%20510.3-17%20510.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-14.9%20442c-.9-.2-1.9-.3-2.1-.3-1.3%200-4%20.7-5.4%201.5-3.3%201.7-5.9%205.4-6.4%209.2-.2%201.3.1%204%20.5%204.9.1.3.5%201%20.8%201.7.7%201.4%203.2%204%204.5%204.7.4.2%201.4.7%202.3%201.1%201.3.6%201.8.6%204.2.5%202.5-.1%202.8-.2%204.6-1.1%202.3-1.2%204.6-3.4%205.5-5.2.4-.7.7-1.5.9-1.8.1-.2.3-1.2.5-2%20.7-5.9-3.9-12.2-9.9-13.2zM21.1%20420.8c0-.5-7.1-7-9.4-8.6-2.4-1.7-9.5-5.4-10.2-5.4-.2%200-.9-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.8-.2-1.2-.4-.4-.2-1-.4-1.4-.4-.3%200-.7-.1-.7-.2-.1-.1-.7-.3-1.3-.4-.6-.1-2-.3-3-.6-4.3-.9-11.5-.9-15.9%200-1%20.2-2.4.5-3%20.6-.6.1-1.2.3-1.3.4-.1.1-.4.2-.7.2-.6%200-3.7%201-4.2%201.3-.1.1-.6.3-1.1.4-1.5.4-7.5%203.5-10.3%205.4-2.8%201.9-9%207.6-9.8%209-1.3%202.3-1.5%203.1-1.6%205.1%200%201.7.1%202.3.6%203.1.3.6.6%201.2.6%201.4%200%20.6%203.2%203.6%204.4%204.1.7.3%202.1.7%203.1.8%203.6.4%205.4-.5%209.7-4.6%201.7-1.6%203.2-2.9%203.3-2.9.1%200%20.7-.3%201.1-.6%202.5-1.9%207.2-3.7%2011.7-4.5%202.7-.5%207.9-.5%2010.6%200%202.3.4%206.2%201.4%207%201.9.3.1%201%20.5%201.6.8.6.3%201.9%201%202.9%201.6%201%20.6%201.9%201.1%202%201.1s1.3%201%202.5%202.3c3.8%203.8%205.5%204.8%208.7%205.1%202.7.2%206.6-1.8%208.1-4.1.4-.6.8-1.1.9-1.2.1-.1.5-1%20.7-2%20.6-2.3.3-4.7-.8-6.3-.4-.7-.7-1.3-.7-1.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.3%20392.1c0-.3-1.1-1.4-1.4-1.4-.1%200-1.4-1.1-2.8-2.5s-2.9-2.7-3.4-3c-.4-.3-2-1.4-3.4-2.5s-3.2-2.3-3.9-2.7c-.7-.4-2.5-1.4-3.9-2.3-2.3-1.4-4.5-2.5-7.2-3.6-.5-.2-1.6-.8-2.5-1.2-.9-.4-1.7-.8-1.9-.8-.2%200-.7-.2-1.1-.4-1.4-.7-3.5-1.5-4-1.5-.3%200-.8-.2-1.2-.4-.4-.2-1.2-.4-1.8-.5-.6-.1-1.3-.3-1.6-.4-1.5-.8-7.8-2-9.9-1.9-.5%200-.9-.1-1-.2-.5-.8-21.3-.8-22.4%200-.2.1-.5.2-.8.2-1.5-.2-8.6%201.1-10.1%201.9-.2.1-.9.3-1.5.4-1%20.2-4.6%201.3-5.6%201.7-.3.1-1.1.4-1.7.7-2.1.8-3.9%201.6-10%204.4-.7.3-1.6.8-1.9%201.1-.4.3-.9.6-1.3.8-.3.2-1%20.5-1.4.7-.4.3-1.3.8-2%201.2-6.1%203.7-16%2012.3-16%2013.9%200%20.2-.3.7-.6%201.2-.8%201.2-1%204.2-.3%205.5%201.4%202.9%201.7%203.4%202.6%204.3%201%201.1%203.4%202.4%204.3%202.4.3%200%20.6.1.7.3.1.2.8.3%202%20.2%202.4-.2%204.5-1.2%207-3.4%204.5-4%209.2-7.7%2011.1-8.7.7-.3%201.6-.9%202.1-1.3%201-.8%201.4-1%205.8-3%201.6-.7%203.1-1.4%203.3-1.4s.5-.1.8-.2c.3-.1%201.1-.5%201.9-.8s1.7-.7%202-.8c.3-.1%201.7-.5%203.1-.8%201.4-.3%203.3-.8%204.2-1%203.4-.8%206.8-1.1%2013.6-1.1%206.6%200%2011.1.4%2014%201.1.5.1%202.1.5%203.6.9%202.8.6%202.9.7%205%201.6.7.3%201.4.6%201.7.6s.5.1.5.2c.1.1.5.3.9.4.4.1%201.6.6%202.8%201.1%201.1.5%202.3%201.1%202.7%201.2%201.3.5%202.8%201.4%203.7%202%20.5.3%201.1.8%201.5.9.9.4%203.5%202.1%204%202.7.1.1.6.4%201.1.8%201.1.8%203.3%202.6%206.2%205.2%202.3%202%204%203.1%205.7%203.3.6.1%201.1.3%201.2.4.2.3%202%200%202.4-.4.1-.1.5-.2.7-.2%201.3%200%204.9-2.6%205.5-4%20.2-.4.5-.9.6-1.1.8-1.3%201-2.2%201-4%200-2.2-.4-3.4-1.6-5-.8-.2-1.1-.7-1.1-.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M71.4%20366.6c-.3-.5-.7-1.2-.9-1.7-.2-.5-1.5-1.8-2.8-3-2.7-2.5-9.5-8-11.5-9.3-.7-.5-1.9-1.3-2.7-1.9-.7-.5-2-1.3-2.8-1.8-.8-.5-1.8-1.1-2.1-1.3-.4-.3-.9-.5-1.1-.6-.2-.1-.6-.3-.8-.5-.2-.2-1-.7-1.7-1.1-.7-.4-2.1-1.1-3-1.6-2.5-1.4-5.4-2.8-5.9-2.8-.2%200-.5-.2-.7-.4-.2-.2-.5-.4-.6-.4-.2%200-1.1-.4-2.2-.9-1-.5-2-.9-2.2-.9-.2%200-.6-.1-.8-.3-1-.5-2.3-1.1-2.6-1.1-.2%200-.8-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.5-.1-.7-.2-.2-.2-2.7-1-6.3-2-.7-.2-1.9-.5-2.8-.7-.9-.2-1.9-.4-2.3-.6-.4-.1-1.2-.3-1.7-.4-.6-.1-1.5-.3-2-.4-.9-.3-3.9-.8-7.7-1.3-1-.1-2.6-.4-3.5-.5-2.6-.5-9.4-.9-13.9-.9s-12.1.5-14.5.9c-.8.1-2.4.4-3.5.6-3.6.5-10.2%201.7-11.3%202.1-.4.1-1.4.4-2.3.6-.9.2-2.2.5-2.8.7-4.7%201.4-6.1%201.9-6.3%202.1-.1.1-.4.2-.7.2-.2%200-.8.2-1.2.4-.4.2-.9.4-1%20.4-.3%200-1.8.6-3%201.2-.4.2-.9.4-1.1.4s-1.2.4-2.2.9-2%20.9-2.1.9c-.1%200-.4.2-.7.3-.2.2-1.1.6-1.9.8-.8.3-1.6.6-1.8.8-.5.4-1.4.9-1.9%201.1-.2.1-.5.2-.7.3-.1.1-.8.4-1.3.8s-1.6.9-2.3%201.3c-.7.3-1.5.8-1.9%201.1-2.6%201.7-4%202.7-4.2%202.7-.1%200-.6.3-1.1.7-.5.4-1.2.9-1.4%201-2.6%201.6-7.1%205.1-12.8%2010.1-2.8%202.4-3.4%203.1-4.9%206-.7%201.3-.8%205.1-.2%206.1.2.3.5.9.6%201.3.4%201.8%203.8%204.3%207.2%205.4.7.2%201.5.2%203-.2%202.8-.7%203.9-1.5%2011-7.9%201-.9%202-1.7%202.4-1.9.4-.2%201.3-.9%202.1-1.7.8-.7%201.6-1.3%201.7-1.3s.9-.5%201.8-1c2.8-1.9%205.3-3.5%207.1-4.4%201-.5%202.3-1.3%202.9-1.6.6-.4%201.3-.7%201.5-.8.4-.1%202.1-.8%205.9-2.6.9-.4%201.8-.8%202-.8s.7-.2%201.1-.4c.4-.2%201.3-.6%201.9-.8.7-.3%201.5-.6%201.7-.7.3-.1%201.6-.5%203-.9%201.3-.4%203-.9%203.8-1.1%204.5-1.3%207.8-2%2012.2-2.4%201-.1%202-.3%202.3-.4%201.2-.5%2013.7-.8%2020.5-.5%203.7.2%206.9.4%207.2.5.3.1%201.3.3%202.3.4%204.2.3%2012.5%202.3%2018.8%204.5%201.2.4%201.6.6%203.3%201.3.7.3%201.4.6%201.6.6.2%200%201.1.4%202.2.9%201%20.5%202.4%201.1%203%201.4%201.8.8%204.5%202.1%206.5%203.3%201.1.6%202%201.1%202.1%201.1.1%200%20.5.2.9.5%202.7%201.9%206.2%204.1%206.3%204.1.1%200%201.1.7%202.2%201.6%201.1.9%202.1%201.6%202.2%201.6.1%200%201%20.8%202%201.7%202.5%202.4%206.2%205.5%207.4%206.4.6.4%201.9%201%203%201.4%201.8.6%202.1.6%203.4.3%203-.7%205.2-2.1%206.6-4.2%201.1-1.7%201.3-2.2%201.7-3.8.1-2.2-.3-4.4-1.1-5.8z%22%2F%3E%3C%2Fsvg%3E");
background-image: url(//images.pcgamingwiki.com/f/fc/DRM_Online_Activation_icon.svg)!ie
}
.drm-disc {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjU7fQ0KCS5zdDJ7ZmlsbDojQjAzRjI2O30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMjIiLz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTciIGN5PSIzOTciIHI9IjM3Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTUyLjQsNDE1LjVsLTcwLjQsMjQuOWwzMC40LDQyLjRsNDguNy01Ni4xIE01OC4yLDMxMS41TDguNSwzNjcuOWw5LjEsMTEuOWw3MS4yLTI1LjRMNTguMiwzMTEuNXogTTMuNywzNjQuOQ0KCUw0Mi45LDMwMkwzMCwyOTQuOGwtMzAsNjggTS0zOCw0MjkuOWwtMzkuNSw2Mi4ybDEyLjYsN2wzMC43LTY3Ii8+DQo8L3N2Zz4NCg==);
background-image: url(//images.pcgamingwiki.com/e/e6/DRM_Disc_Check_icon.svg)!ie
}
.drm-cartridge {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjIzRDI1O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTk2LjEsNTA2Ljh2LTE5LjdoLTE0LjRWMjY3LjVINzYuNXYyMTkuN0g2Mi4xdjM5LjNILTk2LjFMLTk2LjEsNTA2Ljh6IE0tNjcuNCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjQNCglWNDk5LjZ6IE0tMzguNiw0OTkuNnYtMTIuNUgtNTN2MjQuOWgxNC40VjQ5OS42eiBNLTkuOCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjRWNDk5LjZ6IE0xOSw0OTkuNnYtMTIuNUg0LjZ2MjQuOUgxOUwxOSw0OTkuNnoNCgkgTTQ3LjgsNDk5LjZ2LTEyLjVIMzMuNHYyNC45aDE0LjRWNDk5LjZ6IE01OC4xLDM3Ny4zVjI4NkgtOTIuMXYxODIuN0g1OC4xVjM3Ny4zeiBNLTc3LjcsMzc3LjN2LTYwLjdINDMuN1Y0MzhILTc3LjdMLTc3LjcsMzc3LjN6DQoJIE0yOS4zLDM3Ny4zdi00Ni4zaC05Mi42djkyLjZoOTIuNlYzNzcuM3oiLz4NCjwvc3ZnPg0K);
background-image: url(images.pcgamingwiki.com/8/8f/DRM_cartridge_icon.svg)!ie
}
.drm-cdkey {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI3LjkiIGN5PSIzNzAuOSIgcj0iOCIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NC45LDM0OC45Yy0xNy0yNS01My0yNy03MS0yYy03LDEwLTEwLDIxLTcsMzJsLTUyLDUydjM0aDUxdi0xN2gxN3YtMTdoMTd2LTE4DQoJCUMzOS45LDQyMS45LDYyLjksMzgyLjksNDQuOSwzNDguOXogTS0zLjEsMzk4LjlsLTEwLDEwdjdsLTIsMmgtMTV2MTVsLTIsMmgtMTV2MTVsLTIsMmgtMjBsLTItMnYtMTRsNTMtNTNjLTktMjQsMTAtNDIsMjctNDENCgkJYzE2LDAsMzAsMTMsMzAsMzBDMzYuOSwzOTguOSwxNy45LDQwNy45LTMuMSwzOTguOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
background-image: url(//images.pcgamingwiki.com/5/57/DRM_CD-Key_icon.svg)!ie
}
.drm-dongle {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288%20288%22%3E%3Cpath%20d%3D%22M110.7722%2044.30438h22.1515v22.152606h-22.1515zm44.3041%200h22.1515v22.152606h-22.1515zm66.45559%2044.304099c3.00009%200%205.85562.577111%208.5666%201.731333%202.71209%201.153109%205.07724%202.710975%207.09657%204.672485%202.01822%201.961509%203.605%204.268841%204.75922%206.921993%201.15311%202.65427%201.73022%205.48089%201.73022%208.47986v155.75766c0%203.00008-.57711%205.8267-1.73022%208.47986-1.15422%202.65315-2.741%204.96159-4.75922%206.9231-2.01933%201.9604-4.38448%203.51827-7.09657%204.67249a21.653332%2021.653332%200%2001-8.5666%201.73022c-51.68867.05-103.37511%200-155.063785%200a21.661116%2021.661116%200%2001-8.566593-1.73022c-2.712087-1.15422-5.077241-2.71209-7.096573-4.67249-2.01822-1.96151-3.604997-4.26995-4.759218-6.9231-1.15311-2.65316-1.730221-5.47978-1.730221-8.47986V110.41415c0-2.99897.577111-5.82671%201.730221-8.47986%201.154221-2.653152%202.740998-4.960484%204.759218-6.921993%202.019332-1.96151%204.384486-3.519376%207.096573-4.672485a21.653332%2021.653332%200%20018.566593-1.731333V.00028166H221.53189zm-132.912291%200H199.3804V22.152887H88.619599zM221.53301%20110.76108H66.466993v155.06379H221.53078z%22%20fill%3D%22%23b23d25%22%2F%3E%3C%2Fsvg%3E");
}
.drm-download {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMzLjUsNDI3LjMgMzMuNSw0NTEgLTY4LjUsNDUxIC02OC41LDQyNyAtODMuNSw0MjcgLTgzLjUsNDUxIC04My41LDQ2NyAtODMuNSw0NjcgNDkuNSw0NjcgNDkuNSw0MjcgDQoJCQkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0LjUsMzgxIC05LjUsNDA2IC05LjUsMzI3IC0yNS41LDMyNyAtMjUuNSw0MDYgLTQ5LjUsMzgyIC02MS41LDM5MyAtMTcuNSw0MzYgMjYuNSwzOTMgCSIvPg0KPC9nPg0KPC9zdmc+DQo=);
background-image: url(//images.pcgamingwiki.com/9/95/DRM_Download_icon.svg)!ie
}
.drm-drmfree {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjEwMDQgLTc5NCAyMzgwIDIzODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTAwNCAtNzk0IDIzODAgMjM4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzExQjE4NjtzdHJva2Utd2lkdGg6MTIwO30NCgkuc3Qxe2ZpbGw6IzExQjE4Njt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjE5NCIgY3k9IjM5NiIgcj0iMTEzMCIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1NzMuMiwyMzAuM3YtMzA4YzEtMTc2LTE4My0zMzYtMjk4LTM0OWMtMjAyLTQwLTM5Nyw4MS00NDYsMjc2Yy04LDM4LTcsNjMtMTAsOThoMTQyYzEzLDAsMTctNiwxOS0yMA0KCWM1LTY0LDIyLTEwNyw1OS0xNDZjMTMyLTEyMiwzNDYtNDEsMzgzLDExNWMyOCwxMjUsMjAsMTg0LDIwLDMzNGwtNjg2LDVjLTEwMiwxLTE2Miw4NC0xNjIsMTYzbDY0LDY4NGMxMCw4Myw0NCwxNDUsMTE3LDE0NGg4MTENCgljODksMCwxMTktNTcsMTM2LTE0NGw2OS02ODRjMTMtODgtMjMtMTU3LTEwOC0xNjNMMjU3My4yLDIzMC4zeiBNMjU2NC4yLDEwNjUuM2gtNzQxbC01OS02NjdoODU5TDI1NjQuMiwxMDY1LjN6Ii8+DQo8L3N2Zz4NCg==);
background-image: url(images.pcgamingwiki.com/b/b3/DRM-free_icon.svg)!ie
}
.drm-drmfree-asterisk {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ijk0NCAtODU0IDI1MDAgMjUwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyA5NDQgLTg1NCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMxMUIxODY7c3Ryb2tlLXdpZHRoOjEyMDt9DQoJLnN0MXtmaWxsOiMxMUIxODY7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO3N0cm9rZTojRjg5ODQyO3N0cm9rZS13aWR0aDo4Mi4yNjUyO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMTk0IiBjeT0iMzk2IiByPSIxMTg0LjUiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNTg4LjYsMTY0LjV2LTMyMi44YzEtMTg0LjUtMTkxLjgtMzUyLjItMzEyLjQtMzY1LjhjLTIxMS43LTQxLjktNDE2LjEsODQuOS00NjcuNSwyODkuMw0KCWMtOC40LDM5LjgtNy4zLDY2LTEwLjUsMTAyLjdoMTQ4LjhjMTMuNiwwLDE3LjgtNi4zLDE5LjktMjFjNS4yLTY3LjEsMjMuMS0xMTIuMiw2MS44LTE1M2MxMzguNC0xMjcuOSwzNjIuNy00Myw0MDEuNSwxMjAuNQ0KCWMyOS40LDEzMSwyMSwxOTIuOSwyMSwzNTAuMWwtNzE5LjEsNS4yYy0xMDYuOSwxLTE2OS44LDg4LTE2OS44LDE3MC45bDY3LjEsNzE3YzEwLjUsODcsNDYuMSwxNTIsMTIyLjYsMTUwLjloODUwLjENCgljOTMuMywwLDEyNC43LTU5LjcsMTQyLjYtMTUwLjlsNzIuMy03MTdjMTMuNi05Mi4yLTI0LjEtMTY0LjYtMTEzLjItMTcwLjlMMjU4OC42LDE2NC41eiBNMjU3OS4xLDEwMzkuN2gtNzc2LjdsLTYxLjgtNjk5LjJIMjY0MQ0KCUwyNTc5LjEsMTAzOS43eiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwNDkuMiw5MTkuNmw5My4zLTI4OC4xYzIxNS4xLDc1LjcsMzcxLjMsMTQxLjMsNDY4LjcsMTk2LjhjLTI1LjctMjQ0LjgtMzkuMi00MTMuMi00MC42LTUwNS4yaDI5NC4yDQoJYy00LjEsMTMzLjktMTkuNiwzMDEuNi00Ni43LDUwMy4xYzEzOS4zLTcwLjMsMjk4LjktMTM1LjMsNDc4LjgtMTk0LjhsOTMuMywyODguMWMtMTcxLjgsNTYuOC0zNDAuMiw5NC43LTUwNS4yLDExMy42DQoJYzgyLjUsNzEuNywxOTguOCwxOTkuNSwzNDksMzgzLjRsLTI0My41LDE3Mi40Yy03OC40LTEwNi44LTE3MS4xLTI1Mi4yLTI3Ny45LTQzNi4yYy0xMDAuMSwxOTAuNy0xODgsMzM2LjEtMjYzLjcsNDM2LjINCglsLTIzOS40LTE3Mi40YzE1Ni45LTE5My40LDI2OS4yLTMyMS4yLDMzNi44LTM4My40QzIzNzEuOCw5OTkuNCwyMjA2LjEsOTYxLjUsMjA0OS4yLDkxOS42eiIvPg0KPC9zdmc+DQo=);
background-image: url(//images.pcgamingwiki.com/7/77/DRM-free_asterisk_icon.svg)!ie
}
.drm-floppy {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNTkuMyAyNjIuOCAyNTguOSAyNTguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTU5LjMgMjYyLjggMjU4LjkgMjU4Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MS4xLDI2Mi44YzIuNiwwLDUuMSwwLjUsNy4zLDEuNGMyLjIsMC45LDQuMiwyLjMsNS45LDRjMS43LDEuNywzLDMuNyw0LDUuOWMwLjksMi4yLDEuNCw0LjYsMS40LDcuM3YyNDAuNQ0KCWgtMjI2bC0zMy0zMy4yVjI4MS4zYzAtMi42LDAuNS01LjEsMS41LTcuM3MyLjMtNC4yLDQtNS45YzEuNy0xLjcsMy42LTMsNS44LTRjMi4yLTAuOSw0LjYtMS40LDcuMy0xLjRIODEuMXogTS0xMDMuOSwzNzMuOGgxNDgNCgl2LTkyLjVoLTE0OFYzNzMuOHogTTcuMSw0NDcuOGgtOTIuNXY1NS41aDE4LjV2LTM3aDE4LjV2MzdINy4xVjQ0Ny44eiBNODEuMSwyODEuM0g2Mi42djExMWgtMTg1di0xMTFoLTE4LjV2MTk5LjVsMjIuMywyMi41aDE0LjcNCgl2LTc0SDI1LjZ2NzRoNTUuNVYyODEuM3oiLz4NCjwvc3ZnPg0K);
background-image: url(//images.pcgamingwiki.com/2/2f/DRM_Floppy_Check_icon.svg)!ie
}
.drm-physical {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjE0O30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0xNy41LDMzNS4zQy01Mi4zLDMxNS01OS42LDM0Ny04My4xLDM0NS40IE0tMTcuNiwzMzUuNGMzNC44LTIwLjMsNDMuMywxMS43LDY2LjcsMTAuMSBNLTgzLjEsMzM4LjR2MTI3DQoJCSBNLTE3LjYsMzMzLjd2MTE0LjEgTS0yMS4xLDQ0OC43YzMzLjUtMjAuMyw0Mi44LDExLjIsNjUuNCw5LjYgTTQ4LjEsMzM4LjR2MTI3IE0tMTMuOSw0NDguN2MtMzMuNS0yMC4zLTQyLjgsMTEuMi02NS40LDkuNiIvPg0KPC9nPg0KPC9zdmc+DQo=);
background-image: url(//images.pcgamingwiki.com/0/0a/DRM_Physical_icon.svg)!ie
}
.drm-unknown {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTUiIGN5PSI0NTAuMyIgcj0iMTYiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUuNywzODYuOWwtMzcuNiwyNC42djEyLjFoLTI4LjJWMzk5bDM1LjctMjQuMXYtMTIuN2wtNi02LjdoLTMyLjRsLTE2LjMsMTkuN2wtMjAuNi0yM2wyNC41LTI0LjVIMTENCgkJbDI0LjcsMjUuNFYzODYuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
background-image: url(https://images.pcgamingwiki.com/a/af/DRM_Unknown_icon.svg)!ie
}
/* OS icons */
.os-win3x {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath style='fill:%231e3561;stroke-width:1.34246063' d='m 5.041638,10.66722 v 1.311584 L 3.526,12.601706 v -1.290105 z m 0,12.713102 v 1.311584 L 3.526,25.314808 v -1.267284 z m 0,12.890307 v 1.334406 L 3.526,38.226594 v -1.26594 z M 4.885913,14.912081 v 1.177338 l -1.225667,0.555778 v -1.154516 z m 0,4.267683 v 1.154516 l -1.225667,0.555778 v -1.154516 z m 0,8.622623 v 1.13438 l -1.225667,0.555778 v -1.155858 z m 0,4.311984 V 33.27023 L 3.660246,33.826008 V 32.691629 Z M 8.917322,11.400203 v 1.534433 L 6.824426,13.711921 V 12.20031 Z m 0,12.868828 v 1.51161 l -2.092896,0.800107 v -1.511611 z m 0,12.934608 V 38.71525 L 6.824426,39.559658 V 38.04939 Z M 8.804555,15.846433 V 17.24662 L 7.12111,17.891001 v -1.401529 z m 0,4.289162 v 1.377364 L 7.12111,22.15734 v -1.42435 z m 0,8.578323 v 1.378707 L 7.12111,30.758486 v -1.423008 z m 0,4.333463 v 1.377365 L 7.12111,35.091949 v -1.400187 z m 4.022012,-20.691346 v 1.82172 l -2.703715,1.044434 v -1.80024 z m 0,12.868828 v 1.821719 l -2.703715,1.044434 v -1.801582 z m 0,12.780225 v 1.82172 l -2.703715,1.067256 V 39.071002 Z M 12.689636,16.823745 v 1.621693 l -2.270101,0.867229 v -1.577391 z m 0,4.290504 v 1.59887 l -2.270101,0.888709 v -1.598871 z m 0,8.576981 v 1.600213 l -2.270101,0.911531 V 30.60276 Z m 0,4.1576 v 1.644515 l -2.270101,0.888709 V 34.783183 Z M 17.05129,12.241926 v 2.403005 l -3.338699,1.334406 v -2.377498 z m 0,12.894334 v 2.40032 l -3.338699,1.311584 v -2.40032 z m 0,12.757404 v 2.40032 l -3.338699,1.333063 V 39.249549 Z M 16.871401,16.71232 v 2.200294 l -2.800373,1.134379 V 17.8467 Z m 0,4.290505 v 2.17747 l -2.800373,1.134379 v -2.200293 z m 0,8.601145 v 2.200293 l -2.800373,1.111557 v -2.201635 z m 0,4.154915 v 2.200293 l -2.800373,1.111558 v -2.178814 z m 4.573763,-21.914327 v 3.134646 l -3.699822,1.510268 v -3.133303 z m 0,12.868827 v 3.133303 l -3.699822,1.48879 v -3.133304 z m 0,12.780226 v 3.133303 l -3.699822,1.488789 V 38.9824 Z M 21.266616,16.556595 v 2.623169 l -3.16418,1.26594 v -2.644648 z m 0,4.090478 v 2.644646 l -3.16418,1.244461 v -2.621825 z m 0,8.755528 v 2.666126 l -3.16418,1.222982 v -2.623168 z m 0,4.17908 v 2.644647 l -3.16418,1.267283 v -2.64599 z m 4.698613,-23.314515 v 4.28782 l -3.985766,1.645857 V 12.20031 c 1.381392,-0.783997 2.710428,-1.429721 3.985766,-1.933144 z m 0,4.734859 v 3.711905 l -3.985766,1.665993 V 16.64654 Z m 0,4.177739 v 3.756203 l -3.985766,1.665994 v -3.756204 z m 0,4.223379 v 3.711904 l -3.985766,1.665994 v -3.733383 z m 0,4.177738 v 3.823328 l -3.985766,1.688816 v -3.844807 z m 0,4.289162 v 3.733383 l -3.985766,1.710295 v -3.777684 z m 0,4.20056 v 3.99919 c -1.561282,0.592025 -2.888976,1.163913 -3.985766,1.711637 V 37.758076 Z M 46.474,10.401412 v 30.065749 c -2.541278,-1.679418 -5.713513,-2.518456 -9.516704,-2.518456 -3.150755,0 -6.672029,0.645724 -10.563823,1.938513 v -4.055573 c 2.064705,-0.79608 4.337491,-1.36931 6.819701,-1.715665 v -9.783854 c -2.095581,0.26715 -4.368367,0.994764 -6.819701,2.184184 v -2.808428 c 2.125116,-0.979996 4.397902,-1.649884 6.819701,-2.005636 V 12.11842 c -2.184184,0.433614 -4.45697,1.169283 -6.819701,2.207005 V 10.091304 C 29.85568,8.6199666 33.24942,7.8842986 36.578722,7.8842986 c 3.579001,-0.0013 6.878769,0.837695 9.895278,2.5171134 z m -4.034094,2.629881 c -1.628405,-0.832326 -3.577658,-1.248489 -5.849101,-1.248489 -0.264465,0 -0.52893,0.01477 -0.792052,0.0443 v 9.695251 l 0.879312,-0.02282 c 1.949252,0 3.870314,0.311451 5.761841,0.935695 z m 0,12.190885 c -1.745199,-0.771915 -3.679685,-1.158544 -5.8048,-1.158544 -0.264465,0 -0.542354,0.01477 -0.836353,0.0443 v 9.783854 h 0.879312 c 2.125115,0 4.047518,0.26715 5.761841,0.802791 z'/%3E%3C/svg%3E");
}
.os-macos {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxRTM1NjEiIGQ9Ik0zMC41IDE1LjVoMnY0aC0yeiIvPjxwYXRoIGZpbGw9IiMxRTM1NjEiIGQ9Ik00Mi41IDEwLjVIMjguNTA0Yy42OS0xIDEuNDQ3LTEuOTg1IDIuMjcyLTIuOTQxbC0xLjIzNS0xLjA4QzI4LjQ5MyA3LjczNyAyNy41MDIgOS41IDI2LjU5IDEwLjVINy41djMxaDIwLjM5OWMuMzE2IDAgLjY1NiAxLjQ3MSAxIDIuMjQuNDE0LS4xODkgMS4zNDUtLjU0NSAxLjQzNi0uNjA0LS4wMjUtLjA2LS4zMS0uNjM2LS42NzQtMS42MzZINDIuNXYtMzF6bS0yNiA1aDJ2NGgtMnYtNHptLTMuMzg0IDE1LjYyOGMuMzEzLS40Ny42NTgtLjg4Ny45NDEtMS4zMSAzLjU3OCAxLjc3NSA3LjQ0MyAyLjQyMiAxMi40NDMgMi4zMjl2LS4wMDcuMDA3bC0uMDY0IDEuNTc4Yy00Ljg0OS4wNzQtOS41MjEtLjY2LTEzLjMyLTIuNTk3ek00MS41IDQwLjVIMjkuMzUxYy0uNTU5LTItMS4xODEtNC4yNTgtMS4zNjQtNi42MjcgMi40NjMtLjMwMSA2LjMwOS0xLjI3NiA4LjcxOS0yLjU4My4wNjYtLjAzNS4xMjItLjEzOC4xODMtLjE4Ny0uMjgzLS40MTctLjgxMy0uODU3LTEuMTA4LTEuMjkxLTIuNDk0IDEuMjg1LTUuMjgxIDEuOTI4LTguMjgxIDIuMjM4di0uMDAyYzAtMS41MzEuOTE0LTQuNTQ4IDEuNDY4LTUuNTQ4aC02LjMxN2MuMzU5LTUgMS45Ny0xMCA1LjE3Mi0xNUg0MS41djI5eiIvPjwvc3ZnPg==);
background-image: url(//images.pcgamingwiki.com/0/03/Generic_Mac_OS_icon.svg)!ie
}
.os-dos {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGcgZmlsbD0iIzFFMzU2MSI+PHBhdGggZD0iTTEzLjk1MyAyMS4zMDRjLS41MDQtLjE1Ny0xLjExNi0uMjMzLTEuODMzLS4yMzNoLTEuNTQ2djcuODUyaDEuNzc3Yy4zODggMCAuNjk0LS4wMTEuOTE0LS4wMzQuMjIyLS4wMTkuNDUxLS4wNzIuNjg4LS4xNTQuMjM3LS4wODYuNDQxLS4yMDUuNjE1LS4zNTUuNzg0LS42NjMgMS4xNzUtMS44MDcgMS4xNzUtMy40MjcgMC0xLjE0MS0uMTcyLTEuOTk3LS41MTYtMi41NjQtLjM0Ni0uNTY5LS43Ny0uOTMyLTEuMjc0LTEuMDg1ek0yNy4wMTYgMjEuMzU4Yy0uNTA4LS4zMTctMS4wODktLjQ3OC0xLjc0OC0uNDc4LS40NjYgMC0uOS4wOS0xLjI5Ny4yNjYtLjM5OC4xNzYtLjczOC40MzItMS4wMjQuNzctLjI4Ny4zMzYtLjUxNC43NjctLjY4IDEuMjktLjE2Ny41MjMtLjI0OSAxLjExLS4yNDkgMS43NjQgMCAuNjU2LjA4MiAxLjI1LjI0OSAxLjc4My4xNjYuNTMxLjM5OS45NzEuNzAzIDEuMzIxLjMwMi4zNTIuNjQ5LjYxMyAxLjA0Ljc4NS4zOTQuMTc0LjgyNC4yNjIgMS4yOTIuMjYyLjYwMSAwIDEuMTUtLjE1MSAxLjY1My0uNDUxLjUwMy0uMjk4LjkwMi0uNzYzIDEuMTk4LTEuMzg4LjI5OC0uNjI2LjQ0Ny0xLjM5OC40NDctMi4zMTIgMC0uODQ4LS4xMzgtMS41ODItLjQxMS0yLjIwM3MtLjY2NS0xLjA5LTEuMTczLTEuNDA5eiIvPjxwYXRoIGQ9Ik0yNSAzLjUyNkMxMy4xNDEgMy41MjYgMy41MjYgMTMuMTQxIDMuNTI2IDI1UzEzLjE0MSA0Ni40NzQgMjUgNDYuNDc0IDQ2LjQ3NCAzNi44NTkgNDYuNDc0IDI1IDM2Ljg1OSAzLjUyNiAyNSAzLjUyNnptLTcuMDYxIDIzLjM0NWMtLjEyNC41NzMtLjMwOCAxLjA4OS0uNTYyIDEuNTUtLjI1NC40Ni0uNTc1Ljg3MS0uOTcxIDEuMjM2LS4zMTIuMjc3LS42NDkuNTAyLTEuMDE5LjY3MS0uMzY3LjE2OC0uNzY0LjI4Ni0xLjE4Ny4zNTUtLjQyNC4wNjgtLjkuMTAxLTEuNDMyLjEwMUg5LjcxNGMtLjQyNiAwLS43NDctLjA2NC0uOTYxLS4xOTItLjIxNi0uMTMtLjM1Ny0uMzEtLjQyNC0uNTQ1LS4wNjUtLjIzNS0uMDk4LS41MzktLjA5OC0uOTExdi04LjQ4M2MwLS41MDYuMTEzLS44NzEuMzM4LTEuMDk3LjIyOC0uMjI4LjU5Mi0uMzQgMS4wOTctLjM0aDMuMDU0Yy43OTUgMCAxLjQ3NS4wNzMgMi4wNDQuMjIyLjU2OC4xNDcgMS4wODMuNDIyIDEuNTQ2LjgyOCAxLjIwNiAxLjAzMiAxLjgwOCAyLjU5OSAxLjgwOCA0LjcwNS4wMDEuNjkyLS4wNTggMS4zMjctLjE3OSAxLjl6bTEyLjY3MS41NTJjLS4yNDIuNzMyLS42MDUgMS4zNjQtMS4wODkgMS45MDEtLjQ4NS41MzctMS4wNzguOTQ2LTEuNzgzIDEuMjMxLS43MDUuMjg0LTEuNTE0LjQyNi0yLjQyMy40MjYtLjkwNiAwLTEuNzE2LS4xNDYtMi40MzEtLjQzOC0uNzE1LS4yOTEtMS4zMTMtLjcwMy0xLjc5MS0xLjIzNC0uNDc5LS41MzEtLjg0MS0xLjE3Mi0xLjA4NS0xLjkxNy0uMjQ0LS43NDktLjM2Ny0xLjU1Ni0uMzY3LTIuNDIzIDAtLjg5LjEyNi0xLjcwNy4zODItMi40NDguMjU2LS43NDIuNjI1LTEuMzcyIDEuMTEtMS44OTIuNDgzLS41MjEgMS4wNzItLjkyMSAxLjc2OC0xLjE5OC42OTMtLjI3NSAxLjQ4My0uNDEzIDIuMzY2LS40MTMgMS4yIDAgMi4yMy4yNDMgMy4wOS43My44Ni40ODcgMS41MSAxLjE3OSAxLjk1MyAyLjA3NS40NDMuODk2LjY2MyAxLjk1MS42NjMgMy4xNTkuMDAxLjg5Ny0uMTE5IDEuNzA5LS4zNjMgMi40NDF6bTkuMDM2IDMuMDg1Yy0uNjkzLjMxNi0xLjUxOC40NzQtMi40NjkuNDc0LTEuMTQzIDAtMi4wODMtLjIxNi0yLjgyNC0uNjQ2LS41MjUtLjMxMS0uOTU0LS43MjQtMS4yODItMS4yNDMtLjMzMS0uNTE5LS40OTUtMS4wMjItLjQ5NS0xLjUxMiAwLS4yODMuMS0uNTI3LjI5OC0uNzI5LjE5Ny0uMjA0LjQ0Ny0uMzA2Ljc1MS0uMzA2LjI0NyAwIC40NTcuMDc4LjYyNy4yMzcuMTc0LjE1OC4zMTkuMzkyLjQzOS43MDEuMTQ3LjM3MS4zMDguNjc5LjQ3OC45MjUuMTcuMjQ4LjQxMS40NTEuNzIxLjYxMS4zMTIuMTYxLjcxOS4yNDEgMS4yMjUuMjQxLjY5NCAwIDEuMjU4LS4xNjMgMS42OTMtLjQ4NS40MzQtLjMyMy42NDktLjcyOS42NDktMS4yMTIgMC0uMzgyLS4xMTYtLjY5My0uMzUyLS45MzUtLjIzMi0uMjQtLjUzNC0uNDIyLS45MDctLjU1LS4zNjktLjEyNS0uODY2LS4yNTktMS40ODYtLjM5OS0uODMyLS4xOTctMS41MjUtLjQyNS0yLjA4Ny0uNjg1LS41NjItLjI2LTEuMDA2LS42MTUtMS4zMzQtMS4wNjYtLjMyOS0uNDQ5LS40OTMtMS4wMDctLjQ5My0xLjY3NiAwLS42MzYuMTc0LTEuMjAyLjUyLTEuNjk1LjM0OC0uNDk1Ljg1MS0uODc1IDEuNTA4LTEuMTQxczEuNDMyLS4zOTkgMi4zMi0uMzk5Yy43MTEgMCAxLjMyNC4wODggMS44NDIuMjY0LjUyLjE3Ni45NS40MTEgMS4yOS43MDQuMzQ0LjI5Mi41OTMuNTk4Ljc1MS45MTkuMTU2LjMyMS4yMzcuNjM0LjIzNy45NCAwIC4yNzctLjA5OC41MjktLjI5Ny43NTEtLjE5Ni4yMjUtLjQ0My4zMzYtLjczOS4zMzYtLjI2OCAwLS40Ny0uMDY1LS42MDktLjIwMS0uMTQtLjEzNS0uMjkxLS4zNTQtLjQ1My0uNjU5LS4yMTItLjQzNi0uNDY0LS43NzYtLjc1OS0xLjAyMi0uMjk2LS4yNDUtLjc2OC0uMzY3LTEuNDIyLS4zNjctLjYwNCAwLTEuMDkzLjEzMi0xLjQ2Mi4zOTktLjM3Mi4yNjYtLjU1OC41ODUtLjU1OC45NTkgMCAuMjMxLjA2Mi40My4xODkuNTk4LjEyOC4xNjguMzAyLjMxMy41MjEuNDM0cy40NDUuMjE2LjY3MS4yODVjLjIyOC4wNjkuNi4xNjggMS4xMTkuMy42NTQuMTUzIDEuMjQ0LjMyMSAxLjc3My41MDQuNTI3LjE4NS45NzkuNDA5IDEuMzQ4LjY3MS4zNzMuMjY0LjY2MS41OTYuODY5Ljk5OS4yMDkuNDAxLjMxMi44OTYuMzEyIDEuNDc5IDAgLjcwMS0uMTgyIDEuMzI4LS41NDEgMS44ODYtLjM2MS41Ni0uODg2Ljk5NS0xLjU4MiAxLjMxMXoiLz48L2c+PC9zdmc+);
background-image: url(//images.pcgamingwiki.com/e/e6/Generic_DOS_icon.svg)!ie
}
.os-templeos {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9IkxheWVyXzEiICAgeD0iMHB4IiAgIHk9IjBweCIgICB2aWV3Qm94PSIwIDAgNTAgNTAiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGRlZnMgICAgIGlkPSJkZWZzNyIgLz48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE1Ij48cmRmOlJERj48Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PHJlY3QgICAgIHk9IjMuMzcxNDU1OSIgICAgIHg9IjYuNTE1ODg0NCIgICAgIGhlaWdodD0iNDMuMDk5NjU1IiAgICAgd2lkdGg9IjM2LjI5NDQ0NSIgICAgIGlkPSJyZWN0ODI3IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTAuMTc0MzEzNTU7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cmVjdCAgICAgeT0iNS41ODExMSIgICAgIHg9IjguNjg5MDI1OSIgICAgIGhlaWdodD0iMzguNjUxMTc2IiAgICAgd2lkdGg9IjMxLjk4NDU5NiIgICAgIGlkPSJyZWN0ODI5IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDQ1NDYiICAgICBkPSJNIDE2Ljc0MTM1MiwzNi41OTE5MzcgMTguODM4NzAzLDM3LjgyNzg3NiAzNi4wNjY5NCw3Ljk3ODA4MjEgYyAwLDAgMC4zMzcwNzQsLTAuNzExNjAxMSAwLjE0OTgxMSwtMC43ODY1MDY1IC0wLjE4NzI2MywtMC4wNzQ5MDUgLTEuMDExMjIzLDAgLTEuMjczMzkxLDAuMzM3MDc0MiBDIDM0LjY4MTE5MSw3Ljg2NTcyNDEgMTYuNzQxMzUyLDM2LjU5MTkzNyAxNi43NDEzNTIsMzYuNTkxOTM3IFoiICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMWUzNTYxO3N0cm9rZS13aWR0aDowLjI7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cGF0aCAgICAgaWQ9InBhdGg0NTU0IiAgICAgZD0ibSAxNi44OTUwNjksMzYuNTE4NjQxIDAuNDI5MTUsMC4yNzg0MzMgTCAzNS41Mjk1MSw3LjMxMTc0NjIgYyAwLDAgLTAuNDI5NDQyLDAuMTI5NDM3IC0wLjQ3NzAwNywwLjIwMTM2MzcgLTAuMDQ3NTcsMC4wNzE5MjcgLTE4LjE1NzQzNCwyOS4wMDU1MzExIC0xOC4xNTc0MzQsMjkuMDA1NTMxMSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDUzNCIgICAgIGQ9Im0gMTQuNjI3NjQ2LDI2LjI0MTg0IDIuODQ2NTMsLTAuMDAxNSBjIDAsMCAtMC42Mjg5NzIsMC45OTk3MzYgLTAuNzg3ODcxLDEuMTMyMTUxIC0wLjI1ODIwOSwwLjAzMzExIC0wLjgyMTA3NSwwLjA0OTc2IC0xLjAyNTgyLC0wLjAwNTEgLTAuNDQ2NDM1LC0wLjI5MTk0IC0wLjg4MTg4OCwtMC43MzE3ODggLTEuMDMyODM5LC0xLjEyNTUxMSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBzdHlsZT0iZmlsbDojMWUzNTYxO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMWUzNTYxO3N0cm9rZS13aWR0aDowLjMwMDAwMDAxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiICAgICBkPSJtIDMxLjcxMjU4NCwyNi4xOTQwMDkgMi45NzkzNDMsLTAuMDEzMjQgYyAwLDAgLTAuNjI4OTcyLDAuOTk5NzM2IC0wLjc4Nzg3MSwxLjEzMjE1MSAtMC4yNTgyMDksMC4wMzMxMSAtMS4wOTE5OTUsMC4wMzkzOCAtMS4yOTY3NCwtMC4wMTU1IC0wLjQzNjgyNiwtMC4xOTg5NjIgLTAuODIwNzc2LC0wLjc0NTI3MiAtMC44OTQ3MzIsLTEuMTAzNDE0IHoiICAgICBpZD0icGF0aDQ1MzYiIC8+PHBhdGggICAgIGlkPSJwYXRoNDUzOCIgICAgIGQ9Im0gMTQuNjEzMDE2LDI2LjE0OTQxMiAxLjM5ODAwMywtOC4wNzUwNDEgMS41ODEzNCw4LjA2MTgxOSIgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMxZTM1NjE7c3Ryb2tlLXdpZHRoOjAuMjtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDQ1NDAiICAgICBkPSJtIDMxLjcxMjU4NCwyNi4xOTQwMDkgMS43MjI2OTUsLTguMTU1NjIxIDEuMjU2NjQ4LDguMTQyMzgxIiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4yO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0MiIgICAgIGQ9Im0gMTMuNzI2NDExLDQyLjc3MTYzMSBjIDAsMCAwLjQ2ODE1OCwwLjQ0OTQzMiAwLjY5Mjg3NSwwLjQ0OTQzMiAwLjIyNDcxNiwwIDMuNDgzMSwtNC41NTA1MDIgMy40ODMxLC00LjU1MDUwMiBsIC0xLjQ0MTkyOSwtMS4wMjk5NDkgYyAwLDAgLTIuNzkwMjI1LDQuOTA2MzAzIC0yLjczNDA0Niw1LjEzMTAxOSB6IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC40O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0NCIgICAgIGQ9Im0gMTQuOTI0ODk3LDM2LjU3MzIxMSBjIDAsMCA0LjA4MjM0MywyLjYyMTY4OCA0LjE3NTk3NSwyLjY0MDQxNCAwLjA5MzYzLDAuMDE4NzMgMC41MjQzMzcsLTAuMDE4NzMgMC44MjM5NTksLTAuMjYyMTY4IDAuMjk5NjIxLC0wLjI0MzQ0MyAwLjYzNjY5NiwtMC41NjE3OTEgMC41ODA1MTcsLTAuNjc0MTQ5IC0wLjA1NjE4LC0wLjExMjM1OCAtMC42OTI4NzUsLTAuMDM3NDUgLTEuMDg2MTI4LC0wLjE4NzI2MyAtMC4zOTMyNTQsLTAuMTQ5ODExIC0zLjMzMzI5LC0xLjkyODgxNCAtMy41MzkyOCwtMi4wNDExNzIgLTAuMjA1OTg5LC0wLjExMjM1OCAtMC4yODA4OTUsLTAuNjE3OTY5IC0wLjM1NTgsLTAuNzg2NTA2IC0wLjA3NDksLTAuMTY4NTM4IC0wLjY1NTQyMiwxLjEyMzU4IC0wLjU5OTI0MywxLjMxMDg0NCB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7ZmlsbC1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0OCIgICAgIGQ9Ik0gMTguNTM5MDgxLDM2LjAzMDE0NyAzNi4wMDkxNTEsNy4xOTAwODQxIiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDgzMSIgICAgIGQ9Im0gMzMuNDgyMTU0LDE4LjE1NTU3NSAtOC42MzIyOTQsLTMuMTczODQgYyAtMC4wMzk3MywtMC4yMzgzNDcgLTguOTEzNjg1LDMuMjE4NzQxIC04LjkxMzY4NSwzLjIxODc0MSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPg==);
}
.os-booter {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHk9IjBweCIgeD0iMHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMTUiPjwvbWV0YWRhdGE+ICAgIDxwYXRoIGQ9Im0gNDMuNDA2MjksMy41MjYwMDAxIGMgMC40MzgyNCwwIDAuODM5OTcsMC4wNzc2MSAxLjIwNTE3LDAuMjMyODE4IDAuMzY1MjAxLDAuMTU1MjExIDAuNjg5MzIxLDAuMzc0MzM0IDAuOTcyMzYxLDAuNjU3MzY4IDAuMjgzMDI5LDAuMjgzMDMyIDAuNTAyMTUsMC42MDcxNTIgMC42NTczNTksMC45NzIzNTYgMC4xNTUyMSwwLjM2NTIwNCAwLjIzMjgyLDAuNzY2OTI4IDAuMjMyODIsMS4yMDUxNzIgViA0Ni40NzQgSCA5LjAwNDA2MDUgTCAzLjUyNTk5OTUsNDAuOTY4NTUgViA2LjU5MzcxNDEgYyAwLC0wLjQzODI0NCAwLjA4MjIsLTAuODM5OTY4IDAuMjQ2NTEsLTEuMjA1MTcyIDAuMTY0MzQsLTAuMzY1MjA0IDAuMzgzNDcsLTAuNjg5MzI0IDAuNjU3MzcsLTAuOTcyMzU2IDAuMjczOSwtMC4yODMwMzQgMC41OTM0NiwtMC41MDIxNTcgMC45NTg2NiwtMC42NTczNjggMC4zNjUyMSwtMC4xNTUyMTEgMC43NjY5MywtMC4yMzI4MTggMS4yMDUxNywtMC4yMzI4MTggeiBNIDEyLjcyOTE0MSwyMS45MzIyODYgSCAzNy4yNzA4NiBWIDYuNTkzNzE0MSBIIDEyLjcyOTE0MSBaIE0gMzEuMTM1NDMsMzQuMjAzMTQgSCAxNS43OTY4NjEgdiA5LjIwMzE1IGggMy4wNjc3MDkgdiAtNi4xMzU0MyBoIDMuMDY3NzIgdiA2LjEzNTQzIGggOS4yMDMxNCB6IiBpZD0icGF0aDItMyIgc3R5bGU9ImZpbGw6IzFFMzU2MTtzdHJva2Utd2lkdGg6MC4xNjU4MjIzOSI+PC9wYXRoPjwvc3ZnPg==);
background-image: url(//images.pcgamingwiki.com/c/ce/Generic_PC_booter_icon.svg)!ie
}
.os-error {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E");
}
/* Button prompts */
.input-steam {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMTQ0IC02My4yOTIpIiBjb2xvcj0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiPjxjaXJjbGUgcj0iMTE4LjkyMTU5IiBjeT0iMTg4LjI5MjAxIiBjeD0iMTQxLjE0NDMzIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzVmNWY1ZiIgc3Ryb2tlLXdpZHRoPSI0LjE1NjgxMTI0Ii8+PHBhdGggZD0iTTE0MS4xNDQzMyA4Ny41OTQyMjVjLTExLjY0Nzc1IDAtMjEuMDI1MSA5LjM3NzM0OC0yMS4wMjUxIDIxLjAyNTA5NXY1OC42NDk2SDYxLjQ3MTY1M2MtMTEuNjQ3NzQ3IDAtMjEuMDI1MDk2IDkuMzc1MzUtMjEuMDI1MDk2IDIxLjAyMzA4IDAgMTEuNjQ3NzQgOS4zNzczNDkgMjEuMDI1MDkgMjEuMDI1MDk2IDIxLjAyNTA5aDU4LjY0NzU3N3Y1OC42NDk2MWMwIDExLjY0Nzc0IDkuMzc3MzUgMjEuMDIzMDcgMjEuMDI1MSAyMS4wMjMwNyAxMS42NDc3MyAwIDIxLjAyNTA5LTkuMzc1MzMgMjEuMDI1MDktMjEuMDIzMDd2LTU4LjY0OTYxSDIyMC44MTdjMTEuNjQ3NzUgMCAyMS4wMjUxLTkuMzc3MzUgMjEuMDI1MS0yMS4wMjUwOSAwLTExLjY0NzczLTkuMzc3MzUtMjEuMDIzMDgtMjEuMDI1MS0yMS4wMjMwOGgtNTguNjQ3NTh2LTU4LjY0OTZjMC0xMS42NDc3NDctOS4zNzczNi0yMS4wMjUwOTUtMjEuMDI1MDktMjEuMDI1MDk1eiIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiNiOGI4YjgiIHN0cm9rZS13aWR0aD0iMi4wNjU1OTUzOSIvPjwvZz48L3N2Zz4=);
background-image: url(//images.pcgamingwiki.com/4/42/Input_settings_icon_-_Steam_Controller.svg)!ie
}
/* A fix for extendable lists from WikiEditor displaying behind Summery text box */
div.options {
z-index: 10;
}
/* 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");
}
/* White becomes #999 because of the 0.65 opacity on this CSS element: "pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read" */
/* User bar fixes */
li#pt-notifications-alert {margin:7px 0px 0 6px}
li#pt-notifications-notice {margin:7px 18px 0 10px}
#pt-anoncontribs a:link, #pt-anoncontribs a:visited, #pt-anoncontribs a:active {
color: #aaaab2 !important;
font-size: 1.2rem;
font-weight: 300;
transition: color 200ms ease-in-out;
}
#pt-anoncontribs a:hover {
color: #FFF !important;
text-decoration: none;
}
/* Ad cookie bar */
.banner_banner--3pjXd {box-shadow:#0645ad}
.banner_banner--3pjXd .banner_content--1bZDZ .banner_message--2Rvgt .banner_consent--2qj6F a.banner_learnMore--3KMk_ {color:#0645ad}
.banner_banner--3pjXd .banner_content--1bZDZ .banner_message--2Rvgt .banner_consent--2qj6F a {border:1px solid #0645ad}
.banner_banner--3pjXd .banner_content--1bZDZ .banner_message--2Rvgt .banner_consent--2qj6F a.banner_continue--2NyXA {background:#0645ad}
/* PCGamingWiki:Discord disable tabs etc. */
.page-PCGamingWiki_Discord {}
.page-PCGamingWiki_Discord #body-content {
padding: 0 120px;
padding-bottom: 25px
}
@media all and (max-width:1200px) {
.page-PCGamingWiki_Discord #body-content {
padding: 0 40px;
padding-bottom: 25px
}
}
@media all and (max-width:1000px) {
.page-PCGamingWiki_Discord #body-content {
padding: 0 20px;
padding-bottom: 25px
}
}
@media all and (max-width:800px) {
.page-PCGamingWiki_Discord #body-content {
padding: 0;
padding-bottom: 25px
}
}
.page-PCGamingWiki_Discord h2 {
border-bottom: none;
font-weight: 600
}
.page-PCGamingWiki_Discord h2 .mw-linkhere {
display: none
}
.page-PCGamingWiki_Discord .pcgw-logo-header {
margin: 80px auto 50px
}
.page-PCGamingWiki_Discord .pcgw-logo-header img {
padding: 10px
}
.page-PCGamingWiki_Discord .pcgw-logo-header > p {
padding: 2px 0;
font-size: 1.4rem
}
.page-PCGamingWiki_Discord .pcgw-logo-header > p:nth-of-type(2) {
font-weight: 600;
font-size: 1.5rem
}
@media all and (max-width:800px) {
.page-PCGamingWiki_Discord .pcgw-logo-header > p {
padding: 10px 0
}
}
@media all and (max-width:800px) {
.page-PCGamingWiki_Discord .pcgw-logo-header {
margin: 30px auto
}
}
.page-PCGamingWiki_Discord #site-sub,
.page-PCGamingWiki_Discord .article-header,
.page-PCGamingWiki_Discord #catlinks,
.page-PCGamingWiki_Discord #mw-head {
display: none
}
/* Link icons */
.link-reddit {
background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/reddit-16x16.png);
}
/* ReferenceTooltips font size fix for Overclocked skin */
body > .oo-ui-windowManager {
font-size: 1.3rem !important;
}
/* ===== FUNCTIONALITY : Adds ReferenceTooltips =========================================================================================================================
*
* Adds ReferenceTooltips copied directly over from the Russian Wikipedia.
*
* Information: https://www.mediawiki.org/w/index.php?title=Topic:Ueqlcc482l9yw8gv&topic_showPostId=ueqlcc6fkvg15qzj#flow-post-ueqlcc6fkvg15qzj
*
* Source Code:
* - Javascript : https://ru.wikipedia.org/wiki/MediaWiki:Gadget-referenceTooltips.js
* - CSS : https://ru.wikipedia.org/wiki/MediaWiki:Gadget-referenceTooltips.css
*
* 2018-09-17 - Updated + added english text (Google Translated)
*
*/
/* See [[mw:Reference Tooltips]] */
.rt-tooltip {
position: absolute;
z-index: 1000;
max-width: 350px;
background: #fff;
color: #222;
font-size: 13px;
line-height: 1.5em;
border: 1px solid #c8ccd1;
border-radius: 3px;
-webkit-box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);
overflow-wrap: break-word;
}
.rt-tooltip.rt-tooltip-insideWindow {
z-index: 110;
}
.rt-tooltipContent {
padding: 9px 12px;
}
.rt-tooltip-above .rt-tooltipContent {
margin-bottom: -8px;
padding-bottom: 17px;
}
.rt-tooltip-below .rt-tooltipContent {
margin-top: -10px;
padding-top: 19px;
}
.rt-tooltipTail,
.rt-tooltipTail:after {
position: absolute;
width: 12px;
height: 12px;
}
.rt-tooltipTail {
background: #c8ccd1;
background: -webkit-linear-gradient(bottom left, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%);
background: linear-gradient(to top right, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%);
}
.rt-tooltipTail:after {
content: "";
background: #fff;
bottom: 1px;
left: 1px;
}
.rt-tooltip-above .rt-tooltipTail {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
bottom: 0;
left: 15px;
}
.rt-tooltip-below .rt-tooltipTail {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
top: 0;
left: 27px;
}
.rt-settingsLink {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0D%0A%20%20%20%20%3Cpath%20fill%3D%22%23555%22%20d%3D%22M20%2014.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5%201.1c-.5-.3-1-.5-1.4-.6L13.5%205h-2.9l-.3%201.8c-.5.1-.9.3-1.4.6L7.4%206.3%205.3%208.4l1%201.5c-.3.5-.4.9-.6%201.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6%201.4l-1%201.5%202.1%202.1%201.5-1c.4.2.9.4%201.4.6l.3%201.8h3l.3-1.8c.5-.1.9-.3%201.4-.6l1.5%201.1%202.1-2.1-1.1-1.5c.3-.5.5-1%20.6-1.4l1.5-.3zM12%2016c-1.7%200-3-1.3-3-3s1.3-3%203-3%203%201.3%203%203-1.3%203-3%203z%22%2F%3E%0D%0A%3C%2Fsvg%3E);
float: right;
cursor: pointer;
margin: -4px -4px 0 8px;
height: 24px;
width: 24px;
border-radius: 2px;
background-position: center center;
background-repeat: no-repeat;
background-size: 24px 24px;
}
.rt-settingsLink:hover {
background-color: #eee;
}
.rt-target {
background-color: #def;
}
.rt-enableSelect {
font-weight: bold;
}
.rt-settingsFormSeparator {
margin: 0.85714286em 0;
}
.rt-numberInput.rt-numberInput {
width: 150px;
}
.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField {
margin-top: 1.64285714em;
}
.rt-disabledHelp {
border-collapse: collapse;
}
.rt-disabledHelp td {
padding: 0;
}
.rt-disabledNote.rt-disabledNote {
vertical-align: bottom;
padding-left: 0.36em;
font-weight: bold;
}
@-webkit-keyframes rt-fade-in-up {
0% {
opacity: 0;
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px)
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-moz-keyframes rt-fade-in-up {
0% {
opacity: 0;
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px)
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes rt-fade-in-up {
0% {
opacity: 0;
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px)
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes rt-fade-in-down {
0% {
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-moz-keyframes rt-fade-in-down {
0% {
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes rt-fade-in-down {
0% {
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes rt-fade-out-down {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px)
}
}
@-moz-keyframes rt-fade-out-down {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px)
}
}
@keyframes rt-fade-out-down {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px)
}
}
@-webkit-keyframes rt-fade-out-up {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}
}
@-moz-keyframes rt-fade-out-up {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}
}
@keyframes rt-fade-out-up {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}
}
.rt-fade-in-up {
-webkit-animation: rt-fade-in-up 0.2s ease forwards;
-moz-animation: rt-fade-in-up 0.2s ease forwards;
animation: rt-fade-in-up 0.2s ease forwards
}
.rt-fade-in-down {
-webkit-animation: rt-fade-in-down 0.2s ease forwards;
-moz-animation: rt-fade-in-down 0.2s ease forwards;
animation: rt-fade-in-down 0.2s ease forwards
}
.rt-fade-out-down {
-webkit-animation: rt-fade-out-down 0.2s ease forwards;
-moz-animation: rt-fade-out-down 0.2s ease forwards;
animation: rt-fade-out-down 0.2s ease forwards
}
.rt-fade-out-up {
-webkit-animation: rt-fade-out-up 0.2s ease forwards;
-moz-animation: rt-fade-out-up 0.2s ease forwards;
animation: rt-fade-out-up 0.2s ease forwards
}
/* ===== System requirements tabs ================================================================================================================== */
.sysreqTab {
background: #f5f5f5;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #ccc;
cursor: pointer;
padding: 1em 1.5em;
transition: all .25s;
}
.selectedTab {
background: #556DB3;
color: white;
border-color: #556DB3;
}
/* ===== Expand width of Engine Games list to 100% ================================================================================================================== */
#table-engine-games {
width: 100%;
text-align: left;
}
/* ===== Staff user colours ======================================================================================================================== */
a[title="User:Andytizer"], a[href="/wiki/User:Andytizer"],
a[title="User:Baronsmoki"], a[href="/wiki/User:Baronsmoki"],
a[title="User:Blackbird"], a[href="/wiki/User:Blackbird"],
a[title="User:Dave247"], a[href="/wiki/User:Dave247"],
a[title="User:SargeCassidy"], a[href="/wiki/User:SargeCassidy"]
{ font-weight: bold; color: #1ABC9C }
a[title="User:Aemony"], a[href="/wiki/User:Aemony"],
a[title="User:Garrett"], a[href="/wiki/User:Garrett"],
a[title="User:Snuxoll"], a[href="/wiki/User:Snuxoll"],
a[title="User:Suicide machine"], a[href="/wiki/User:Suicide machine"],
a[title="User:Vetle"], a[href="/wiki/User:Vetle"]
{ font-weight: bold; color: #1ABC9C }
a[title="User:Cptmold"], a[href="/wiki/User:Cptmold"],
a[title="User:Fayaine"], a[href="/wiki/User:Fayaine"],
a[title="User:Jigen123"], a[href="/wiki/User:Jigen123"],
a[title="User:Marioysikax"], a[href="/wiki/User:Marioysikax"],
a[title="User:Mastan"], a[href="/wiki/User:Mastan"],
a[title="User:MasterBlaster"], a[href="/wiki/User:MasterBlaster"],
a[title="User:Macgovern"], a[href="/wiki/User:Macgovern"],
a[title="User:Mirh"], a[href="/wiki/User:Mirh"],
a[title="User:Nccvoyager"], a[href="/wiki/User:Nccvoyager"],
a[title="User:Shadowstealer7"], a[href="/wiki/User:Shadowstealer7"],
a[title="User:Silent"], a[href="/wiki/User:Silent"],
a[title="User:SirYodaJedi"], a[href="/wiki/User:SirYodaJedi"],
a[title="User:Tecc"], a[href="/wiki/User:Tecc"]
{ font-weight: bold; color: #e67e22 }
/* Lookash changes */
#p-personal {
display: none;
}
#p-personal-mobile ul {
margin: 0;
}
#p-personal-mobile > li > a {
display: block;
color: #aaaab2;
text-decoration: none;
border-bottom: 1px solid #222;
border-top: 1px solid rgba(255,255,255,.1);
font-size: 13px;
padding: 10px 15px;
}
#p-personal-mobile #personal-bar-flyout > div li a {
color: #aaaab2;
display: block;
line-height: initial;
border-bottom: 1px solid #222;
border-top: 1px solid rgba(255,255,255,.1);
font-size: 13px;
padding: 10px 15px 10px 15px;
}
#p-personal-mobile #personal-bar-flyout {
margin-top: 20px;
}
#p-personal-mobile #personal-bar-flyout > div > a {
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 400;
color: #fff;
display: block;
padding: 10px 15px;
line-height: initial;
border-bottom: none;
}
#p-personal-mobile #personal-bar-flyout div a {
background: none;
}
#p-personal-mobile #personal-bar-flyout {
list-style: none;
}
.header-item {
cursor: pointer;
padding: 10px 18px;
}
/*
.page-Home .home-information-column {
max-width: none;
}
*/
.page-Home .home-card {
max-width: none;
}
.dropdown-menu {
margin: 0;
list-style: none;
max-height: 0;
overflow: hidden;
transition: max-height .5s cubic-bezier(0, 1.05, 0, 1);
-webkit-transition: max-height .5s cubic-bezier(0, 1.05, 0, 1);
}
.dropdown-menu li:last-child {
margin-bottom: 0;
}
.dropdown-menu a {
border-bottom: 1px solid #222;
border-top: 1px solid rgba(255,255,255,.1);
font-size: 13px;
padding: 10px 15px 10px 30px;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.5em;
vertical-align: 0.155em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.display-block {
max-height: 600px;
transition: max-height .5s linear;
-webkit-transition: max-height .5s linear;
}
#pcgw-header-sidebar li {
margin: 0;
}
@media (max-width: 800px) {
#pcgw-header-sidebar {
box-shadow: none;
}
.header-item-left-container {
padding: 0;
}
.header-item {
border-bottom: 1px solid #222;
border-top: 1px solid rgba(255, 255, 255, .1);
font-size: 13px;
padding: 10px 15px;
}
#pcgw-header-sidebar .dropdown-menu a:hover, #pcgw-header-sidebar .dropdown-menu a:active {
background-color: #1a1a1a;
color: white;
text-decoration: none;
}
.white-text {
color: #aaaab2;
background-color: transparent;
}
.ad-header-container, .ad-footer-container {
max-width: calc(100vw) !important;
}
.ad-header-container div, .ad-footer-container div {
max-width: calc(100vw);
}
.ad-header-container img {
height: auto;
min-height: auto;
max-height: none;
position: static;
min-width: 1px;
}
}
@media (min-width: 801px) {
.white-text {
color: white;
background-color: #1a1a1a;
}
#p-personal-mobile {
display: none;
}
#pcgw-header-logo {
display: block;
height: 40px;
width: 200px;
margin: 0;
flex-shrink: 0;
}
#pcgw-logo {
margin: 0;
width: auto;
}
#pcgw-header-sidebar .dropdown-menu {
display: none;
list-style: none;
max-height: none;
overflow: auto;
transition: none;
-webkit-transition: none;
}
#pcgw-logo img {
width: auto;
margin: 5px 5px 0 0;
}
#pcgw-header-sidebar {
display: flex;
align-items: center;
}
#pcgw-header-sidebar li {
margin: 0;
}
.dropdown-toggle {
margin: 0;
display: block;
padding: 11.5px 10px;
cursor: pointer;
}
.dropdown-toggle:hover {
color: white;
background-color: #1a1a1a;
}
#pcgw-header-sidebar .dropdown-toggle:hover + .dropdown-menu,
#pcgw-header-sidebar .dropdown-menu:hover {
display: block;
position: absolute;
background: #333;
top: 45px;
list-style: none;
min-width: 100px;
margin: 0;
}
#pcgw-header-sidebar .dropdown-menu a {
display: block;
color: #aaaab2;
padding: 7px 10px;
font-size: 1.2rem;
transition: color 200ms ease-in-out, background 200ms ease-in-out;
-webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out;
}
#pcgw-header-sidebar .dropdown-menu a:hover, #pcgw-header-sidebar .dropdown-menu a:active {
background-color: #1a1a1a;
color: white;
text-decoration: none;
}
#pcgw-header-logo a {
display: block;
height: 100%;
width: 100%;
}
#pcgw-header-logo img {
width: 200px;
height: 40px;
}
#pcgw-header {
background-color: #333;
z-index: 100;
height: 45px;
justify-content: center;
}
.header-item-left-container {
margin: 0 5px;
padding: 0;
display: flex;
}
#header-search {
display: block;
margin: 0 5px;
position: static;
}
#header-search input[type="search"] {
width: 130px;
}
.header-item-left-container {
margin: 0;
}
.header-item-left-container li span {
padding: 14px 3px;
}
.pcgw-header_limit {
max-width: 1200px;
width: 100%;
display: flex;
align-items: center;
margin: 0 5px 0 0;
}
#p-personal {
position: static;
display: block;
}
#p-personal #p-personal-logged-in li {
display: inline-block;
margin-bottom: 4px;
}
#p-personal #p-personal-logged-in a:hover {
text-decoration: none;
}
#p-personal #personal-bar-flyout > div {
position: relative;
}
#p-personal #personal-bar-flyout > div ul {
position: absolute;
background-color: white;
left: -1px;
right: 0;
min-width: 150px;
border-radius: 3px;
}
#p-personal-logged-in {
margin-top: 0;
display: flex;
align-items: center;
}
#p-personal #personal-bar-flyout {
min-width: 150px;
margin-top: 0;
}
.rightside-wrap {
display: flex;
align-items: center;
}
}
@media (min-width: 1024px) {
#header-search input[type="search"] {
width: 200px;
}
.header-item-left-container li span {
padding: 14px 5px;
}
}
@media (min-width: 1140px) {
#p-personal li {
display: inline-block;
}
#p-personal #personal-bar-flyout {
min-width: 200px;
}
#header-search input[type="search"] {
width: 250px;
}
.header-item-left-container {
margin: 0 5px;
}
.header-item-left-container li span {
padding: 14px 10px;
}
.pcgw-header_limit {
margin: 0 10px;
}
#p-personal #personal-bar-flyout {
min-width: 150px;
margin-top: 0;
}
}
.header-item-left-container .feedlink {
background: none;
}
#pt-anonuserpage > a,
#pt-anontalk > a,
#pt-anoncontribs > a,
#pt-login > a,
#pt-createaccount > a {
font-weight: 400;
}
//cancel button below this form
.cancelLink {
margin-bottom: 0;
padding: 0;
}
.cancelLink a {
border: #cdcdcd 1px solid;
padding: .5em 0.85714286em;
}
/* Table sorting arrows made white, header made blue for contrast */
table.jquery-tablesorter th.headerSort {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%229%22%3E%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zm0-1l-4-4-4%204z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
background-color: #556db3;
color: #fff;
padding-right: 20px;
}