MediaWiki:Wiki.css

/*============================ Code credited to Danganronpa (Attributed to Fubuki風吹 ), Toriko, Tardis and Once Upon a Time Wiki.

=
=================*/ /* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */ @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"); /* .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } /**********************************/ /*           MAINPAGE            */ /**********************************/ /* .WikiHeader > nav { background-color:transparent !important; background-image: linear-gradient(#fedbe1,#d71820)!important; background-image: linear-gradient(#fedbe1,#d71820)!important; background-image: -o-linear-gradient(#fedbe1,#d71820)!important; background-image: -moz-linear-gradient(#fedbe1,#d71820)!important; background-image: -webkit-linear-gradient((#fedbe1,#d71820)!important;   border-radius:5px 5px 0 0;    bottom: auto; } background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; } /*#WikiaPageHeader h1, #WikiaUserPagesHeader h1, h1#firstHeading {    background-color:#8bad39;    background-repeat:repeat-x;    padding:0px 35px;    height:60px !important;    line-height:43px !important;    color:white;    font-size: 25pt !important;    font-weight:bold;    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;    border-radius:10px;    position:relative;    left: -10px;    top: -5px;    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } .WikiaPage {    background:transparent url("https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png");    border-radius: 8px;  -o-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } */ /*.WikiaPage .WikiaPageBackground { background: transparent !important; }*/ .mainpage .WikiaPage { background: #FFF url("https://vignette.wikia.nocookie.net/jjba/images/6/69/Wikibg.png") no-repeat top center; border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /**********************************/ /*       IMAGE THUMBNAILS        */ /**********************************/ /* figcaption */ .WikiaArticle .article-thumb { border: 2px solid #000; background-image:url('https://images.wikia.nocookie.net/__cb20131231120024/jjba/images/f/f5/Diamondbg.png') !important; -moz-border-radius: 6px; border-radius: 6px; padding: 3px 6px 3px 4px; } /* inner image */ .WikiaArticle .article-thumb .image img { border: 1px solid #000; -moz-border-radius: 4px; border-radius: 4px; } /* caption */ .WikiaArticle .article-thumb .caption { text-align: center; color: inherit; } /* remove attribution */ .WikiaArticle .article-thumb .attribution { display: none !important; } /**********************************/ /*            CURSOR             */ /**********************************/ body { cursor: url(""), auto; } a:link{ cursor: url(""), auto; } a:hover{ cursor: url(""), pointer; } a:visited{ cursor: url(""), pointer; } a:active{ cursor: url(""), pointer; } p:hover{ cursor: url(""), text; } /**********************************/ /*        ACTIVITY FEED          */ /**********************************/ .activityfeed { font-family: "Trebuchet MS", sans-serif; } .activityfeed>li:not(:first-child) { border: none !important; padding-bottom: 2%; background: url("https://images.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; background-size: contain; } .activityfeed>li { border-bottom: none; background: url("https://images.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; background-size: contain; padding-bottom: 2%; } /* Contribute & Share buttons */ /** Background and styles: Both **/ .wikia-menu-button.contribute.secondary, .wikia-button.share-button.secondary { background:-webkit-linear-gradient(#ff98ba,#ffe2ec); background:-moz-linear-gradient(#ff98ba,#ffe2ec); background:-o-linear-gradient(#ff98ba,#ffe2ec); background:linear-gradient(#ff98ba,#ffe2ec); border:0px solid #000; color:#FFF; font-family:Roboto Slab; } .WikiaFooter section { border:1px solid #ff98ba !important; border-radius:10px; background-image:url('https://images.wikia.nocookie.net/__cb20131231120024/jjba/images/f/f5/Diamondbg.png'); background-repeat:repeat; } .WikiaFooter .header-container h1 { margin-left:390px; background:#FFFFFF; padding:3px; color:#000; border:1px solid #000; }
 * 1) WikiaPageBackground {

/**********************************/ /*           USERPAGES           */ /**********************************/ a[href$="/wiki/User:Pkstorm11"] { color: #008000 !important; font-weight: bold !important; } /* END */ /**********************************/ /*         LINK HOVER            */ /**********************************/ /*Code credited to Gundam Fanon Wiki*/ /* Make the Edit menu drop open on hover */	display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-delay: 0.1s; transition-property: opacity, visibility; transition-duration: 0.4s; transition-delay: 0.1s; opacity: 0; }	visibility: visible; opacity: 1; }
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button:hover > .WikiaMenuElement {

/**********************************/ /*         TABBER CODE           */ /**********************************/ /*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:1em; } .portable-infobox .tabberlive { margin-top: 0 !important; } .portable-infobox .tabbertab { font-size: 0 !important; padding: 0 !important; border: 0 !important; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding-top: 3px; padding-bottom: 0px; border-bottom: 1px solid #111; font: bold 12px; font-family: "Rubik" sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 2.5px !important; border-top-left-radius:5px; border-top-right-radius:5px; line-height: 10px; margin-left: 10px; border: 2px solid #111; background: #f0f0f0; text-decoration: none; } ul.tabbernav li.tabberactive a { background-image: -webkit-gradient( linear, left bottom, left top,		color-stop(1, #f0f0f0),		color-stop(0, #fff)) !important; } ul.tabbernav li.tabberactive a:link { color: #000; } .tabberlive .tabbertab{ background-color: #fff; } ul.tabbernav { margin: 0; padding: 3px 0 0 !important; }

/**********************************/ /*   TEMPLATE DOCUMENTATION      */ /**********************************/ .template-documentation { border: 1px solid #fff0f5; font-size: 85%; margin: .5em; margin-top: 2em; background: #fff0f5; } .template-docu-header, .template-docu-footer { background: #fad856; color: white; padding: 1em; margin: 0em; } .template-docu-footer { padding: .5em; font-size: 85%; text-align: right; } .template-docu-content { padding: 1em; padding-bottom: 0em; margin: 0em; } .template-docu-content code { background: #fff0f5; padding: 1px; border: 1px solid #fff0f5; border-radius: 3px; } /**********************************/ /*           NAVBOXES            */ /**********************************/ .navbox { width: 100%; background: #000; color: black; margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid #AAA; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: #ffcc68; color: #000; font-weight: bold; } .navbox .navbox-title a, .navbox .navbox-footer a { color: #000 !important; } .navbox .navbox-vde { float:left; width:65px; color:#fff; } .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: #000; } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: #ffcc68; text-align: center; } .navbox .navbox-image { background: #000; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #ffcc68; color: #000; font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: right; padding-right: 1em; min-width: 150px; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid #000; } .navbox-image-right { border-left: 2px solid #000; } .navbox .navbox-list { background: #faebb2; color: black; width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: #F7F7F7; } .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; } /**********************************/ /*            H LIST             */ /**********************************/ .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; } /* ================    MODULES ================   Mostly those in the right skycraper/rail ================   ++++++++++++++++    GENERAL STYLING FOR MODULES ++++++++++++++++ */ .activityfeed-inserted-media li { border:1px dashed #000; } .WikiaActivityModule, .WikiaPagesOnWikiModule, .WikiaBlogListingBox, .LatestPhotosModule, .WikiaSpotlightsModule, .HotSpotsModule, .ChatModule, .LatestQuestionsModule, .UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule, .FollowedPagesModule, .GamingCalendarModule, .RelatedVideosModule, .WikiaRail .videos-module-rail { line-height:90%; text-align:left; background-color:transparent; background-image:none; border:1px solid #000; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -o-border-radius: 0px 10px 10px 0px; -ms-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; } /* ++++++++++++++++++    TALLY STYLING IN    THE RAIL ++++++++++++++++++   This styles the actual number in number of pages on wiki +++++++++++++++++++ */ .LatestPhotosModule .tally em, .WikiaPagesOnWikiModule .tally em { text-transform:uppercase; letter-spacing:0px; font-weight:normal; line-height:1; font-family: "Rubik", sans-serif; color: #000; } /**********************************/ /*      TABLE OF CONTENTS        */ /**********************************/ /*Note that right-clearing TOCs, which are somewhat unusual — and even scorned on some wikis — have been agreed by community consensus */ .toc, .WikiaArticle .toc { border:1px solid #ffcc68; float:center; clear:center; background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; width:360px; min-width:360px; border-radius:10px; font-family: 'Raleway', sans-serif; text-align:left; padding:5px } .toc a, .WikiaArticle .toc a { } /*===========================*/ /*       INFOBOX TABS       */ /*===========================*/ /*  Styles for both InfoboxTabs and InfoboxTabs2   */ /*  The main container and subcontainer   */ .infoboxtabs, .infoboxtabs2, .infoboxtabs .tabberlive, .infoboxtabs2 .tabberlive { margin: 0; padding: 0; } /*  The link of the active tab   */ .infoboxtabs ul.tabbernav li.tabberactive a, .infoboxtabs ul.tabbernav li.tabberactive a:hover, .infoboxtabs2 ul.tabbernav li.tabberactive a, .infoboxtabs2 ul.tabbernav li.tabberactive a:hover { } /*  Styles for InfoboxTabs   */ /*  The block that contains the tabs   */ .infoboxtabs ul.tabbernav { border-bottom: 1px outset #c0c0c0; border-bottom: 1px outset #c0c0c0; } ul.pi-image-collection-tabs { margin: 0 !important; } /*  General styles for the links   */ .infoboxtabs ul.tabbernav li a, .infoboxtabs ul.tabbernav li a:hover { color: #000 !important; } /*  The link of the active tab   */ .infoboxtabs ul.tabbernav li.tabberactive a, .infoboxtabs ul.tabbernav li.tabberactive a:hover { border-style: inset outset solid inset; border-width: 1px; } /*  The block that contains the image   */ .infoboxtabs .tabberlive .tabbertab { border-bottom: 1px outset #c0c0c0; border-left: 1px inset #c0c0c0; border-right: 1px outset #c0c0c0; } /*  Styles for InfoboxTabs2   */ /*  The block that contains the tabs   */ .infoboxtabs2 ul.tabbernav { border: 0; line-height: 12px; overflow: hidden; padding: 0; } /*  General styles for the links   */ .infoboxtabs2 ul.tabbernav li a, .infoboxtabs2 ul.tabbernav li a:hover { background-color: transparent !important; border-right: 0 !important; font-family: "Raleway" sans-serif; font-size: 90%; color:#000; margin: 0; } /*  The first tab   */ .infoboxtabs2 ul.tabbernav li:first-child a, .infoboxtabs2 ul.tabbernav li:first-child a:hover { border-left: 0 !important; } /*  The block that contains the image   */ .infoboxtabs2 .tabberlive .tabbertab { border: 0; padding: 0; background-color: transparent !important; } /*  Styles for InfoboxTabs3   */ /*  The block that contains the tabs   */ .infoboxtabs3 ul.tabbernav { border: 0; line-height: 12px; overflow: hidden; padding: 0; } /*  General styles for the links   */ .infoboxtabs3 ul.tabbernav li a, .infoboxtabs3 ul.tabbernav li a:hover { background-color: transparent !important; border-right: 0 !important; font-family: "Raleway" sans-serif; font-size: 90%; color:#000; margin: 0; } /*  The first tab   */ .infoboxtabs3 ul.tabbernav li:first-child a, .infoboxtabs3 ul.tabbernav li:first-child a:hover { border-left: 0 !important; } /*  The block that contains the image   */ .infoboxtabs3 .tabberlive .tabbertab { border: 0; padding: 0; background-color: transparent !important; } .infoboxtabs3 .tabberlive { width: 130px; margin-top: 0 !important; } /***************************************/ /* Hides "This reply has been removed" */ /***************************************/ /* * Note: Removed replies can still be seen in the thread * history by clicking the "History" button in the toolbar. li.message-removed.hide { display: none; } div.ajax-poll { width:auto !important; } /***************************************/ /*             Dropdown               */ /***************************************/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; } /***************************************/ /*              Hover                 */ /***************************************/ .show-when-hovering { display: none; } .hover-container:hover .show-when-hovering { display: inline; } .hover-container:hover .hide-when-hovering { display: none; } .fadeout img:hover { opacity:0; transition:none !important; -webkit-transition: none !important; } .fadeout img:active { opacity:0; transition:none !important; -webkit-transition: none !important; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein { visibility: hidden; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein { visibility: visible; } .fadeout-container.img.lzyTrans { transition: none !important; -webkit-transition: none !important; } /* Hover Box for switching the visibility of the selected item */ .hoverbox { display:inline-block; padding:0em; } .hoverbox .hoveritem { display:none; margin:0em; padding:0em; } .hoverbox .hoveritem.selected { display:inline-block; } .hoverbox:hover .hoveritem { display:inline-block; } .hoverbox:hover .hoveritem.selected { display:none; } .fadeinimg { opacity: 0.1; } .fadeinimg:hover { opacity: 1.0; } .closerange tr > td { border: 2px #f88 solid; padding: 0.2em; } .longrange tr > td { border: 2px #c8f9bb solid; padding: 0.2em; } .autopilot tr > td { border: 2px #268BD2 solid; padding: 0.2em; } .rangeirrelevant tr > td { border: 2px #E3B52C solid; padding: 0.2em; } div#nihongo span#jpn { display: inline; } div#nihongo:hover span#jpn { display: none; } div#nihongo span#romaji { display: none; } div#nihongo:hover span#romaji { display: inline; } span#hovertext span#outer { display: inline; } span#hovertext:hover span#outer { display: none; } span#hovertext span#hidden { display: none; } span#hovertext:hover span#hidden { display: inline; } div#hovertext span#outer { display: inline; } div#hovertext:hover span#outer { display: none; } div#hovertext span#hidden { display: none; } div#hovertext:hover span#hidden { display: inline; } .diamonds tr > td { border: 1px solid #aaaaaa; padding: 0.2em; } .diamonds a { color: #df479c; } /* Make collapsible table's link white/normal font */ .diamonds .mw-collapsible-toggle a { color: #ffffff; font-weight: normal; } .diamonds tr > th { background-image:url('https://images.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png') !important; background-size: 300px; background-position: center; background-blend-mode: soft-light; border: 1px solid #aaaaaa; } .cquote tr > td { border: none !important; } .cquote tr > th { border: none !important; } /* Misc */ .WikiaArticle ul, .WikiaArticle ol { margin: .4em 0 .5em 2.2em; } .refpopups-configure-page { padding-top: 15px; padding-left: 18px; }
 * toc,
 * 1) toc a,

/**********************************/ /*             POLL              */ /**********************************/ .ajax-poll { border: none !important;} /*****Adjust the height and colors of the poll answers bar*****/ .pollAnswerVotes div { background-color: colorname/hexcolor !important; height: 15px !important;} .pollAnswerVotes { height: 15px !important;} /****************************/ /*     CUSTOM HEADERS      */ /***************************/ .h1, .h2, .h3, .h4 { overflow: hidden; } .h1 { margin: .5em 0 .2em; font-family:"Quicksand", sans-serif; font-weight: bold; text-transform:none; letter-spacing:-.0125em; padding-bottom:0 } .h2 { border-bottom: solid 1px #cccccc; margin-top: 30px; margin-bottom: 0.2em; padding-bottom: 3px; font-family: "Rubik", sans-serif; font-style: normal; letter-spacing:2px; margin-left: 3px; font-weight: 500; text-transform: uppercase; } .h3 { font-family:"Rubik", sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:2px; } @media only screen and (max-width:1595px) { .h1 { font-size: 28px; line-height: 28px }	.h2 { font-size: 20px; line-height: 22px }	.h3 { font-size: 17px; line-height: 22px }	.h4 { font-size: 15px; line-height: 22px }	.h5 { font-size: 13px; line-height: 22px } } @media only screen and (min-width:1596px) { .h1 { font-size: 34px; line-height: 34px }	.h2 { font-size: 28px; line-height: 30px }	.h3 { font-size: 22px; line-height: 24px }	.h4 { font-size: 20px; line-height: 28px }	.h5 { font-size: 15px; line-height: 28px } } /* Featured video notice */ .featured-video__wrapper::after, .featured-video.is-collapsed .featured-video__player-container::after { content: 'The above video was added by Fandom staff,\20not the editors of this site. Its content may not accurately represent the article.'; background: #fcc; border: 1px solid #f99; border-radius: .25em; display: block; margin-top: .5em; padding: .5em; } .WikiaArticle .editsection { font-size: 0 !important; opacity: 0.5 !important; } .WikiaArticle .editsection:hover { opacity: 1 !important; } /*Hide top categories */ .WikiaPage .page-header__categories { display: none !important; }