mNo edit summary |
mNo edit summary |
||
| Line 53: | Line 53: | ||
width:100%; |
width:100%; |
||
border: 1px solid; |
border: 1px solid; |
||
| − | border-radius: 5px; |
+ | border-radius: 5px; |
| + | padding:0px;} |
||
.portable-infobox.pi-theme-theworld .pi-image-thumbnail |
.portable-infobox.pi-theme-theworld .pi-image-thumbnail |
||
{ |
{ |
||
| Line 60: | Line 61: | ||
width: auto; |
width: auto; |
||
height: 100%; |
height: 100%; |
||
| + | |||
| − | float: center; |
||
} |
} |
||
.portable-infobox.pi-theme-theworld .pi-header { |
.portable-infobox.pi-theme-theworld .pi-header { |
||
Revision as of 10:10, 16 January 2021
/*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]]*/
/*Panels Test for Port Infobox*/
.portable-infobox .pi-section-navigation { display: inline-flex; justify-content: center; }
.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: 100%; height: auto; padding: 4px 8px; box-sizing: border-box; justify-content: center; }
.portable-infobox .pi-image img {
min-width: 50%;
max-width:100%;
min-height: 100%;
overflow: scroll;
}
/*Invisible Template*/
.portable-infobox.pi-theme-mobiletocfix {
border-width: 0;
padding: 0;
margin: 0;
}
.portable-infobox.pi-theme-mobiletocfix .pi-item-spacing {
padding: 0;
}
/* ------ */
/*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%;
}
/*Portable Theme Infobox Edit*/
.portable-infobox.pi-theme-theworld {
width:100%;
border: 1px solid;
border-radius: 5px;
padding:0px;}
.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 Infobox Edits*/
.portable-infobox h2 {
width:auto;
border: 1px solid
border-radius: 5px;
position:initial;
object-fit:contain;
margin-top:auto;
}
.portable-infobox .pi-image-thumbnail
{
max-width: 95.5%;
height:auto;
overflow: auto;}
.portable-infobox .pi-header { width:auto;
text-align: center;
}
.pi-europa.portable-infobox { width: auto; }
/*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;
}
/* tabber overrides*/
.tabberlive .tabbertab {
border: 0 transparent !important;
border-top:0 !important;
background-color: transparent !important;
display:flex;}
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;
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;
}
/* 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: none;
}
.infobox td,
.infobox th {
vertical-align: auto;
}
.infobox caption {
font-size: larger;
margin-left: 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;
}
.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;
}