MediaWiki:Common.css

/** * =============================================== * General Wiki Overrides * =============================================== */ /* Font import TEST */ @import url('https://fonts.googleapis.com/css?family=Arizonia'); @import url('https://fonts.googleapis.com/css?family=Lobster'); @import url('https://fonts.googleapis.com/css?family=UnifrakturCook:700'); @import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia'); @import url('https://fonts.googleapis.com/css?family=Allura'); @import url('https://fonts.googleapis.com/css?family=Russo+One'); /** * =============================================== * Infobox stylizations * =============================================== */ .portable-infobox { border: 1px solid #323232; background-color: #000000; color: white; text-align: center; font-weight: normal; border-radius: 8px; padding: .5em; width: 40%; } .portable-infobox img { max-width: 100% !important; height: auto; } .portable-infobox .pi-title { text-align: center; background: #bc2323; color: #ffffff; border-radius: 5px; font-family: 'determination mono', Sans-serif; letter-spacing:-1px; font-size:1.1em; line-height:1.2em; margin: 0 0 .5em; } .pi-image { text-align: center; margin: .5em auto; } .portable-infobox .pi-background-color { background-color: #000000; } .portable-infobox .pi-border-color { border-color: #ffffff; border:none; } .portable-infobox .pi-secondary-background { background-color: #722521; } .pi-image-collection-tab-content { background: none; } .pi-image-collection-tabs li { background: #722521; border: none; } .pi-collapse .pi-data-value.pi-font:only-child { text-align: left; } .pi-data-value { margin:auto; } .pi-caption { text-align: center; } ul.pi-image-collection-tabs li { max-width:54% } /** * =============================================== * Implementing Determination font into the wiki * Credits to User:Heliosanctus * =============================================== */ @font-face { font-family: 'Determination Mono'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot'); src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot#iefix') format('embedded-opentype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/a/aa/Determination.woff2') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/3/37/Determination.woff') format('woff'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/cd/Determination.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/7/7f/Determination.svg#Undertale') format('svg'); } /** * =============================================== * Implementation of Undertale dialog boxes * * =============================================== */ /* Dialog box */ .ut_dialbox { box-sizing: border-box; width: 100%; max-width: 575px; height: auto; border: 4px solid white; padding: 12px 16px 4px 16px; background-color: #000; margin: auto; } /* Text in dialog boxes */ .ut_dialtextbig, .ut_dialtextsmall { overflow: hidden; margin-top: -5px; color: white; line-height: 1.4em; letter-spacing: 0.062em; text-indent: -1.32em; position: relative; word-break: normal; font-family:   "Determination Mono", "Monaco", "monospace"; } /* Regular sized text */ .ut_dialtextbig { font-size: 16pt; padding-left: 32px; } /* Smaller text */ .ut_dialtextsmall { font-size: 10pt; padding-left: 21px; } .ut_dialimagebig, .ut_dialimagesmall { content: none; } .ut_dialimagebig:before, .ut_dialimagesmall:before { margin-right: 21px !important; float: left; content: url('https://vignette.wikia.nocookie.net/undertale/images/6/62/TorielSpoiler.PNG'); } .ut_dialimagesmall:before { max-height: 140px; position: relative; } /* Faces for dialog boxes */ .sans:before   { content: url('https://vignette.wikia.nocookie.net/undertale/images/1/18/SansCut.PNG');              } .flowey:before { content: url('https://vignette.wikia.nocookie.net/undertale/images/5/56/Spr_floweyface_end_2.png'); } .alphys:before { content: url('https://vignette.wikia.nocookie.net/undertale/images/7/7f/Alphys_temp.png'); top:-7px; } /*Spoiler tag*/ .spoiler.on { border: 1px dotted #D5D4D4; border-top: none; background: transparent !important; color: transparent !important; text-shadow: none !important; padding: 0 1.4px; } .spoiler.off { border: 1px dotted #D5D4D4; border-top: none; padding: 0 1.4px; } .spoiler.on a { color: transparent !important; } .spoiler.on img { visibility: hidden; }