MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS | /** | ||
* CSS in this file will be used project-wide in all skins. | |||
* | |||
* This file @generated 2024-06-24 11:27:45.155252+00:00 from common.scss. | |||
*/ | |||
div.inline-infobox { | div.inline-infobox { | ||
margin: .5em; | |||
padding: .5em; | |||
border-radius: .25em; | |||
} | } | ||
div.inline-infobox.note { | div.inline-infobox.note { | ||
background: #eee; | |||
} | } | ||
div.inline-infobox.wwarning { | div.inline-infobox.wwarning { | ||
background: #fc5; | |||
} | } | ||
span.steambutton a.external { | 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 { | span.boothbutton a.external { | ||
color:#fff !important; | color: #fff !important; | ||
padding-right: 0; | padding-right: 0; | ||
padding: | padding: .25em; | ||
padding-left:22px; | padding-left: 22px; | ||
background-position:center left; | background-position: center left; | ||
background-image:url(https://vrwiki.nexisonline.net/w/images/5/52/Booth_camel.svg); | background-image: url(https://vrwiki.nexisonline.net/w/images/5/52/Booth_camel.svg); | ||
background-size:16px; | background-size: 16px; | ||
background-position-x:3px; | background-position-x: 3px; | ||
background-color: #fc4d50; | background-color: #fc4d50; | ||
} | } | ||
div.gamelist { | div.gamelist { | ||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
} | } | ||
div.gamelist div.mainpage-gamelist-tile { | 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 { | div.gamelist div.mainpage-gamelist-tile p { | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
div.gamelist div.mainpage-gamelist-tile a { | 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; | |||
} | } | ||
div.gamelist div.mainpage-gamelist-tile div.corner { | 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 { | div.gamelist div.mainpage-gamelist-tile div.corner.free { | ||
background: #79bf22; | |||
color: #000; | |||
} | } | ||
div.gamelist div.mainpage-gamelist-tile div.corner.freeplus { | div.gamelist div.mainpage-gamelist-tile div.corner.freeplus { | ||
background: #b2bf22; | |||
color: #000; | |||
} | } | ||
div.gamelist div.mainpage-gamelist-tile div.corner.price { | div.gamelist div.mainpage-gamelist-tile div.corner.price { | ||
background: #ffc800; | |||
color: #000; | |||
} | } | ||
div.gamelist div.mainpage-gamelist-tile div.support { | 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,.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 { | 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 { | 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 { | 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 { | 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 { | 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 { | 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 { | 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 { | 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-resonite a { | 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 { | 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 { | 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 { | 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); | |||
} | } | ||
/*# sourceMappingURL=common.css.map */ |
Revision as of 11:29, 24 June 2024
/** * CSS in this file will be used project-wide in all skins. * * This file @generated 2024-06-24 11:27:45.155252+00:00 from 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.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: inline-block; font-size: 0; height: 150px; width: 267px; background: #fcfcfc no-repeat center; background-size: cover; margin: 0; padding: 0; } 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,.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-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); } /*# sourceMappingURL=common.css.map */