MediaWiki:Common.css: Difference between revisions
CSSO optimizations |
No edit summary |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/** | /** | ||
* CSS | * CSS placed here will be applied to all skins | ||
* | * | ||
* This file @generated 2024-06- | * This file @generated 2024-06-29 23:23:52.398920+00:00 from src/scss/Common.scss. | ||
*/ | */ | ||
div.inline-infobox { | div.inline-infobox { | ||
Line 8: | Line 8: | ||
padding: .5em; | padding: .5em; | ||
border-radius: .25em; | border-radius: .25em; | ||
} | } | ||
span.boothbutton a.external, | span.boothbutton a.external, | ||
Line 30: | Line 24: | ||
background-color: #fc4d50; | background-color: #fc4d50; | ||
} | } | ||
table.ombox-delete { | |||
div.gamelist div.mainpage-gamelist-tile { | background: #fcc; | ||
border: 1px solid | border: 1px solid red; | ||
border-radius: 1em; | |||
} | |||
div.gamelist div.mainpage-gamelist-tile, | |||
div.outdated { | |||
border: 1px solid; | |||
border-radius: 1em; | |||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | |||
div.outdated { | |||
display: flex; | |||
flex-flow: row; | |||
} | } | ||
div#mainpage-newbie-box { | div#mainpage-newbie-box { | ||
border: 1px solid; | |||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
div#mainpage-contrib-box { | div#mainpage-contrib-box { | ||
border: 1px solid; | |||
border: 1px solid | |||
margin-top: 1em; | margin-top: 1em; | ||
} | } | ||
Line 67: | Line 72: | ||
div.gamelist div.mainpage-gamelist-tile { | div.gamelist div.mainpage-gamelist-tile { | ||
display: inline-block; | display: inline-block; | ||
margin: 1em; | margin: 1em; | ||
overflow: clip; | overflow: clip; | ||
Line 82: | Line 86: | ||
height: 150px; | height: 150px; | ||
width: 267px; | width: 267px; | ||
background: | background: no-repeat center; | ||
background-size: cover; | background-size: cover; | ||
margin: 0; | margin: 0; | ||
Line 99: | Line 103: | ||
div.gamelist div.mainpage-gamelist-tile div.corner.free { | div.gamelist div.mainpage-gamelist-tile div.corner.free { | ||
background: #79bf22; | background: #79bf22; | ||
color: # | 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: # | 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: # | color: #806400; | ||
} | } | ||
div.gamelist div.mainpage-gamelist-tile div.support { | div.gamelist div.mainpage-gamelist-tile div.support { | ||
Line 152: | Line 156: | ||
background-size: cover; | background-size: cover; | ||
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); | ||
} | |||
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 { | ||
Line 160: | Line 168: | ||
background-size: cover; | background-size: cover; | ||
background-image: url(https://vrwiki.nexisonline.net/w/images/6/69/BONELABTile.jpg); | 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 { |
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); }