Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*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]]*/
/*Game css*/
.ui-widget-header {
background: transparent; border: none;
}
.scroll-bar {
border-radius: 0px;
}
.scroll-bar-wrap {
width: auto;
margin: 0 25px 4px 25px;
padding: 4px;
background: transparent;
border: none;
}
.ui-slider {
border: 1px solid #333;
box-shadow: 0 0 4px #333;
background: transparent;
}
.scroll-bar-wrap .ui-slider-handle {
margin-top: 1.5px;
background: black;
border: none;
}
.scroll-bar-wrap .ui-slider-handle:hover {
cursor: pointer;
}
.game-slider {
overflow: hidden;
white-space: nowrap;
width: auto;
padding-bottom: 10px;
}
.game-slider * {
margin: 0; padding: 0;
}
.game-slider figure {
display: inline-block;
}
.game-content-main {
background: rgba(0,0,0,0.5)
}
.game-content {
width: 100%;
height: 290px;
padding: 5px
}
.game-content > div.floatleft {
margin-right: 5px;
margin-bottom: 0
}
.game-content > h3 {
font-size: 20px;
margin-top: .2em;
margin-bottom: .45em;
padding-left: 7px
}
.loader {
position: absolute;
top: 50%;
left: 50%;
border: 5px solid #f3f3f3;
border-radius: 50%;
border-top: 5px solid #3498db;
width: 20px;
height: 20px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.game-slider a {
position: relative
}
.game-slider a.content-active::before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(0,0,0,0.5);
position: absolute;
top: 112px;
left: 61px
}
.portal_metro#portal_slider,.portal_metro#portal_slider .portal_body {
border: none !important;
border-radius: 0 !important
}
.portal_metro .toc {
display: none
}
.portal_container {
display: inline-block;
margin-bottom: 15px;
position: relative;
width: 100%
}
.portal_metro:before {
background-color: rgb(0,0,0);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -2
}
.portal_metro {
border: none
}
.portal_metro .portal_body {
overflow: hidden;
padding: 0 10px
}
.portal_metro .portal_metro {
border: none
}
.portal_metro.ui-tabs .ui-tabs-panel {
padding: 0
}
.portal_metro#portal_slider,.portal_metro#portal_slider .portal_body {
padding: 0
}
.portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {
font-family: "Segoe UI",Helvetica,Verdana;
font-weight: normal;
text-align: left;
text-shadow: 0 0 2px rgba(64,0,0,0.5),-1px -1px rgba(64,0,0,0.5),1px 1px rgba(64,0,0,0.5);
width: 100%
}
.portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
text-transform: uppercase
}
.portal_metro .portal_header_text {
font-size: 2em;
padding-top: 15px
}
.portal_metro [class^=portal_sliderlink] {
font-size: 1.6em
}
.portal_metro .portal_header {
margin-bottom: 6px;
padding: 0;
position: relative
}
.portal_metro .portal_header_text {
border-bottom: none;
padding-left: 15px
}
.portal_metro .portal_headerlinks {
font-size: 0.8em;
padding-bottom: 2px;
position: absolute;
right: 1em;
top: 1em;
z-index: 1
}
.portal_metro .portal_header,.portal_metro .portal_header a:link,.portal_metro .portal_header a:visited,.portal_metro .portal_header a:hover,.portal_metro .portal_header a:active {
color: rgb(192,0,0)
}
.portal_metro [class^=portal_sliderlink] .portal_slidertext {
bottom: 10px;
left: 10px;
position: absolute;
pointer-events: none
}
.portal_metro#portal_slider .portal_navlink {
display: none
}
.portal_metro#portal_slider {
overflow: hidden;
position: relative;
height: 255px;
margin-right: 10px
}
.portal_metro#portal_slider .portal_navlink {
bottom: 8px;
display: block;
left: 8px;
position: absolute;
z-index: 2
}
.portal_metro#portal_slider .portal_navlink img {
opacity: 0.3
}
.portal_metro#portal_slider .portal_navlink img:hover {
opacity: 0.8
}
.portal_metro#portal_slider .portal_header {
height: 50px;
position: absolute;
right: 10px;
width: 100px
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
padding: 0
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
border: none
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel {
left: 175px;
position: absolute;
top: 0;
overflow-y: scroll;
right: 0
}
.ui-tabs-panel::-webkit-scrollbar {
width: 12px
}
.ui-tabs-panel::-webkit-scrollbar:disabled {
display: none
}
.ui-tabs-panel::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.5)
}
.ui-tabs-panel::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.25)
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
float: left;
padding: 0;
width: 175px
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li {
border-bottom-width: 1px !important;
border-right-width: 0 !important;
clear: left;
cursor: pointer;
margin: 0;
top: 0;
width: 100%
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
padding: 0
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
background: none;
display: block;
font-size: 18px !important;
padding: 0.35em 0 0.35em 0.5em;
width: 100%
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {
background: none;
cursor: pointer;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after {
content: "";
height: 100%;
overflow-y: hidden;
width: 100%
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before {
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before,.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after,.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default {
background-color: rgba(0,0,0,0.6);
background-image: none;
border: none
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
background-color: transparent
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {
background-color: transparent
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
width: 100%
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
border-right-width: 1px;
padding-bottom: 0
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul {
margin: 0;
padding-left: 5px;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
list-style: none;
padding: 0.1em 0 0.1em 0.4em;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {
color: rgb(255,255,255);
display: block;
font-size: 16px;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
border-bottom: none;
color: rgb(192,0,0);
font-size: 1.4em;
margin-top: 0;
padding: 1em 0 0 1em;
text-transform: uppercase
}
.portal_metro.portal_main .portal_sliderlink-2 {
height: 255px;
left: 0;
top: 0
}
.portal_metro.portal_main .portal_sliderlink-3 {
height: 100px;
right: 0;
top: 0
}
.portal_metro.portal_main .portal_sliderlink-4 {
height: 100px;
right: 0;
top: 100px
}
.portal_metro.portal_main .portal_sliderlink-5 {
height: 55px;
right: 0;
top: 200px
}
.portal_metro.portal_main .portal_sliderlink-2 .portal_slidertext {
display: block;
left: 10px;
bottom: 10px;
margin-bottom: 0
}
.portal_metro.portal_main [class^=portal_sliderlink] {
cursor: pointer;
overflow: hidden;
position: absolute;
width: 200px;
z-index: 0
}
.portal_metro.portal_main,.portal_vtab.ui-tabs-vertical,.portal_vtab.ui-tabs-vertical .ui-tabs-nav,.portal_vtab.ui-tabs-vertical .ui-tabs-panel {
height: 255px
}
.portal_metro.portal_main .portal_sliderlink-2 {
width: 100%
}
.portal_metro.portal_main [class^=portal_sliderlink]:before {
background-color: rgb(0,0,0);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.portal_metro.portal_main [class^=portal_sliderlink_bg] {
background-repeat: no-repeat;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.portal_metro.portal_main [class^=portal_sliderlink]:hover {
opacity: 1
}
.portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
font-size: 20px !important;
line-height: 1;
margin: 0;
color: #fff
}
/*Game css end*/
/*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: auto; height: auto; padding: 4px 8px; box-sizing: border-box; justify-content: center; font-size:xx-small;}
.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-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 Infobox Edits*/
.portable-infobox h2 {
width:auto;
border: 1px solid
border-radius: 5px;
position:absolute;
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;
}