MediaWiki:Fandomdesktop.css

.theme-fandomdesktop-light .ability { background: #dddad3; }

.theme-fandomdesktop-dark .ability { background: #081017; }

.ability { display: -ms-grid; display: grid; grid-template: auto 1fr auto/auto 1fr; -ms-grid-rows: auto 1fr auto; -ms-grid-columns: auto 1fr; margin-bottom: 5px; padding-right: 5px; font-size: 14px; clear: both; }

.ability.ult { background: rgba(0,0,0,0.1); }

.ability > .image { background: #FF4B50; padding: 10px; grid-row: 1/-1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; margin-right: 15px; display: flex; flex-flow: column nowrap; justify-content: center; }

.ability.ult> .image { background: #FF4655; }

.ability > .name { margin: 20px 0 5px; font-size: 20px; font-weight: bold; text-transform: uppercase; -ms-grid-row: 1; -ms-grid-column: 2; }

.ability > .description { margin: 5px 0; -ms-grid-row: 2; -ms-grid-column: 2; }

.ability > .keys { margin: 0 0 5px 0; text-align: center; -ms-grid-row: 3; -ms-grid-column: 2; }

.ability > .keys .label { display: none; }

.key { background: #323d48; display: inline-block; color: #ccc; border-radius: .25em; width: 1.5em; height: 1.5em; text-align: center; font-size: 0.75em; font-weight: normal; margin-right: .5em; vertical-align: text-top; }

.space { background: #323d48; display: inline-block; color: #ccc; border-radius: .25em; width: 4em; height: 1.5em; text-align: center; font-size: 0.75em; font-weight: normal; margin-right: .5em; vertical-align: text-top; }

.mobile-label .label { display: none; }

.ability > .details { display: flex; margin: 0; margin-bottom: 15px; justify-content: center; }

.ability > .details > span { display: inline-block; }

.ability > .details > span:not( :first-child ) { padding-left: 15px; border-left: 1px solid #FFFFFF; margin-left: 15px; }

.iconvp { display: inline-block; width: 22px; height: 22px; position: relative; }

.theme-fandomdesktop-dark .iconvp:after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-image: url(https://static.wikia.nocookie.net/silasgreaves12s/images/9/9d/Valorant_Points.png/revision/latest?cb=20211230200811); background-size: cover; }

.theme-fandomdesktop-light .iconvp:after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-image: url(https://static.wikia.nocookie.net/silasgreaves12s/images/e/e8/Valorant_Points_%28Light%29.png/revision/latest?cb=20211230200810); background-size: cover; }