MediaWiki:Common.css

From VR Wiki
Revision as of 20:24, 24 June 2024 by N3X15 (talk | contribs) (Fix support bar being backwards)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/**
 * CSS in this file will be used project-wide in all skins.
 *
 * This file @generated 2024-06-24 20:24:06.803959+00:00 from src/scss/common.scss.
 */
div.inline-infobox {
 margin: .5em;
 padding: .5em;
 border-radius: .25em;
}
div.inline-infobox.note {
 background: #eee;
}
div.inline-infobox.wwarning {
 background: #fc5;
}
span.steambutton a.external {
 color: #ccc !important;
 padding-right: 0;
 padding: .25em;
 padding-left: 22px;
 background-position: center left;
 background-image: url("https://vrwiki.nexisonline.net/w/images/8/83/Steam_icon_logo.svg");
 background-size: 16px;
 background-position-x: 3px;
 background-color: #171a21;
}
span.boothbutton a.external {
 color: #fff !important;
 padding-right: 0;
 padding: .25em;
 padding-left: 22px;
 background-position: center left;
 background-image: url("https://vrwiki.nexisonline.net/w/images/5/52/Booth_camel.svg");
 background-size: 16px;
 background-position-x: 3px;
 background-color: #fc4d50;
}
div#mainpage-newbie-box {
 background: #fcfcfc;
 border: 1px solid #cfcfcf;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
div.gamelist {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}
div.gamelist div.mainpage-gamelist-tile {
 display: inline-block;
 border: 1px solid #cfcfcf;
 border-radius: 1em;
 margin: 1em;
 overflow: clip;
 align-items: center;
 justify-content: center;
 position: relative;
 padding: 0;
}
div.gamelist div.mainpage-gamelist-tile p {
 margin: 0;
 padding: 0;
}
div.gamelist div.mainpage-gamelist-tile a {
 display: block;
 font-size: 0;
 height: 150px;
 width: 267px;
 background: #fcfcfc no-repeat center;
 background-size: cover;
 margin: 0;
 padding: 0;
 float: left;
}
div.gamelist div.mainpage-gamelist-tile div.corner {
 position: absolute;
 right: 0;
 top: 0;
 display: block;
 margin: 0;
 padding: .25em;
 font-size: x-small;
}
div.gamelist div.mainpage-gamelist-tile div.corner.free {
 background: #79bf22;
 color: #000;
}
div.gamelist div.mainpage-gamelist-tile div.corner.freeplus {
 background: #b2bf22;
 color: #000;
}
div.gamelist div.mainpage-gamelist-tile div.corner.price {
 background: #ffc800;
 color: #000;
}
div.gamelist div.mainpage-gamelist-tile div.support {
 position: absolute;
 right: 0;
 bottom: 0;
 display: flex;
 flex-direction: row;
 justify-content: right;
 align-items: center;
 margin: 0;
 padding-left: 1em;
 padding-right: 1em;
 width: 100%;
 background: rgba(0,0,0,.5);
 padding: .25em;
 font-size: x-small;
 height: 22px;
}
div.gamelist div.mainpage-gamelist-tile div.support span {
 height: 22px;
}
div.gamelist div.mainpage-gamelist-tile div.support span.desktop {
 content: url("https://vrwiki.nexisonline.net/w/images/2/21/DesktopSupportIcon.svg");
}
div.gamelist div.mainpage-gamelist-tile div.support span.quest {
 content: url("https://vrwiki.nexisonline.net/w/images/b/be/QuestSupportIcon.svg");
}
div.gamelist div.mainpage-gamelist-tile div.support span.index {
 content: url("https://vrwiki.nexisonline.net/w/images/5/58/IndexSupportIcon.svg");
}
div.gamelist div.mainpage-gamelist-tile div.support span.wmr {
 content: url("https://vrwiki.nexisonline.net/w/images/e/e2/WMRSupportIcon.svg");
}
div.gamelist div.mainpage-gamelist-tile div.support span.vive {
 content: url("https://vrwiki.nexisonline.net/w/images/2/2b/ViveSupportIcon.svg");
}
div.gamelist div.mainpage-gamelist-tile div.support span.fbt {
 content: url("https://vrwiki.nexisonline.net/w/images/4/4a/FBTSupportIcon.svg");
}
div.gamelist div.mainpage-gamelist-tile#tile-vrchat a {
 background-size: cover;
 background-image: url("https://vrwiki.nexisonline.net/w/images/6/6d/VRChatTile.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-pavlov a {
 background-size: cover;
 background-image: url("https://vrwiki.nexisonline.net/w/images/0/03/PavlovTile.jpg");
}
div.gamelist div.mainpage-gamelist-tile#tile-cvr a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/7/7e/CVRTile.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-bonelab a {
 background-size: cover;
 background-image: url("https://vrwiki.nexisonline.net/w/images/6/69/BONELABTile.jpg");
}
div.gamelist div.mainpage-gamelist-tile#tile-resonite a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/3/30/ResoniteTile.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-contractors a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/4/43/ContractorsTile.jpg");
}
div.gamelist div.mainpage-gamelist-tile#tile-payday-2-vr a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/7/71/Payday2VR.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-vox-machinae a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/c/c5/VoxMachinaeGrid.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-hl-alyx a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/5/5d/HalfLifeAlyxGrid.jpg");
}
div.gamelist div.mainpage-gamelist-tile#tile-superhot a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/b/b1/SUPERHOTGrid.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-boneworks a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/3/31/BONEWORKSGrid.png");
}
div.gamelist div.mainpage-gamelist-tile#tile-vertigo-2 a {
 background-position-y: top;
 background-image: url("https://vrwiki.nexisonline.net/w/images/6/6c/Vertigo2Tile.jpg");
}