MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

@font-face { font-family: 'Conspiracy'; src: local('Conspiracy'), url('https://static.miraheze.org/shadowplayinternationalwiki/a/ac/Conspiracy.ttf.woff') format('woff'), url('https://static.miraheze.org/shadowplayinternationalwiki/1/13/Conspiracy.ttf.svg#Conspiracy') format('svg'), url('https://static.miraheze.org/shadowplayinternationalwiki/0/0e/Conspiracy.ttf.eot'), url('https://static.miraheze.org/shadowplayinternationalwiki/0/0e/Conspiracy.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Lilith Regular'; src: local('Lilith Regular'), url('https://static.miraheze.org/shadowplayinternationalwiki/3/31/Lilith.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'P22 Hopper Edward'; src: local('P22 Hopper Edward'), url('https://static.miraheze.org/shadowplayinternationalwiki/f/f6/P22-hopper-edward.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Treefrog'; src: local('Treefrog'), url("treefrog.eot?") format("eot"), url("treefrog.woff") format("woff"), url("treefrog.svg#Treefrog") format("svg"); font-weight: normal; font-style: normal; }

.card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; background-color: white; filter: invert(0%); }

.card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); filter: invert(100%); }

.portable-infobox { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: white; }

.portable-infobox .pi-title { font-family: 'Conspiracy'; font-size: 20px; padding: 10px; }

.portable-infobox.pi-type-mage .pi-title { font-family: 'Lilith Regular'; font-size: 35px; color: #004d6b; padding: 3px 8px 3px 10px; }

.portable-infobox.pi-type-vampire .pi-title { font-family: 'P22 Hopper Edward'; font-size: 40px; color: #4c0000; padding: 3px 1px 3px 10px; }

.portable-infobox.pi-type-werewolf .pi-title { font-family: 'Treefrog'; font-size: 35px; color: #694f35; padding: 3px 8px 3px 10px; }

.portable-infobox .pi-group, .portable-infobox .pi-data { border-bottom: 0px; }

.portable-infobox .pi-header { border-top: 1px solid #A3A9B1; }

.portable-infobox.pi-type-infobar .pi-header { border-top: 0px; }

.portable-infobox .pi-section-navigation { padding: 5px; }

.portable-infobox .pi-section-tab { background-color: white; border-width: 0px 0px 3px 0px; border-color: white; }

.portable-infobox .pi-section-tab.pi-section-active { background-color: white; border-width: 0px 0px 3px 0px; border-color: #666666; }

.portable-infobox .pi-data-value { width: 150px; }

.fa, .fas, .fab { padding: 5px; width: 50px; font-size: 10px; text-align: center; text-decoration: none; border-radius: 10%; }

.fa-facebook-square { background: #3B5998; color: white; }

.fa-twitter { background: #55ACEE; color: white; }