MediaWiki:Common.css

/** Imports **/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SocialActivityModern/code.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css&only=styles"; /* CSS placed here will be applied to all skins */ /*▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒*/ /* Impostor7804 User Configuration */ /*** Username design.link ***/ a[href$="Impostor7804"]{ font-family: Rubik; color: #FFFFFF !important; font-weight: bold !important; text-shadow: 0 0 6px #FF0080, 0 0 2px #FF0080, 0 0 3px #FF0080; font-size: 100% } /* portable infobox */ /*Infobox design using portable infobox css value (thanks to unai by this)*/ .pi-border-color { border: none !important; } .portable-infobox { width:18rem; border-radius:8px; background: var(--theme-page-background-color); filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.35)); margin-right: 0.25rem; } .portable-infobox .pi-group[data-item-name="card"] { position: relative;

} .pi-group .pi-smart-group section:not(:last-of-type) { border: 1px solid rgb(var(--theme-link-dynamic-color-2--rgb)) !important; border-left:0 !important; border-right:0 !important; } .portable-infobox .pi-smart-data-label { text-transform: uppercase; font-size: 0.65rem; opacity: 0.7; font-weight: 300; font-family: Inter !important; align-content: center; display: flex; justify-content: center; font-family: sans-serif; vertical-align: center; } .portable-infobox .pi-smart-data-value { margin-left: 0.5rem; font-size: 0.9rem; vertical-align: center; } .portable-infobox .pi-group[data-item-name="card"] :is(.pi-data, .pi-title) { position: absolute; bottom: 0.5rem; padding: 0.5rem; } .portable-infobox .pi-group[data-item-name="card"] .pi-data-label { display: none;

} .portable-infobox .pi-group[data-item-name="card"] .pi-title { background: 0; z-index: 1; font-size: 26px; font-weight: 700; margin-left: 0.5rem; } .portable-infobox .pi-group[data-item-name="card"] .pi-data-value { font-weight: 300; font-size: 18px; line-height: 21px; letter-spacing: 0.11em; flex-basis: 100%; text-transform: uppercase;

} .portable-infobox .pi-group[data-item-name="card"] .pi-title { background: 0; z-index: 1; font-family: var(--theme-page-headings-font),rubik,helvetica,arial,sans-serif; font-size: 26px; bottom: 1rem; } .pi-smart-group-body {padding:.35rem} .portable-infobox .pi-group[data-item-name="card"] .pi-image::before { background: linear-gradient(360deg, var(--theme-accent-color) 0%, rgba(0, 0, 0, 0) 65.83%); position: absolute; content: ''; width: 100%; left: 0; height: 100%; } .portable-infobox .pi-image img { width: 100%; border-radius:8px 8px 0 0; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { padding:0; } .InfoboxLocation { float: right; margin: 0 0 2em 1em; box-shadow: 8px 8px 8px #ccc; text-align: center; background-color: #f2f2f2; border: 1px solid #bebebe; }

.InfoboxLocationHeader { padding-bottom: .14em; font-size: 70%; } .InfoboxLocationText { font-size: 80%; margin-top: 1em; padding: .2em .1em .1em .2em; }

@media (max-width: 719px) { .InfoboxLocation { width: 100% !important; float: none; margin-left: 0; box-shadow: 0 8px 8px #ccc; } }