MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* ==========================  Imports ==========================*/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ConsistentDiscussionsFeeds.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RestoreOldMastheadDesign.css&only=styles"; /* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */

@import url('https://fonts.googleapis.com/css2?family=DotGothic16');

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

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; 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; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; }

table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; }

table.navbox tr:not(:first-child) th { background-color: #ddf; }

@media print { .navbox { display: none; } }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See *                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: en:User:R. Koot */ table.collapsed tr.collapsible { display: none; } .collapseButton {              /* 'show'/'hide' buttons created dynamically by the             */ float: right;          /* CollapsibleTables JavaScript in MediaWiki:Common.js */ font-weight: normal;   /* are styled here so they can be customised. */       text-align: right; width: auto; }

/* Category redlinks by AStranger195 */ .newcategory { color: #C20; }

/* #CopyPasted from wikipedia:MediaWiki:Common.css by User:AStranger195 9/26/2015. See authors of this code @ //en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&action=history */ /* Image message box styles */ table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff;   /* Default "notice" blue */ background: #fbfbfb; } .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */   margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right. */   display: block;         /* Fix for webkit to force 100% width. */ } .mbox-inside .imbox {      /* For imboxes inside other templates. */   margin: 4px; }

table.imbox-notice { border: 3px solid #1e90ff;   /* Blue */ } table.imbox-speedy { border: 3px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.imbox-delete { border: 3px solid #b22222;   /* Red */ } table.imbox-content { border: 3px solid #f28500;   /* Orange */ } table.imbox-style { border: 3px solid #f4c430;   /* Yellow */ } table.imbox-move { border: 3px solid #9932cc;   /* Purple */ } table.imbox-protection { border: 3px solid #bba;      /* Gray-gold */ } table.imbox-license { border: 3px solid #88a;      /* Dark gray */ background: #f7f8ff;         /* Light gray */ } table.imbox-featured { border: 3px solid #cba135;   /* Brown-gold */ }

/* #CopyPasted from wikipedia:MediaWiki:Common.css by User:AStranger195 9/26/2015. See authors of this code @ //en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&action=history */ /* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa;      /* Default "notice" gray */ background: #f9f9f9; }

table.ombox-notice { border: 1px solid #aaa;      /* Gray */ } table.ombox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.ombox-delete { border: 2px solid #b22222;   /* Red */ } table.ombox-content { border: 1px solid #f28500;   /* Orange */ } table.ombox-style { border: 1px solid #f4c430;   /* Yellow */ } table.ombox-move { border: 1px solid #9932cc;   /* Purple */ } table.ombox-protection { border: 2px solid #bba;      /* Gray-gold */ }

/* Originally at http://en.wikipedia.org/wiki/MediaWiki:Common.css, licensed under the CC BY-SA 3.0 */ /* Make the list of references smaller */ ol.references, div.reflist, div.refbegin { font-size: 90%;           /* Default font-size */ margin-bottom: 0.5em; } div.refbegin-100 { font-size: 100%;          /* Option for normal fontsize in  */ } div.reflist ol.references { font-size: 100%;          /* Reset font-size when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ }

/* Code by AStranger195 at http://gameideas.wikia.com/index.php?title=MediaWiki:Wikia.css */ table.smaller { font-size: smaller; width: 90%; }

/* Category message box styles */ table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF;   /* Default "notice" blue */ }

table.cmbox-notice { background: #D8E8FF;   /* Blue */ } table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222;   /* Red */ background: #FFDBDB;         /* Pink */ } table.cmbox-delete { background: #FFDBDB;   /* Red */ } table.cmbox-content { background: #FFE7CE;   /* Orange */ } table.cmbox-style { background: #FFF9DB;   /* Yellow */ } table.cmbox-move { background: #E4D8FF;   /* Purple */ } table.cmbox-protection { background: #EFEFE1;   /* Gray-gold */ }

.big { font-size: larger; }

/** Designs for Template:ButtonHover, Template:Character, and Template:Cast **/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /*******************   Carousel .carousel .slide{ height: 130px; border: 2px solid; border-color: transparent; overflow: hidden; width: 226px; }

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* Code used for the Template ButtonHover */ 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; }
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {

visibility: visible; opacity: 1; }
 * 1) WikiaPageHeader > .wikia-menu-button:hover > .WikiaMenuElement {

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

/* 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; }

/**********************************/ /*            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; }

/**********************************/ /*            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; }

/***************************************/ /*             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; }

/* Babel  */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* 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; }

/** Username Text Designs **/ /* HydroDoesWhackyStuff */ a[href$=":ydroDoesWhackyStuff"], a[href="/wiki/User:ydroDoesWhackyStuff?action=edit"] a[href="/wiki/User:ydroDoesWhackyStuff?so=search&printable=yes"], a[href="/wiki/User:ydroDoesWhackyStuff?oldid=397088"], a[href="/wiki/User:ydroDoesWhackyStuff?action=info"], a[href="/f/u/44196283"] { background-image: url(https://static.wikia.nocookie.net/jjba/images/a/ab/Imageedit_171_3898655540.gif/revision/latest?cb=20220916004541)! Important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* GreenGrassCreeper34 */