MediaWiki:Common.css: Difference between revisions

From VR Wiki
No edit summary
No edit summary
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/**
* CSS placed here will be applied to all skins
*
* This file @generated 2024-06-29 23:23:52.398920+00:00 from src/scss/Common.scss.
*/
div.inline-infobox {
div.inline-infobox {
  margin: 0.5em;
margin: .5em;
  padding: 0.5em;
padding: .5em;
  border-radius:0.25em;
border-radius: .25em;
}
 
div.inline-infobox.note {
  background: #eee;
}
 
/* MW uses .warning, so extra w. */
div.inline-infobox.wwarning {
  background: #fc5;
}
}
span.boothbutton a.external,
span.steambutton a.external {
span.steambutton a.external {
  color: #ccc !important;
color: #ccc!important;
  /* Get rid of external link icon */
padding: .25em .25em .25em 22px;
  /*background-image: none;*/
background-position: center left;
  padding-right: 0;
background-image: url(https://vrwiki.nexisonline.net/w/images/8/83/Steam_icon_logo.svg);
  /* Steam button styling */
background-size: 16px;
  padding: 0.25em;
background-position-x: 3px;
  padding-left: 22px;
background-color: #171a21;
  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 {
span.boothbutton a.external {
  color:#fff !important;
  color: #fff!important;
padding-right: 0;
  background-image: url(https://vrwiki.nexisonline.net/w/images/5/52/Booth_camel.svg);
padding:0.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;
  background-color: #fc4d50;
}
}
 
table.ombox-delete {
/** Main Page 2.0 **/
background: #fcc;
 
border: 1px solid red;
border-radius: 1em;
}
div.gamelist div.mainpage-gamelist-tile,
div.outdated {
border: 1px solid;
border-radius: 1em;
align-items: center;
justify-content: center;
}
div.outdated {
display: flex;
flex-flow: row;
}
div#mainpage-newbie-box {
border: 1px solid;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
div#mainpage-contrib-box {
border: 1px solid;
margin-top: 1em;
}
div#mainpage-contrib-box ul {
justify-content: center;
align-items: center;
}
div#mainpage-contrib-box ul li {
list-style: none;
display: block;
flex-flow: 1;
margin: .5em;
}
div#mainpage-contrib-box ul li a {
color: #36c;
}
div#mainpage-contrib-box ul,
div.gamelist {
div.gamelist {
  display:flex;
display: flex;
  flex-direction:row;
flex-direction: row;
  flex-wrap:wrap;
flex-wrap: wrap;
}
}
div.gamelist div.mainpage-gamelist-tile {
div.gamelist div.mainpage-gamelist-tile {
  display:inline-block;
display: inline-block;
  border:1px solid #cfcfcf;
margin: 1em;
  border-radius:1em;
overflow: clip;
  margin:1em;
position: relative;
  overflow:clip;
padding: 0;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:0  
}
}
div.gamelist div.mainpage-gamelist-tile p {
div.gamelist div.mainpage-gamelist-tile p {
  margin:0;
margin: 0;
  padding:0  
padding: 0;
}
}
div.gamelist div.mainpage-gamelist-tile a {
div.gamelist div.mainpage-gamelist-tile a {
  display:inline-block;
display: block;
  font-size:0;
font-size: 0;
  height:150px;
height: 150px;
  width:267px;
width: 267px;
  background:#fcfcfc no-repeat center;
background: no-repeat center;
  background-size:cover;
background-size: cover;
  margin:0;
margin: 0;
  padding:0;
padding: 0;
  float:left  
float: left;
}
}
div.gamelist div.mainpage-gamelist-tile div.corner {
div.gamelist div.mainpage-gamelist-tile div.corner {
  position:absolute;
position: absolute;
  right:0;
right: 0;
  top:0;
top: 0;
  display:block;
display: block;
  margin:0;
margin: 0;
  padding:.25em;
padding: .25em;
  font-size:x-small  
font-size: x-small;
}
}
div.gamelist div.mainpage-gamelist-tile div.corner.free {
div.gamelist div.mainpage-gamelist-tile div.corner.free {
  background:#79bf22;
background: #79bf22;
  color:#000
color: #34530f;
}
}
div.gamelist div.mainpage-gamelist-tile div.corner.freeplus {
div.gamelist div.mainpage-gamelist-tile div.corner.freeplus {
  background:#b2bf22;
background: #b2bf22;
  color:#000
color: #4d530f;
}
}
div.gamelist div.mainpage-gamelist-tile div.corner.price {
div.gamelist div.mainpage-gamelist-tile div.corner.price {
  background:#ffc800;
background: #ffc800;
  color:#000
color: #806400;
}
}
div.gamelist div.mainpage-gamelist-tile div.support {
div.gamelist div.mainpage-gamelist-tile div.support {
  position:absolute;
position: absolute;
  right:0;
right: 0;
  bottom:0;
bottom: 0;
  display:flex;
display: flex;
  flex-direction:row-reverse;
flex-direction: row;
  margin:0;
justify-content: right;
  padding-left:1em;
align-items: center;
  padding-right:1em;
margin: 0;
  width:100%;
width: 100%;
  background:rgba(0,0,0,0.5);
background: rgba(0,0,0,.5);
  padding:.25em;
padding: .25em;
  font-size:x-small;
font-size: x-small;
  height:22px
height: 22px;
}
div.gamelist div.mainpage-gamelist-tile div.support span {
height: 22px;
}
}
div.gamelist div.mainpage-gamelist-tile div.support span.desktop {
div.gamelist div.mainpage-gamelist-tile div.support span.desktop {
  content:url(https://vrwiki.nexisonline.net/w/images/2/21/DesktopSupportIcon.svg);
content: url(https://vrwiki.nexisonline.net/w/images/2/21/DesktopSupportIcon.svg);
  height:22px
}
}
div.gamelist div.mainpage-gamelist-tile div.support span.quest {
div.gamelist div.mainpage-gamelist-tile div.support span.quest {
  content:url(https://vrwiki.nexisonline.net/w/images/b/be/QuestSupportIcon.svg);
content: url(https://vrwiki.nexisonline.net/w/images/b/be/QuestSupportIcon.svg);
  height:22px
}
}
div.gamelist div.mainpage-gamelist-tile div.support span.index {
div.gamelist div.mainpage-gamelist-tile div.support span.index {
  content:url(https://vrwiki.nexisonline.net/w/images/5/58/IndexSupportIcon.svg);
content: url(https://vrwiki.nexisonline.net/w/images/5/58/IndexSupportIcon.svg);
  height:22px
}
}
div.gamelist div.mainpage-gamelist-tile div.support span.wmr {
div.gamelist div.mainpage-gamelist-tile div.support span.wmr {
  content:url(https://vrwiki.nexisonline.net/w/images/e/e2/WMRSupportIcon.svg);
content: url(https://vrwiki.nexisonline.net/w/images/e/e2/WMRSupportIcon.svg);
  height:22px
}
}
div.gamelist div.mainpage-gamelist-tile div.support span.vive {
div.gamelist div.mainpage-gamelist-tile div.support span.vive {
  content:url(https://vrwiki.nexisonline.net/w/images/2/2b/ViveSupportIcon.svg);
content: url(https://vrwiki.nexisonline.net/w/images/2/2b/ViveSupportIcon.svg);
  height:22px
}
}
div.gamelist div.mainpage-gamelist-tile div.support span.fbt {
div.gamelist div.mainpage-gamelist-tile div.support span.fbt {
  content:url(https://vrwiki.nexisonline.net/w/images/4/4a/FBTSupportIcon.svg);
content: url(https://vrwiki.nexisonline.net/w/images/4/4a/FBTSupportIcon.svg);
  height:22px
}
}
div.gamelist div.mainpage-gamelist-tile#tile-vrchat a {
div.gamelist div.mainpage-gamelist-tile#tile-vrchat a {
  background-size:cover;
background-size: cover;
  background-image:url(https://vrwiki.nexisonline.net/w/images/6/6d/VRChatTile.png)  
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-rec-room a {
background-size: cover;
background-image: url(https://vrwiki.nexisonline.net/w/images/8/86/RecRoomTile.jpg);
}
}
div.gamelist div.mainpage-gamelist-tile#tile-cvr a {
div.gamelist div.mainpage-gamelist-tile#tile-cvr a {
  background-position-y:0px;
background-position-y: top;
  background-image:url(https://vrwiki.nexisonline.net/w/images/7/7e/CVRTile.png)  
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-ghosts-of-tabor a {
background-size: cover;
background-image: url(https://vrwiki.nexisonline.net/w/images/c/c6/GhostsOfTaborTile.jpg);
}
}
div.gamelist div.mainpage-gamelist-tile#tile-resonite a {
div.gamelist div.mainpage-gamelist-tile#tile-resonite a {
  background-position-y:0px;
background-position-y: top;
  background-image:url(https://vrwiki.nexisonline.net/w/images/3/30/ResoniteTile.png)  
background-image: url(https://vrwiki.nexisonline.net/w/images/3/30/ResoniteTile.png);
}
}
div.gamelist div.mainpage-gamelist-tile#tile-contractors a {
div.gamelist div.mainpage-gamelist-tile#tile-contractors a {
  background-position-y:0px;
background-position-y: top;
  background-image:url(https://vrwiki.nexisonline.net/w/images/4/43/ContractorsTile.jpg)  
background-image: url(https://vrwiki.nexisonline.net/w/images/4/43/ContractorsTile.jpg);
}
}
div.gamelist div.mainpage-gamelist-tile#tile-payday-2-vr a {
div.gamelist div.mainpage-gamelist-tile#tile-payday-2-vr a {
  background-position-y:0px;
background-position-y: top;
  background-image:url(https://vrwiki.nexisonline.net/w/images/7/71/Payday2VR.png)  
background-image: url(https://vrwiki.nexisonline.net/w/images/7/71/Payday2VR.png);
}
}
div.gamelist div.mainpage-gamelist-tile#tile-vox-machinae a {
div.gamelist div.mainpage-gamelist-tile#tile-vox-machinae a {
  background-position-y:0px;
background-position-y: top;
  background-image:url(https://vrwiki.nexisonline.net/w/images/c/c5/VoxMachinaeGrid.png)  
background-image: url(https://vrwiki.nexisonline.net/w/images/c/c5/VoxMachinaeGrid.png);
}
}
div.gamelist div.mainpage-gamelist-tile#tile-pavlov a {
div.gamelist div.mainpage-gamelist-tile#tile-hl-alyx a {
  background-image:url(https://vrwiki.nexisonline.net/w/images/0/03/PavlovTile.jpg)  
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);
}
}

Latest revision as of 23:24, 29 June 2024

/**
 * CSS placed here will be applied to all skins
 *
 * This file @generated 2024-06-29 23:23:52.398920+00:00 from src/scss/Common.scss.
 */
div.inline-infobox {
 margin: .5em;
 padding: .5em;
 border-radius: .25em;
}
span.boothbutton a.external,
span.steambutton a.external {
 color: #ccc!important;
 padding: .25em .25em .25em 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;
 background-image: url(https://vrwiki.nexisonline.net/w/images/5/52/Booth_camel.svg);
 background-color: #fc4d50;
}
table.ombox-delete {
 background: #fcc;
 border: 1px solid red;
 border-radius: 1em;
}
div.gamelist div.mainpage-gamelist-tile,
div.outdated {
 border: 1px solid;
 border-radius: 1em;
 align-items: center;
 justify-content: center;
}
div.outdated {
 display: flex;
 flex-flow: row;
}
div#mainpage-newbie-box {
 border: 1px solid;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
div#mainpage-contrib-box {
 border: 1px solid;
 margin-top: 1em;
}
div#mainpage-contrib-box ul {
 justify-content: center;
 align-items: center;
}
div#mainpage-contrib-box ul li {
 list-style: none;
 display: block;
 flex-flow: 1;
 margin: .5em;
}
div#mainpage-contrib-box ul li a {
 color: #36c;
}
div#mainpage-contrib-box ul,
div.gamelist {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}
div.gamelist div.mainpage-gamelist-tile {
 display: inline-block;
 margin: 1em;
 overflow: clip;
 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: 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: #34530f;
}
div.gamelist div.mainpage-gamelist-tile div.corner.freeplus {
 background: #b2bf22;
 color: #4d530f;
}
div.gamelist div.mainpage-gamelist-tile div.corner.price {
 background: #ffc800;
 color: #806400;
}
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;
 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-rec-room a {
 background-size: cover;
 background-image: url(https://vrwiki.nexisonline.net/w/images/8/86/RecRoomTile.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-ghosts-of-tabor a {
 background-size: cover;
 background-image: url(https://vrwiki.nexisonline.net/w/images/c/c6/GhostsOfTaborTile.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);
}