MediaWiki:Common.css

/** * =============================================== * General Wiki Overrides * =============================================== */

/* Wiki background */ body:not(.ChatWindow) { background-position: 50% 100% !important; background-attachment: fixed; background-repeat: repeat-x !important; background-color: #000!important; background-image: url("https://vignette.wikia.nocookie.net/undertale/images/5/50/Wiki-background") !important; font-family:   "Helvetica Neue", "Helvetica", "Arial", "HiraKakuPro-W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "游ゴシック", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", "sans", "sans-serif"; }

/* Link color */ a { color: #B962B9; }

/* References */ .references-small { height: 9em; overflow: auto; }

/* AbuseFilter style fixes */ .mw-abusefilter-diff-context, table.mw-abuselog-details { color: #D5D4D4; background-color: transparent; }

table.mw-abuselog-details th { background-color: #5F2C60; }


 * 1) wpTestFilter, #wpFilterRules, #wpFilterNotes { width: 100%; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; } .allpagesredirect:after { color: #808080; }

/* Fixing the background of readonly edit */ background-color: black; color: #D5D4D4; }
 * 1) wpTextbox1[readonly] {

/* Overriding table header color */ table.wikitable > * > tr > th { background-color: #5F2C60; }

/** * =============================================== * Tabber design * =============================================== */

.tabber.tabberlive .tabbertab { border: 3px #5F2C60 solid; border-top: 0; } .tabberlive ul.tabbernav { border-bottom: 3px #5F2C60 solid; font: bold 14px Arial, sans-serif; } .tabber ul.tabbernav li a:link, .tabber ul.tabbernav li a:visited { color: #FFFFFF; } .tabber ul.tabbernav li.tabberactive a, .tabber ul.tabbernav li a:hover, .tabber ul.tabbernav li a { color: #FFFFFF; border: 3px #5F2C60 solid; background-image: -moz-linear-gradient(       center bottom,        rgb(95,44,96) 0%,        rgb(0,0,0) 100%    ); background-image: -webkit-gradient(       linear,        left bottom,        left top,        color-stop(0, rgb(95,44,96)),        color-stop(1, rgb(0,0,0))    ); }

.tabber ul.tabbernav li.tabberactive a { border-bottom: 3px solid #5F2C60; }

/** * =============================================== * Easy formatting * http://undertale.wikia.com/wiki/Thread:46655 * =============================================== */

/* Background styling */ .bg1 { background-color: #B962B9; } .bg2 { background-color: #612C61; } .bg3 { background-color: #472047; } .bg4 { background-color: #2C142C; } .bg5 { background-color: #5F2C60; }

/* Same as background styling, but applies to borders */ .border1 { border-color: #B962B9; } .border2 { border-color: #612C61; } .border3 { border-color: #472047; } .border4 { border-color: #2C142C; } .border5 { border-color: #5F2C60; }

/* Border styling */ .btop              { border-top-width:     1px; } .bright, .bsides   { border-right-width:   1px; } .bleft, .bsides    { border-left-width:    1px; } .bbottom           { border-bottom-width:  1px; } .ball              { border-width:         1px; }

/* Border styles */ .solid { border-style: solid;  } .dotted { border-style: dotted; } .dashed { border-style: dashed; } .double { border-style: double; } .groove { border-style: groove; } .inset { border-style: inset;  } .outset { border-style: outset; } .ridge { border-style: ridge;  }

/* For when hovering over a help text */ .help { cursor: help; }

/* Box w/ rounded borders */ .rounded-borders { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* Shouldn't there be more than just for Chrome and Firefox? */ }

/* Normal wikitable */ .table-normal, .wikitable { width: 100%; text-align: center; }

/* Flavortext and dialog templates */ .temppadding { padding: .5em 1em; }

hr { opacity: 0.4; }

/* Colors */ .red       { color: #f4001c; } .orange    { color: #f4a521; } .yellow    { color: #fbff29; } .green     { color: #34c217; } .cyan,.aqua { color: #67fdfe; } .blue      { color: #3627fc; } .purple    { color: #ce1bd6; }

/* Fonts */ .csans     { font-family: 'comic sans ms', 'comic sans', 'chalkboard SE', sans-serif; } .papyrus   { font-family: 'Papyrus', sans-serif; } .dt        { font-family: 'Determination mono', monospace; }

/* TOC right CSS */ .tocright { float: right; clear: right; margin-bottom: 0.5em; padding: 0.5em 0 0.8em 1.4em; background: transparent; max-width: 20em; }

/* This is for comic sans to work on iOS devices without having to change every and tag on the wiki */ span[style*="comic"], font[face*="comic"] { font-family:   "comic sans ms", "comic sans", "chalkboard SE", "sans-serif"; }

/* Flavor text styling */ .flavortext { display: inline-block; margin: 0.1em 0.2em 0.6em 2em; font-size: inherit; line-height: inherit; }

.flavortext q { font-style: italic; display: block; }

/** * =============================================== * Staff username highlighting * The CSS below allows changing color of admins * http://community.wikia.com/wiki/Forum:Highlighting_Usernames * =============================================== */

/* Velocity Chicken */ a[href$=":Velocity_Chicken"], a[href$="/Velocity_Chicken"] { color: #10C020 !important; font-weight: bold !important; }

/* Virgalyssa */ a[href$=":Virgalyssa"], a[href$="/Virgalyssa"] { color: #F70505 !important; font-weight: bold !important; font-family: calibri; font-size: 125%; }

/* Psychobilly2422 */ a[href$=":Psychobilly2422"], a[href$="/Psychobilly2422"] { color: #ef5b21 !important; font-weight: bold !important; font-size: 120%; background: -webkit-linear-gradient(#ef5b21, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* ThePK */ a[href$=":ThePK"], a[href$="/ThePK"] { color: #ffa500 !important; font-weight: bold !important; }

/* KockaAdmiralac */ a[href$=":KockaAdmiralac"], a[href$="/KockaAdmiralac"] { color: #e5e600 !important; font-family: courier; }

/** * =============================================== * 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: #5F2C60; 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: #4f244f; }

.pi-image-collection-tab-content { background: none; }

.pi-image-collection-tabs li { background: #110811; 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 * http://undertale.wikia.com/wiki/Thread:26651 * =============================================== */

@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; }