MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap'); @font-face { font-family: "Calgary Script"; src: url("//db.onlinewebfonts.com/t/f9a4bfeb73d2a7fef82f5cda778838de.eot"); src: url("//db.onlinewebfonts.com/t/f9a4bfeb73d2a7fef82f5cda778838de.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/f9a4bfeb73d2a7fef82f5cda778838de.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/f9a4bfeb73d2a7fef82f5cda778838de.woff") format("woff"), url("//db.onlinewebfonts.com/t/f9a4bfeb73d2a7fef82f5cda778838de.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/f9a4bfeb73d2a7fef82f5cda778838de.svg#Calgary Script") format("svg"); }

@font-face { font-family: "BlahBlahBlah"; src: url("//db.onlinewebfonts.com/t/c9b20583245e179dfba4309bd287fec9.eot"); src: url("//db.onlinewebfonts.com/t/c9b20583245e179dfba4309bd287fec9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/c9b20583245e179dfba4309bd287fec9.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/c9b20583245e179dfba4309bd287fec9.woff") format("woff"), url("//db.onlinewebfonts.com/t/c9b20583245e179dfba4309bd287fec9.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/c9b20583245e179dfba4309bd287fec9.svg#CCBlahBlahBlah-Regular") format("svg"); } .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; } .mpbg { background: linear-gradient(0deg,#ff69b4a6,#ff69b4a6),url(https://vignette.wikia.nocookie.net/paper-girls/images/c/cc/PaperGirls_TA.jpg)!important; border-radius: 0 1em; padding: 1em; background-size: cover!important; } .mpbg p { position: relative; color: #ffffff; font-family: 'BlahBlahBlah'; } .mw-headline { font-family:"BlahBlahBlah"; }

.clright { float:right; clear:both; } .rcs-container { border-left: 3px solid white!important; }

/* Message box */ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgba(187, 100, 199, 0.42); border: 1px solid #e4f089; border-left-width: 8px; border-left-color: #fac4fb; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; text-align:center; font-size:large; color:white; font-family: "BlahBlahBlah"; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #fac4fb; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/* Infobox */ .portable-infobox { border-radius: 0.5em; overflow: hidden; font-family: 'Questrial'; }

.pi-header, .pi-title { border-bottom: 5px solid #424242 !important; padding: 2%!important; } .pi-group .pi-item.pi-data, .pi-item.pi-image { border: 3px solid #29c2f7; border-width: 0 3px; }

.pi-image img { height: auto; width: 100%; }

.color1 { background: var(--themed-button-background); border-radius: 0.5em; padding:1em, 0.5em; }