MediaWiki:Fandomdesktop.css

/* Link Hover Glow    */

a:hover { text-shadow: #f4cb7c 0 0 5px; color: #ffd998 !important; text-decoration:none; -webkit-transition: all linear 400ms; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; } a { text-decoration:none; -webkit-transition: all linear 400ms; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; }

/* Tabber Stuff             */

ul.tabbernav li a, ul.tabbernav li a:link, ul.tabbernav li a:visited, ul.tabbernav li a:hover { background-color: #006cb0 !important; border-radius: 5px 5px 5px 5px !important; border: 0 solid #000000 !important; color: #FFFFFF !important; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover { background-color: #ad2534 !important; border-radius: 5px 5px 5px 5px !important; border-bottom: 0px solid #ad2534 !important; color: #FFFFFF !important; } .tabberlive .tabbertab { border: 0 solid #000000 !important; } ul.tabbernav { border:none !important; }

/* Admin comment hlite */

.comments li[data-user="Omniance"]     blockquote { background:#0b1639 !important; } .comments li[data-user="Omniance"]     blockquote:after { border-color: transparent #001e58 #001e58 transparent !important; } .comments li[data-user="Omniance"]     blockquote div { background: transparent #0b1639 !important; } .comments li[data-user="Omniance"]     .edited-by:after { content: "Administrator"; color: #dcbb83; background-color: #001e58; border-radius: 6px; padding: 0 5px; margin-left: 3px; } body.ns-1201 .edited-by > a.subtle[href="http://bayonetta.wikia.com/wiki/User_talk:Omniance"]:after { content: "Administrator"; background-color: #001e58; padding: 2px 6px; border-radius: 6px; color: #dcbb83; }

/* Table Pictures and Classes*/

/* MultiMedia Table*/

table.multimedia-image {	font-family: "font name 1", "font name 2" font-size: 12px; margin: 45px; width: 480px; text-align: left; border-collapse: collapse; } table.multimedia-image th { padding: 12px; font-weight: normal; font-size: 14px; color: #339; } table.multimedia-image td { padding: 9px 12px; color: #669; border-top: 1px solid #fff; } table.multimedia-image tfoot td { font-size: 11px; } table.multimedia-image tbody td { background: url('/wiki/File:HeaderNavMultiMediaWide.png'); } .MultiMedia .background-image th { background: url("https://vignette.wikia.nocookie.net/bayonetta/images/1/19/HeaderNavMultiMediaWide.png/") no-repeat center top !important; }

/*** Header Change ***/ .WikiaArticle #mw-content-text > h2 { background: linear-gradient(to right, #0b2b57, rgba(0,0,0,0) 500px); padding: 2px 5px; border-width: 0 0 2px; border-style: solid; border-image: linear-gradient(to right, #c40e0d, rgba(0, 0, 0, 0) 500px) 0 0 100%; }

/*** Europa Infobox styling ***/ .pi-europa.pi-background { border: 3px #026 solid; padding: 7px; width: 275px; } .pi-europa .pi-title { font-size: 16px; padding: 5px; } .pi-europa .pi-image-thumbnail { max-width: 275px; height: auto; } .pi-europa .pi-item-spacing { padding: 5px 10px; } .pi-europa .pi-header { font-size: 14px; }

/*** Template:MessageBox ***/ .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(0, 0, 0, 0.25); border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; 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; } .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 #d6d6d6; } .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; }

/*** Template:Portal ***/ .portal { border: 1px solid #1a1b4d; overflow: hidden; margin-bottom: 17px; border-radius: 3px; } .portal + p:not(.show) { display: none; } .portal__header { background: #292b75; color: white; line-height: 40px; text-align: center; font-weight: bold; font-size: 18px; } .portal__content { background-color: var(--theme-page-background-color); box-sizing: border-box; padding: 10px 30px; } .portal__content h3 { font-weight: bold !important; } .portal__content .floatright { margin: 15px 0 10px 20px !important; } .portal__content span { display: block; text-align: center; } .portal__content__flex { display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: center; width: 100%; } .portal__content__flex > div { flex: 1 1 25%; margin: 10px 0; } .portal__content__flex.pcf33 > div { flex: 1 1 33%; } .portal__content__flex > div > span { font-size: 125%; }

/*** Template:Quote ***/ .bayo-quote:before { content: '“'; color: #ad2534; font-size: 36px; font-family: "Times New Roman", serif; font-weight: bold; float: left; padding: 3px; } .bayo-quote span { display: block; padding: 3px 6px; overflow: hidden; } .bayo-quote span:first-child { font-style: italic; } .bayo-quote span:last-child { margin: 0 0 20px 24px; }

/*** Template:NavboxMain ***/ .navbox { width: 100%; background: #404186; color: white; margin: 1em auto; font-size: 84%; clear: both; border-spacing: 0; border: 2px solid #404186; border-radius: 5px; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: #292b75; color: white; font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: white; } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: #DDF; text-align: center; } .navbox .navbox-image { background: white; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #292b75; color: white; font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: right; padding-right: 0.5em; min-width: 120px; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid transparent; } .navbox-image-right { border-left: 2px solid transparent; } .navbox .navbox-list { background: black; color: white; width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: black; } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; font-size: 12px; } /* hlist */ .hlist ul { margin: 0; list-style: none; } .hlist li, .hlist ul ul { display: inline; } .hlist li a { white-space: nowrap; } .hlist ul ul:before { content: "(" } .hlist ul ul:after {	content: ")" } .hlist li:after { content: " • "; } .hlist ul ul li:after { content: "/"; } .hlist li:last-child:after, .hlist ul ul li:last-child:after { content: none; }

.fx { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(1px 1px 1px #000); }