MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* ==========================  Imports ==========================*/ @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:WikiaNav.css|MediaWiki:Mainpage.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace.css|MediaWiki:Slider.css|MediaWiki:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles"); @import 'https://fonts.googleapis.com/css?family=Anonymous+Pro|Arvo|Droid+Sans|Gentium+Basic|Josefin+Sans|Lato|Merriweather|Old+Standard+TT|Oswald|PT+Sans|Prociono|Quicksand|Classic+Comic|Raleway|Roboto+Slab|Rubik|Rubik+Mono+One|Space+Mono|Doppio+One|Titillium+Web|Varela+Round|Vollkorn'; @import url("/load.php?mode=articles&articles=u:dev:NavBackground/code.css&only=styles"); @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Themes.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"); @import "/load.php?articles=MediaWiki:Slider.css&only=styles&mode=articles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"; .WikiaArticle { font-family: Rubik; /* This changes the text in the content space only */ } /* Parts */ .games .slide{ border-color: #D6AD6F; background-color: #000; } .games .slide img { transition: 0.4s opacity; -webkit-transform: translateZ(0); /*fix transition bug in Chrome*/ } .games .game{ width: 100%; position: absolute; text-align: center; top: 35%; opacity: 0; } .games .game a, .games .game a:hover{ display: block; color: #fff; font-size: 150%; } .games .slide .game { transition: 0.4s opacity; } .games .slide:hover .game { opacity: 1; } .games .slide:hover img { opacity: 0.4; } a[href$="/wiki/User:Pkstorm11"] { color: #008000 !important; font-weight: bold !important; } /******************* * Infobox Template Style *******************/ .infobox { border: 1px solid #aaaaaa; background-color: #FFFFFF; color: white; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .portable-infobox:not(.pi-europa) { overflow: hidden; font-size: 90%; background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png'); border: 2px solid #3055A1; border-radius: 10px; font-size: smaller; line-height: 1.5; width: 270px; } .portable-infobox.pi-theme-thin:not(.pi-europa) .pi-secondary-font { background-color: #3055A1; } .portable-infobox.pi-theme-thin:not(.pi-europa) .pi-data .pi-data-label { flex-basis: 30% !important; background-color: #777690; } /* Stand Info */ .portable-infobox.pi-theme-stand:not(.pi-europa) { width: 270px; } /* Character Info */ .portable-infobox.pi-theme-thin:not(.pi-europa) { width: 270px; } .pi-horizontal-group-item.pi-data-label { color: #fff; } .episodes, .portable-infobox.pi-theme-episodes:not(.pi-europa) .pi-horizontal-group-item.pi-data-label, .portable-infobox.pi-theme-episodes:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { font-size: 12px !important; }

/* Episode Info */ .portable-infobox.pi-theme-wide:not(.pi-europa) { width: 270px; } .portable-infobox:not(.pi-europa) .pi-item { /* a row */ } .portable-infobox:not(.pi-europa) .pi-item-spacing { /* The padding around titles, captions, data, headers, and navigation */ padding: 1px; padding-left: 2px; padding-top: initial; } .portable-infobox:not(.pi-europa) .pi-border-color { /* The separator between data and groups. */   border-color: #F0F0F0; } .portable-infobox:not(.pi-europa) .pi-font { /* The font of data values. */   font-family: 'Rubik'; } .portable-infobox:not(.pi-europa) .pi-secondary-font { /* The font of labels, headers, and navigation. */   color: #fff; font-family: 'Rubik'; letter-spacing: inherit; font-weight: normal; text-transform: none; padding: 4px; } .portable-infobox:not(.pi-europa) .pi-background { /* The background underneath the entire infobox. */   background-color: #F0F0F0; } .portable-infobox:not(.pi-europa) .pi-secondary-background { /* The background behind headers and navigation. */   background: #3055A1; margin-left: 2px; margin-right: 2px; } .portable-infobox:not(.pi-europa) .pi-title { color: #fff; background-image:url('https://images.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png'); background: #3055A1; font-size: 20px; font-family: 'Lato'; text-align: center; letter-spacing: inherit; font-weight: bold; text-transform: none; border: 0px solid #F0F0F0; padding: 1px; } .portable-infobox:not(.pi-europa) .pi-image { padding: 0; background-image:url('https://vignette.wikia.nocookie.net/jjba/images/6/69/Diamondbg2.png'); margin: 1px; } .portable-infobox:not(.pi-europa) .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-label { /* border-top: 1px solid #999; border-bottom: 1px solid #f0f0f0; */ background-color: #777690; font-family: 'Rubik'; color: white; letter-spacing: inherit; flex-basis: 40%; min-width: 55px; font-size: 12px; padding-top: 1px; } .portable-infobox.pi-theme-wide:not(.pi-europa) .pi-data .pi-data-label { text-align: center; min-width: 50px; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-value { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #f0f0f0)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #F0F0F0)); background-image:-moz-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); background-image:-o-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); background-image:-ms-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); } .portable-infobox:not(.pi-europa) .pi-data .pi-data-value:not(:first-child) { padding-left: 4px; padding: 4px; } .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-label, .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { text-align: center; vertical-align: top; font-size: 85%; color: #3A3A3A; } .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #777690; color: #fff; } .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { background-image: gradient(linear,0% 0%,0% 100%,color-stop(25%,#FFFFFF),color-stop(75%,#f0f0f0)); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(25%,#FFFFFF),color-stop(75%,#F0F0F0)); background-image: -moz-linear-gradient(top,#FFFFFF 25%,#F0F0F0 75%); background-image: -o-linear-gradient(top,#FFFFFF 25%,#F0F0F0 75%); background-image: -ms-linear-gradient(top,#FFFFFF 25%,#F0F0F0 75%); } /*Tabbers*/ /* This is for all tabs */ .portable-infobox .pi-image-collection-tabs li { color: #63487f; } /* This is for the current selected tab */ .portable-infobox .pi-image-collection-tabs li.current { background: #ffe2ec; /*your color here*/ color: #63487f; } /* Episode is black text */ .portable-infobox:not(.pi-europa) .pi-header { border-bottom: 2px solid #F0F0F0; text-align: center; background: #3055A1; font-size: 16px; font-weight: bold; } .portable-infobox.pi-theme-wide:not(.pi-europa) .pi-header { color: white; font-size: smaller; } .portable-infobox.pi-theme-wide:not(.pi-europa) .pi-horizontal-group { width: inherit; } /* Tab View Themes */ ul.tabs { margin-left: 0px; } /* Selected Tab */ ul.tabs li[data-tab="flytabs_phantomblood0"].selected a, ul.tabs li[data-tab="flytabs_phantomblood1"].selected a, ul.tabs li[data-tab="flytabs_phantomblood2"].selected a, ul.tabs li[data-tab="flytabs_phantomblood3"].selected a, ul.tabs li[data-tab="flytabs_phantomblood4"].selected a, ul.tabs li[data-tab="flytabs_phantomblood5"].selected a, ul.tabs li[data-tab="flytabs_phantomblood6"].selected a, ul.tabs li[data-tab="flytabs_phantomblood7"].selected a { background: #3055A1; background: -webkit-linear-gradient(#3055A1,#777690); background-image: -moz-linear-gradient(#3055A1,#777690); background-image: -o-linear-gradient(#3055A1,#777690); background-image: linear-gradient(#3055A1,#777690); color: white; } /* Normal Tab; NOT selected */ ul.tabs li a { border: 1.5px solid gray; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; font-size: 95%; background-color: #f0f0f0; color: #654488; } .tabs li a { padding: 6px 10px 3px !important; }