MediaWiki:Wikia.css

/*============================ Code borrowed from Danganronpa (Attributed to Fubuki風吹 ), Toriko and Tardis Wikia

=
=================*/

/* ===================    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:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

@import url("http://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext");

/* Version 2.1 January 2013 iling large chunks of this CSS file into their own separate files, because the amount of styling became a little too much to comprehend at once. This will hopefully pave the way for a general cleaning of the code, in preparation for re-integration and minifying into a leaner, faster-loading version

--CzechOut, principal author

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/**********************************/ /*           MAINPAGE            */ /**********************************/

.WikiHeader { font-family: 'Roboto Slab'; background: url(http://img4.wikia.nocookie.net/__cb20140713190524/jjba/images/2/28/WikiHeaderJojo2.png); }

border:4px solid #d71820 !important; border-radius:15px; -moz-border-radius:15px; box-shadow:3px 3px 10px #000,-3px 3px 10px #000,3px -3px 10px #000,-3px -3px 10px #000; }
 * 1) WikiaPageBackground {

/*#WikiaPageHeader h1, #WikiaUserPagesHeader h1, h1#firstHeading { background-color:#d71820; 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(""); 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("") no-repeat top center; border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* Hide "Image added by" on articles */ .WikiaArticle .article-thumb .attribution { display: none; }

/**********************************/ /*       WIKI NAVIGATION         */ /**********************************/ .nav-item.marked { border-radius:6px 6px 0 0 !important; -moz-border-radius:6px 6px 0 0 !important; } .nav-item.marked > a { border-top-color:transparent !important; } .subnav-2-item.marked2 .subnav-2a { border-radius:6px 6px 0 0 !important; -moz-border-radius:6px 6px 0 0 !important; } .subnav-2a { transition:0.2s all linear; -webkit-transition:0.2s all linear; border-radius:6px; -moz-border-radius:6px; } .subnav-2a:hover { background:#eee; color:#000 !important; } .subnav-3.subnav { border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; margin-top:1px !important; } .navbackground { border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; background-image:url(''); background-repeat:no-repeat; background-position:460px -70px; } .navbackground div { background:inherit !important; width:0 !important; } .navbackground .chevron { display:none; } /* END */

.activityfeed>li:not(:first-child) { border: none !important; padding-bottom: 2%; background: url("http://images3.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; background-size: contain; } .activityfeed>li { border-bottom: none; background: url("http://images3.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(#d71820,#cc4040); background:-moz-linear-gradient(#d71820,#cc4040); background:-o-linear-gradient(#d71820,#cc4040); background:linear-gradient(#d71820,#cc4040); border:0px solid #000; color:#FFF; font-family:Roboto Slab; } .WikiaFooter section { border:1px solid #d71820 !important; background-image:url('http://static1.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; }

.navbackground { background-image:url(''); background-repeat:no-repeat; background-position:460px -70px; }

/* Masthead-info background banner */ .UserProfileMasthead .masthead-info { background:#FFFFFF url('http://jjba.wikia.com/wiki/Special:FilePath?file=Jojouserbg.png') no-repeat top right; overflow:hidden; }

.WikiaSearch input[type="text"] { background: #FFFFFF url(http://img1.wikia.nocookie.net/__cb20140713191840/jjba/images/8/8e/Paisley_search.gif) no-repeat right top !important; border: 1px solid #d71820; border-radius: 6px; color: #FF82AB; margin-right: 4px !important; } /* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }
 * 1) showdate a { color: white !important; }

/**********************************/ /*          RIGHT RAIL           */ /**********************************/ border:1px solid #d71820 !important; border-radius:8px; margin-right:3px; margin-left:3px; background-image:url('http://static1.wikia.nocookie.net/jjba/images/f/f5/Diamondbg.png') !important; background-position:bottom !important; background-repeat:no-repeat; } padding-bottom:1px; border-bottom:1px solid #d71820; } position:absolute; right:0px; bottom:0px; background:#d71820; color:#fff; padding:2px; } .LatestPhotosModule .carousel-container { margin-bottom:5px; } div.chat-whos-here { border:1px solid #d71820 !important; border-radius:10px; -moz-border-radius:10px !important; } section.WikiaActivityModule ul li img.sprite { display:none !important; } section.WikiaActivityModule ul li { background-image:url('http://static3.wikia.nocookie.net/jjba/images/8/88/Recent-icon.png') !important; background-position:left !important; background-repeat:no-repeat !important; } div.carousel-container div img.avatar { border:1px solid #d71820 !important; } li.see-all a { color:#fff !important;background:#d71820 !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #FF82AB !important; } /* END */
 * 1) WikiaRail .module {
 * 1) WikiaRail .module h1 {
 * 1) WikiaRail .module .more {

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

/*-- 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: "Raleway" sans-serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

ul.tabbernav li a { padding: 1px 0.5em; 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-color: #000; border-bottom: 1px solid #d71820; }

ul.tabbernav li a:hover {	color: #FFFFFF !important; border: transparent !important; background-image: -webkit-gradient( linear, left bottom, left top,		color-stop(1, #d71820),		color-stop(0, #f0f0f0)) !important; }

ul.tabbernav li { color: #FFFFFF !important; border: transparent !important; background-image: -webkit-gradient( linear, left bottom, left top,		color-stop(1, #d71820),		color-stop(0, #f0f0f0)) !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: #d73238; 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: white; 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: #d71820; color: white; font-weight: bold; }

.navbox .navbox-title a, .navbox .navbox-footer a { color: #efefef !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: 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: #d71820; text-align: center; } .navbox .navbox-image { background: white; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #d71820; 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: 1em; min-width: 150px; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid white; } .navbox-image-right { border-left: 2px solid white; } .navbox .navbox-list { background: #fff0f5; 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:2px 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: "Raleway", sans-serif; color: #000; }

/* ++++++++++++++++++    HEADLINE STYLING IN    THE RAIL ++++++++++++++++++ */

.WikiaPagesOnWikiModule h1, .WikiaActivityModule h1, .WikiaBlogListingBox h3, .CommunityCornerModule h1, .GamingCalendarModule h1, .WikiaFooter h1, .ChatModule h1, .ChatModule h2, .FollowedPagesModule h1, .LatestQuestionsModule h1, .UserProfileAchievementsModule h1, .WikiaLatestEarnedBadgesModule h1, .WikiaSpotlightsModule h1, .HotSpotsModule h1, .RelatedVideosModule h1, .LatestPhotosModule > h1.tight, .LatestPhotosModule > .WikiaRail .module h2.tight, .WikiaRail .module .LatestPhotosModule > h2.tight, .LatestPhotosModule > .WikiaRail #RIGHT_SKYSCRAPER h2.tight, .WikiaRail #RIGHT_SKYSCRAPER .LatestPhotosModule > h2.tight, .WikiaRail .videos-module-rail h1 { font-family: "Raleway", sans-serif; letter-spacing:3px; font-weight:normal; line-height:16px; font-size:14px!important; color:#000; }

.WikiaRail .module { text-transform:none; letter-spacing:.025em; font-weight:normal; line-height:16px; font-size:14px; color:#000; }

/* =-=-=-=-=-=-=-    SPECIFIC MODULES =-=-=-=-=-=-=- */

/* +++++++++++++++    WIKIA ACTIVITY MODULE +++++++++++++++   this used to also control a thing directly under the page title, but that aspect seems to have been disabled in June 2011 by Wikia ++++++++++++++++ */

.WikiaActivityModule { border:2px solid #d71820; color:#d71820; padding:5px; font-family: "Roboto Slab", sans-serif; text-align:left; line-height:120%; margin-left:0; margin-right:0; margin-top:5px; -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; }

.WikiaActivityModule a, .WikiaActivityModule a:link { font-weight:bold; }

.WikiaActivityModule more { font-weight:normal; }

/* This affects "edited by" and "minutes ago" */

.WikiaActivityModule .edited-by { font-size: 10px; font-style:normal; margin-top: 1px; font-family: "Raleway" sans-serif; color:#000; }

/* This affects the name of the person who edited the article */

.WikiaActivityModule .edited-by a { font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:2px; margin: 0; font-style:normal; }

.WikiaActivityModule .edited-by a:hover { font-weight: normal; }

.WikiaActivityModule h1.activity-heading { font-family: "Raleway", sans-serif; text-transform:uppercase; letter-spacing:3px; margin: 0px 0px 3px 0px; font-weight:normal; font-size:1.2em; color:#012c57; }

/**********************************/ /*         CHAT MODULE           */ /**********************************/

.ChatModule .chat-name { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; letter-spacing:1px; /*text-transform:uppercase;*/ }

.ChatModule h1.chat-headline span:first-child { font-family: "Roboto Slab", sans-serif; font-size:.2em; width:100px; } /**********************************/ /*          PAGE FONT            */ /**********************************/ .WikiaArticle, .WikiaPage { line-height:3em; font-size:1em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; } .WikiaPageHeader { padding-bottom:0!important; }
 * 1) WikiaPageHeader,

.WikiaPageHeader h1 { font-family:"Raleway", sans-serif; font-weight:400; font-size:3.5em; text-transform:none; line-height:120%; letter-spacing:-.0125em; padding-bottom:0 } .WikiaPageHeader h2 { border: medium none; font-size: .8em; font-family: "Roboto Slab", sans-serif; text-transform: uppercase; font-style: normal; letter-spacing:2px; margin-left: 3px; color: #000; } .WikiaPageHeader h2 a { color:#000 }

.WikiaPageHeader em { font-family: "Raleway", sans-serif; }

.WikiaArticle h2, .WikiaArticle h3 { padding-top: 10px; font-family:"Roboto Slab", sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:2px; }

h3,h4,h5,h6 { font-family:"Roboto Slab", sans-serif; font-weight:600; text-transform:none; letter-spacing:2px }

.WikiaArticle li, .WikiaPage li { line-height:130%; }

/* =============  Protecting against Wikia defining the top margins of sectional headlines, as they did on   10 Jan 2012 =============== */ .WikiaArticle h1, .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { margin-top:auto }

/* =================    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 #d71820; float:center; clear:center; background-image:url('http://static1.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; width:400px; min-width:370px; border-radius:10px; font-family: 'Roboto Slab', sans-serif; text-align:left; } .toc a, .WikiaArticle .toc a { }
 * toc,
 * 1) 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; } /*  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: "Roboto Slab", 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; }