MediaWiki:Wikia.css

/**********************************/ /* Background image              */ /**********************************/ body { background: url(https://images.wikia.nocookie.net/baccano/images/e/ee/Wiki-background-ladyshift2.png) top center no-repeat; background-attachment: fixed; color:#000000; }

.WikiaPage { background: url("https://images.wikia.nocookie.net/baccano/images/3/39/045.jpg") repeat; } .WikiaPage .WikiaPageBackground{ background: transparent; }

/**********************************/ /*     Portable Infoboxes        */ /*  note: check for negation/cancelling   */ /**********************************/ .portable-infobox .pi-title { text-align: center; margin-bottom:-3px; }

/* Revisiting; testing regular customization normal padding was 5px 10px and border 1px pre-this edit 4px->3px test*/

.portable-infobox .pi-item-spacing { padding: 3px 5px;}

ul.pi-image-collection-tabs {font-size: 13px} /*border: 0 solid #c9a79a; */ ul.pi-image-collection-tabs li {border: 0.5px solid #c9a79a; margin: -2px 0}

/**********************************************************************/ /* Infobox Tabbing customization test, with info courtesy of TableWiz */ /* Now trying out Unai's code (thanks!) with regard to recent issues (tab colors) + having img edge meet infobox edge              */ /**********************************************************************/ .portable-infobox .tabberlive .tabbertab { padding: 0 !important; border: 0 !important; } .portable-infobox ul.tabbernav {margin: 0; padding: 1px 0; font: bold 14px Helvetica; color: #3a3a3a; border-bottom: #d3c3b7;} .portable-infobox ul.tabbernav .tabberactive a:link { background-color: #c9a79a !important; border:0; color: #000; font-weight: bold; } .portable-infobox ul.tabbernav li a:link { background-color: #d3c3b7 !important; border: 0; color: #3a3a3a; font-weight: lighter; } .pi-navigation { background-color:#d3c3b7; text-align:center; padding:0;} .pi-navigation img { margin-bottom: 5px; margin-top: 10px; transform: scale(1.065); }

/*******************************/ /* Testing ultra-specific class for scaling an image */ /* Specific as in 'for one, specific image' */ /* I was and am still interested in alternatives, i.e implementing a transformative template parameter.*/ /******************************/ .ImageScale1 img { transform: scale(1.008) }

/****************************************************/ /* WIP: testing changing section designs for panels */ /* Test templates for panels: Template:RevTest and Template:RevTest/Alt */ /****************************************************/ .pi-section-label {height: 0;} .pi-panel-scroll-wrapper {   top: -3px; margin-bottom: -3px; }

/****************************************/ /* General tabber CSS (test) Designed intially w/Magic CSS extension */ /****************************************/ /* Border is good for things like the Endings Index, not so good for the Home Video Releases. Need to apply selectively... design a class? #BA9D7F*/ .tabbertab { border: 1px solid #BA9D7F; border: 1px solid rgba(186, 157, 127, 0) !important; }

.tabbernav { background:transparent; background: rgba(186, 157, 127, 0) !important; border-bottom: 3px; border-bottom-color: #BA9D7F !important; }

.tabberlive > .tabbernav > li > a { background: #d3c3b7; color: black !important; border: 1px solid #BA9D7F !important; }

.tabberlive > .tabbernav > li > a:active { background-color: #c9a79a; color: #000; }

.tabberlive > .tabbernav > li > a:hover { background-color: #c9a79a; color: #000; }

.tabberlive > .tabbernav > li.tabberactive > a { background-color: #BA9D7F; color: #000; border: 1px solid #A2876C !important; }

.tabberlive > .tabbernav > li.tabberactive > a:hover { background-color: #c9a79a; color: #000; } .tabberlive > .tabbernav > li.tabberactive > a:active { background-color: #c9a79a; color: #000; }

/********************/ /* testing infobox-type CSS for Template:Infobox character/Alt Test */ /********************/

.type-characteralt .pi-section-label {   text-transform: none; }

/********************/ /* Testing Masthead */ /* test worked, but disabling so I can further experiment in personal CSS*/ /********************/ /* .UserProfileMasthead .masthead-info { background-image: url("https://vignette.wikia.nocookie.net/baccano/images/d/d8/Masthead_Img.png/revision/latest?cb=20180417041910"); } .UserProfileMasthead .masthead-info hgroup { background: #B57A2D; } */

/**********************************/ /* Testing this on behalf of an admin of the Drrr! wiki */ /* disabled */ /**********************************/

/* .community-page-todo-list-module { border-style: dotted solid; } */

/**********************************/ /* Admin username                */ /**********************************/ a[href$="/wiki/User:Revriley"] { color: #C53017 !important; font-weight: bold !important; font-family: Arial !important; }

/*****************************************/ /* UserTags.js req. code + customization */ /*****************************************/

a.tag { color: inherit; }

/**********************************/ /* TableA Class                  */ /**********************************/

.tableA { border-collapse: collapse; border-bottom: #CEB9A3; border-spacing: 2px; margin: 1em 1em 1em 0; }

.tableA th { text-align: center; background: #BA9D7F; color: black; border-collapse: collapse; padding: 5px 2px; } .tableA td { text-align: left; color: black; border-bottom: 1px solid #b89571; background-color: #D4C2B0; padding: 6px 12px; }

/* In hindsight, perhaps editing the default .wikitable was/is a better option... */

/**********************************/ /* CSS for wiki-style forums     */ /* Should resemble tableA        */ /**********************************/ .forumlist { border-collapse: collapse; border-bottom: #CEB9A3; border-spacing: 2px; margin: 1em 1em 1em 0; }

.forumheader { border: 2px solid #695744; background-color: #BA9D7F; margin-top: 1em; padding: 12px; }

.forumlist th { text-align: center; background: #BA9D7F; color: black; border-collapse: collapse; padding: 5px 2px 5px 20px; }

.forumlist td { text-align: left; color: black; border-bottom: 1px solid #b89571; background-color: #D4C2B0; padding: 6px 30px; }

/**********************************/ /* Quote Template CSS            */ /* (Attempt to counter td element)*/ /**********************************/

.cquote { border-collapse: collapse; text-align: left; color: black; }

/**********************************/ /* Black glow                    */ /**********************************/ .WikiaPage { border: 2px solid #8B0000; -moz-box-shadow:0 0 30px #000000; -webkit-box-shadow:0 0 30px #000000; box-shadow:0 0 30px #000000; } .aliencrate-split-skin .WikiaPage { border-top: 2px solid #8B0000; }

/***********************************/ /* Audio Player: No more info icon */ /***********************************/

display:none !important; }
 * 1) ogg_player_1_options_link {

/* Using Inspect - looks like this is the 2nd div, so this should work.*/ .ogg_player > div:nth-child(2) { display:none; }

/* .ogg_player button img { display:none; } */

/*****************************************/ /* Testing book template customatization */ /* Update: Did not work. Disabling      */ /* aside.portable-infobox pi-background pi-theme-wikia pi-layout-default { overflow-x: visible; } aside.portable-infobox .pi-background #eee aside.portable-infobox .pi-secondary-background #cef2e0

/**********************************/ /* Logo Experiment               */ /* Edit: no longer functional due to FANDOM */ /**********************************/ /* .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }