MediaWiki:Common.css: Difference between revisions

Revision as of 02:24, 24 June 2024

/* CSS placed here will be applied to all skins */
div.inline-infobox {
  margin: 0.5em;
  padding: 0.5em;
  border-radius:0.25em;
}

div.inline-infobox.note {
  background: #eee;
}

/* MW uses .warning, so extra w. */
div.inline-infobox.wwarning {
  background: #fc5;
}
span.steambutton a.external {
  color: #ccc !important;
  /* Get rid of external link icon */
  /*background-image: none;*/
  padding-right: 0;
  /* Steam button styling */
  padding: 0.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: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;
}

/** Main Page 2.0 **/

div.gamelist {
  display:flex;
  flex-direction:row 
}
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:inline-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-reverse;
  margin:0;
  padding-left:1em;
  padding-right:1em;
  width:100%;
  background:rgba(0,0,0,0.5);
  padding:.25em;
  font-size:x-small;
  height:22px
}
div.gamelist div.mainpage-gamelist-tile div.support span.desktop {
  content:url(https://vrwiki.nexisonline.net/w/images/2/21/DesktopSupportIcon.svg);
  height:22px
}
div.gamelist div.mainpage-gamelist-tile div.support span.quest {
  content:url(https://vrwiki.nexisonline.net/w/images/b/be/QuestSupportIcon.svg);
  height:22px
}
div.gamelist div.mainpage-gamelist-tile div.support span.index {
  content:url(https://vrwiki.nexisonline.net/w/images/5/58/IndexSupportIcon.svg);
  height:22px
}
div.gamelist div.mainpage-gamelist-tile div.support span.wmr {
  content:url(https://vrwiki.nexisonline.net/w/images/e/e2/WMRSupportIcon.svg);
  height:22px
}
div.gamelist div.mainpage-gamelist-tile div.support span.vive {
  content:url(https://vrwiki.nexisonline.net/w/images/2/2b/ViveSupportIcon.svg);
  height:22px
}
div.gamelist div.mainpage-gamelist-tile div.support span.fbt {
  content:url(https://vrwiki.nexisonline.net/w/images/4/4a/FBTSupportIcon.svg);
  height:22px
}
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-cvr a {
  background-position-y:0px;
  background-image:url(https://vrwiki.nexisonline.net/w/images/7/7e/CVRTile.png) 
}
div.gamelist div.mainpage-gamelist-tile#tile-resonite a {
  background-position-y:0px;
  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:0px;
  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:0px;
  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:0px;
  background-image:url(https://vrwiki.nexisonline.net/w/images/c/c5/VoxMachinaeGrid.png) 
}
div.gamelist div.mainpage-gamelist-tile#tile-pavlov a {
  background-image:url(https://vrwiki.nexisonline.net/w/images/0/03/PavlovTile.jpg) 
}