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; } Should have been disabled a while ago, since this was pretty broken even before UCP move. */

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

/*************/ /* MAIN PAGE */ /*************/

/* H2 Header CSS */ /* replaces inline-styling that has been used for ages */ /* The replacement is taking place as a result of pertinent CSS tweaks for FandomDesktop Main Page ver */

.lcs-container h2 { background-color: #4e1804; padding: 0.2em 0.4em; margin: 0 0 10px 0; border-radius: 7px; color: white; font-variant: small-caps; text-align: center; text-shadow: 1px 3px 3px black; font-weight: bold; font-size: 140%; }

.rcs-container h2 { background-color: #4e1804; padding: 0.2em 0.4em; margin: 0 0 10px 0; border-radius: 7px; color: white; font-variant: small-caps; text-align: center; text-shadow: 1px 3px 3px black; font-weight: bold; font-size: 140%; }

/**********************************/ /*         Black glow            */ /**********************************/ /* post-UCP attempt to apply to both .WikiaPageContentWrapper and #userProfileApp, except modified in the latter case--somehow so that modifications are enabled only .WikiaPage___ is adjacent to userProfileApp. */

border-left: 2px solid #8B0000; border-right: 2px solid #8B0000; border-top: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
 * 1) userProfileApp+.WikiaPageContentWrapper {

.WikiaPage #userProfileApp { border-top: 2px solid #8B0000; border-left: 2px solid #8B0000; border-right: 2px solid #8B0000; border-bottom: none;}

.WikiaPage .WikiaPageContentWrapper { 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; }

/******************************************/ /*  Additional userProfile customizing   */ /******************************************/   border-color: transparent; } /* Should make avatar border transparent w/o affecting border qualities.*/
 * 1) userProfileApp .user-identity-avatar__image {

box-shadow: 5px 5px 10px grey; padding: 5px; } /* Simple experimentation with display. */   color: #941e07; }
 * 1) userProfileApp .user-identity-box__info {
 * 1) userProfileApp .user-identity-header__attributes>h1 {

/**********************************/ /*       Image thumbnails        */ /**********************************/ .thumb { border: transparent; }

.WikiaMainContent .category-page__member-thumbnail { box-sizing: border-box; height:inherit; width: 40px; }

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

.portable-infobox ol, .portable-infobox ul { margin:0; }

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

/**************************************/ /* Anon notice regarding file pages  */ /**************************************/ /* See https://community.fandom.com/wiki/Thread:1772517 Adding this PSA to the lightboxes was inspired by https://saintsrow.fandom.com/wiki/User:452 over at the Saints Row Wiki */

.LightboxModal .LightboxHeader:after { content: "File pages can no longer be accessed without an account."; font-size: larger; float: right; margin-top: -1em; background: #9844a7; font-weight: bold; color: whitesmoke; padding: 1px 5px; }

/*******************************/ /* 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 { padding-top: 0; }

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

/**********************************/ /* 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... */

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

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

.tableHVR th { text-align: center; background: #BA9D7F; color: black; border-collapse: collapse; padding: 5px 2px; } .tableHVR 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        */ /**********************************/ /* Issue: no cell appears for blank input */ .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.forum_title, th.forum_edited, th.forum_editor { text-align: center; background: #BA9D7F; color: black; border-collapse: collapse; padding: 5px 2px 5px 20px; } .forumlist td span { display: block; padding-left: 10px; font-size: smaller; } .forumlist td span a { text-decoration: none; } .forumlist td span.forum_editor { padding-left: 30px; background-color: #D4C2B0; text-align: left; color: black; border-bottom: 1px solid #b89571; } .forumlist td.forum_edited a { text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title span a { padding-left: 0; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://images.wikia.nocookie.net/main-page-demo/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 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; }

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

/***********************************/ /* Audio Player: No more info icon */ /***********************************/ /* Aug 20, 2000: .ogg file player is failing to display post-UCP migration; known issue */ /* #ogg_player_1_options_link { display:none !important; } /* 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); }