MediaWiki:Wikia.css

/*common.css copied for compatibility with new Wikia skin */
 /***** CSS placed here will be applied to all skins on the entire site. *****/
 /* See also:[[MediaWiki:Monobook.css]]*/

/*Left Pi Test*/

.portable-infobox.pi-theme-leftpi {
  margin-right: 8px;
  float: left;
  clear: both;
}


/*Panels Test for Port Infobox*/
 .portable-infobox .pi-section-navigation { display:flex; justify-content: center; flex-wrap:wrap; }
 .portable-infobox .pi-section-navigation::before, 
 .portable-infobox .pi-section-navigation::after { display: none;}
 .portable-infobox .pi-section-tab { flex: auto; margin: 0;} 
 .portable-infobox .pi-section-tab .pi-section-active { box-shadow: none; }
 .portable-infobox .pi-section-label { width: auto; height: auto;  margin: 0; text-align: center; padding: 0px; box-sizing: border-box; justify-content: center; font-size: xx-small;}

/*End of Panel Test*/

 

/*Invisible Template*/


.portable-infobox .pi-theme-mobiletocfix {
    border-width: 0;
    padding: 0;
    margin: 0;
    align:left;
    float:left;
}
 
.portable-infobox.pi-theme-mobiletocfix .pi-item-spacing {
    padding: 0;
    align:left;
    float:left;
}

/* ------ */



/*Portable Theme Infobox Edit*/

.portable-infobox.pi-theme-theworldB {
 width:400px;
 }

.portable-infobox.pi-theme-theworld {
 width:100%;

    align:left;
    float:left;
    border-width: 0;
    padding: 0;
    margin: 0;
 }
 
.portable-infobox.pi-theme-theworld .pi-image-thumbnail
 {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: 100%;
 
 }
.portable-infobox.pi-theme-theworld .pi-header {
 text-align: center;
 width:100%}

/*Portable Theme Infobox Edit End*/

   


/*Portable Infobox Edits*/
 .portable-infobox  h2 {
 text-align:center;
 min-width:auto;
 max-width:auto;
 border: 1px solid
 border-radius: 5px;
 position:absolute;
 object-fit:contain;
 margin-top:auto;
 padding: 0;

}
.portable-infobox .pi-image-thumbnail
 {
 max-width: 95.5%;
 height:auto;
 overflow: auto;
}

 
 .portable-infobox .pi-header { width:auto;
 text-align: center;
 }

/*Portable Infobox Edits End*/


/*Portable Image Infobox Edit*/

.portable-infobox .pi-image img {
    min-width: 5%;
    max-width: 100%;
    min-height: 100%;
    margin:0;
    overflow:scroll;
   
}

/*Portable Image Infobox Edit End*/




/*Image Article Mod*/

diff --git a/app/styles/module/article/_portable-infobox.scss b/app/styles/module/article/_portable-infobox.scss
index 99ece6166..bcd45c049 100644
--- a/app/styles/module/article/_portable-infobox.scss
+++ b/app/styles/module/article/_portable-infobox.scss
@@ -112,6 +112,7 @@ $group-header-font-size: 16px;
                .article-media-placeholder {
                        height: auto;
                        max-height: 100%;
+                       object-fit: contain;
                        width: 100%;
                }

/*Image Article Mod End*/



/*Mark redirects in Special:Allpages and Special:Watchlist */
 .allpagesredirect { font-style: italic; }
 .watchlistredir { font-style: italic; }
 /* Giving headers and TOC a little extra space */
 h2 {margin-top: 20px;}
 .toc {margin-top: 20px;}
 
 /** Headers **/
 /*** Makes the level 2 heading for a texture change flag ***/
 .WikiaArticle h2 {
    left: -16px;
    position: static;
    background-image: url('https://images.wikia.nocookie.net/dothack/images/8/8c/150863599873808.png');
    background-color: transparent;
    background-position: left bottom;
    border-bottom: none;
    color: #00eccc;
    font-size: 1.45em;
    line-height: 22px;
    padding: 3px 3px 3px 3px;
 }
 /* Image - User profile background*/
 .UserProfileMasthead .masthead-info {
    background: transparent
 url(https://vignette.wikia.nocookie.net/dothack/images/e/e3/Hack-profile.png/revision/latest?cb=20171113002046) no-repeat top right;
    overflow:hidden;
 }


/* Image - User profile background End*/
 

/*Tabber Edits*/


/* tabber overrides*/
 
.tabberlive .tabbertab {
border: 0 transparent !important;
border-top:0 !important;
background-color: transparent !important;
}
 
ul.tabbernav {
 border-bottom: 0 transparent !important;
 font: bold 14px bold Arial, sans-serif !important;
}
 
ul.tabbernav li a:link { color:#cbcbcb !important; }
ul.tabbernav li a:visited { color:#cbcbcb !important; }
 
ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a {
color:#cbcbcb !important; 
border: 1px transparent solid !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(43,4,0) 100%) !important; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(1, rgb(43,4,0))) !important; 
}
 
ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important;  color: #9f9f9f !important; outline-style: none !important; }
 
ul.tabbernav li.tabberactive a {
border-bottom: 1px solid #000000 !important; 
}
 
/* end of tabber overrides*/
 
/***Tabbers Crossing Wiki References***/
/* Active Tabber */
ul.tabbernav li.tabberactive a {
   background-image: -moz-linear-gradient(top, #00302e 75%, #00ffbf 80%) !important;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #00302e), color-stop(80%, #00ffbf)) !important;
   background-image: -o-linear-gradient(top, #00302e 75%, #00ffbf 80%) !important;
   background-image: -ms-linear-gradient(top, #00302e 75%, #00ffbf 80%) !important;
   border-radius: 10px 10px 0 0 !important;
   -moz-border-radius: 10px 10px 0 0 !important;
   -webkit-border-radius:10px 10px 0 0 !important;
   color:white !important;
   box-shadow:0 0 5px white inset !important;
   -moz-box-shadow:0 0 5px white inset !important;
   -webkit-box-shadow:0 0 5px white inset !important;
}
 
/* Tabber Active II */
ul.tabbernav li.tabberactive a:hover {
   background-image: -moz-linear-gradient(top, #00302e 75%, #00302e 80%) !important;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #00302e), color-stop(80%, #00ffbf)) !important;
   background-image: -o-linear-gradient(top, #00302e 75%, #00ffbf 80%) !important;
   background-image: -ms-linear-gradient(top, #00302e 75%, #00ffbf 80%) !important;
   border-radius: 10px 10px 0 0 !important;
   -moz-border-radius: 10px 10px 0 0 !important;
   -webkit-border-radius:10px 10px 0 0 !important;
   color:white !important;
   box-shadow:0 0 10px white inset !important;
   -moz-box-shadow:0 0 10px white inset !important;
   -webkit-box-shadow:0 0 10px white inset !important;
}
 
/* Tabber inactive */
ul.tabbernav li a {
   background: #00302e !important;
   transition-timing-function: ease-out !important;
    -webkit-transition-duration: 0.4s !important;
       -moz-transition-duration: 0.4s !important;
        -ms-transition-duration: 0.4s !important;
         -o-transition-duration: 0.4s !important;
            transition-duration: 0.4s !important;
    -webkit-transition-duration: 0.4s !important;
       -moz-transition-duration: 0.4s !important;
        -ms-transition-duration: 0.4s !important;
         -o-transition-duration: 0.4s !important;
            transition-duration: 0.4s !important;
   color:white !important;
} 
 
/* Tabber inactive II */
ul.tabbernav li a:hover {
   background: #00302e !important;
   -moz-box-shadow:0 0 10px #00ffbf inset !important;
   -webkit-box-shadow:0 0 10px #00ffbf inset !important;
   box-shadow:0 0 10px #00ffbf inset !important;
}
</center>
<syntaxhighlight lang="javascript">
var SocialMediaButtons = { 
	position: "top",
	colorScheme: "dark"
};
//<syntaxhighlight lang="javascript">
 
/*Tabber Edits End*/
 
 
 
 /* Gallery Add Image Button off (Credit to Once Upon A Time Wiki)*/
 .wikia-photogallery-add { display: none !important; }
 /** Tabbers **/
 .tabberlive > .tabbernav > li > a {
 background: #00302e !important; /* tabber title */
 color: #FFFFFF !important;
 }
 .tabberlive > .tabbernav > li:hover > a {
 background: #00302e !important; /* tabber title when hovering */
 color: #FFFFFF !important;
 }







 /* Infobox template style */
 .infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: inherit;
   clear: right;
 }
   
 
 .infobox td,
 .infobox th {
   vertical-align: auto;
 }
 .infobox caption {
   font-size: larger;
   margin-right: 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;
     background-color: #f9f9f9; 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 { display: flex; justify-content: center; } 
 
 
 /* Recent changes byte indicators */
 .mw-plusminus-pos { color: #006500; }
 .mw-plusminus-neg { color: #8B0000; }
 /* Image frame fix */
 div .tright, div .tleft {
    border: 2px double #00471c;
 }
 div.thumb {
    margin: 2px;
    margin-left: 6px;
 }
 div .thumbinner {
    background: inherit;
    border: none;
 }
 
#article div.thumb {
    color:inherit;
 }
 /* === 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;
 }
 /* Removing header stuff on main page */
 body.page-_hack_Wiki  h1.firstHeading, body.page-_hack_Wiki #contentSub {
  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;
 }
 /* Editing the new forum system with board images. */
 ul .boards .board {
  padding-left: 120px;
  background-position:15px center;
 }
 /* 10845-NEW_CAPTURE*/
 .board-10845 {
  background: url("https://vignette.wikia.nocookie.net/dothack/images/1/15/Makoto-san.jpg/revision/latest?cb=20121012070127") no-repeat scroll;
 }