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; }  var SocialMediaButtons = { position: "top", colorScheme: "dark" }; // /*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; }   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; }
 * 1) article div.thumb {