MediaWiki:Fandomdesktop.css

/*** Styles for Fandom Desktop ***/ /* Drop-shadow to make community name and top-level nav readable against full-size background image */ .main-container .fandom-community-header__community-name-wrapper, .main-container .fandom-community-header__local-navigation .wds-tabs__tab-label { filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 2px #000000); } .main-container .fandom-community-header__top-container .page-counter, .main-container .fandom-community-header__top-container .wds-button, .main-container .fandom-community-header__top-container .wds-button .wds-icon, .main-container .fandom-community-header__image { filter: drop-shadow(0px 0px 1px #000000) drop-shadow(0px 0px 1px #000000) drop-shadow(0px 0px 1px #000000); }

/*Left Pi Test*/

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

/*Panels Test for Port Infobox*/ .portable-infobox .wds-tabs { display:flex; justify-content: center; flex-wrap:wrap; } .portable-infobox .wds-tabs::before, .portable-infobox .wds-tabs::after { display: none;} .portable-infobox .wds-tabs__tab { flex: auto; margin: 0;} .portable-infobox .wds-tabs__tab .wds-is-current { box-shadow: none; } .portable-infobox .wds-tabs__tab-label { width: 100%; height: auto; margin: 0; text-align: center; padding: 0; box-sizing: border-box; justify-content: center; font-size: xx-small;} /*Additonal Mods*/ .portable-infobox .wds-tabs .pi-data {display: flex; align-items: center; /* vertically align items or text */ justify-content: center ; /* horizontally aligns items or text */} .portable-infobox .wds-tabs__tab .pi-data {display: flex; align-items: center; /* vertically align items or text */ justify-content: center ; /* horizontally aligns items or text */} .portable-infobox .wds-tabs__tab-label .pi-data {display: flex; align-items: center; /* vertically align items or text */ justify-content: center ; /* horizontally aligns items or text */ } /*End of Panel Test*/

/*Invisible Template*/

.portable-infobox .pi-theme-mobiletocfix { border:0; border-width: 0; padding: 0; margin: 0; cell-padding: 0; width: 0; height: 0; display: hidden; visibility: hidden; position: absolute; top: -9999px; } .portable-infobox.pi-theme-mobiletocfix .pi-item-spacing { padding: 0; }

/* -- */

/*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 { min-width:350px; max-width: 100%; max-height: 100%; width: auto; height: 100%; }

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

/*Portable Theme Infobox Edit End*/

/*Portable Infobox Edits*/ .portable-infobox h2 { min-width: auto; max-width: auto; margin: 0; border: 0; padding: 0; clear: both;

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

.portable-infobox .pi-header { width:100%; 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*/

.pi-europa .pi-image-collection-tabs { text-align: center; }

.pi-infobox .pi-image-collection-tabs { text-align: center; }

/*Image Article Mod*/ .article-media-placeholder { height: auto; max-height: 100%; 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: 100%; 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; }

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

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

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