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

.mainpage .WikiaPage { background: #000000 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:Verdana; } .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 {

/**********************************/ /*         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 Verdana, 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: #fff; text-decoration: none; }

ul.tabbernav li a:link { color: #d71820; } ul.tabbernav li.tabberactive a:link { color: #000; } ul.tabbernav li a:visited { color: #d71820; }

ul.tabbernav li a:hover { color: #fff; background: #d71820; border: 1px solid #111; }

ul.tabbernav li.tabberactive a { background-color: #d71820; border-bottom: 1px solid #d71820; }

ul.tabbernav li.tabberactive a:hover { color: #999; background: #d71820; border-bottom: 1px solid #d71820; }

/*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:5px; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #111; border-top:0;

/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */

/* overflow:auto; */ }

/* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } */

/**********************************/ /*   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: "Raleway", 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: "Roboto Slab", sans-serif; color:#000; letter-spacing:2px; text-transform:uppercase; }

.ChatModule h1.chat-headline span:first-child { 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 }

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