MediaWiki:Common.css: Difference between revisions
m Monkey brain |
No edit summary |
||
Line 45: | Line 45: | ||
div.gamelist { | div.gamelist { | ||
display:flex; | display:flex; | ||
flex-direction: row | flex-direction:row | ||
} | } | ||
div.gamelist div.mainpage-gamelist-tile { | div.gamelist div.mainpage-gamelist-tile { | ||
display: inline-block; | display:inline-block; | ||
border: 1px solid #cfcfcf; | border:1px solid #cfcfcf; | ||
border-radius: 1em; | border-radius:1em; | ||
margin: 1em; | margin:1em; | ||
overflow: clip; | overflow:clip; | ||
align-items:center; | |||
justify-content:center; | |||
position: relative; | |||
padding:0; | |||
} | |||
div.gamelist div.mainpage-gamelist-tile p { | |||
margin:0; | |||
padding:0; | padding:0; | ||
} | } | ||
div.gamelist div.mainpage-gamelist-tile a { | div.gamelist div.mainpage-gamelist-tile a { | ||
Line 63: | Line 68: | ||
width:267px; | width:267px; | ||
background:#fcfcfc no-repeat center; | background:#fcfcfc 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 { | |||
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#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-cvr a { | div.gamelist div.mainpage-gamelist-tile#tile-cvr a { | ||
background-position-y: 0px; | background-position-y:0px; | ||
background-image:url( | background-image:url(https://vrwiki.nexisonline.net/w/images/7/7e/CVRTile.png) | ||
} | } | ||
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:0px; | ||
background-image:url( | 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:0px; | ||
background-image:url( | 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:0px; | ||
background-image:url( | 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:0px; | ||
background-image:url( | 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-pavlov a { | ||
background-image:url(https://vrwiki.nexisonline.net/w/images/0/03/PavlovTile.jpg) | background-image:url(https://vrwiki.nexisonline.net/w/images/0/03/PavlovTile.jpg) | ||
} | } |
Revision as of 01:39, 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#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) }