MediaWiki:Wikia.css

/* ==================  Site Design Based of Sun and Moon ================== */

.WikiaSiteWrapper { background-color: rgba(0,0,0,.08); }

.WikiaPage { border: none; }

.WikiaMainContent { border-radius: 10px; }

.WikiaArticle { font-size: 16px; }

.wikia-page-header .header-container, .WikiaArticle h2 { border-bottom: 1px solid rgba(255, 255, 255, 0.75); }

.WikiaRail .module { border: 0; border-radius: 5px; background-color: rgba(18,82,158,.1); }

.WikiaFooter section { border: none; border-radius: 5px; background-color: transparent; }

background-image: none; }
 * 1) SPOTLIGHT_FOOTER {

.discussion-module .discussion-threads .discussion-thread { border: 0; border-radius: 5px; background-color: rgba(18,82,158,.1); }

.discussion-module .discussion-threads .discussion-thread:hover { background-color: rgba(18,82,158,.2); } /* ======================  Pre, Special:CSS Making them more readable ======================= */ .WikiaArticle pre { border:2px solid #154fa0; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; -moz-box-shadow:0 0 5px #154fa0 inset; -webkit-box-shadow:0 0 5px #154fa0 inset; -o-box-shadow:0 0 5px #154fa0 inset; -ms-box-shadow:0 0 5px #154fa0 inset; box-shadow:0 0 5px #154fa0 inset; line-height:140%; width:auto; margin:auto auto auto auto; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; } /* =======================  Right rail & footer ======================= */   .WikiaRail .module, .mainpage-highlight, .community-updates widget-box, .education-links li, .widget-box li { border-radius:5px; background:rgba(18,82,158,.1) !important; }

display:none; } /* ========================  Chat button fix ======================== */
 * 1) WikiaRail > section.community-page-entry-point-module.module > div.community-page-entry-point-logo, div.community-page-entry-point-new {

.ChatModule .chat-join { top:21px; }

/* ========  Wiki nav ======== */ .WikiHeader > nav li > a { border-left: none; }
 * 1) WikiHeader > div.buttons > nav > ul {width:125px; border-top-right-radius:6px;}
 * 2) WikiHeader > nav > ul > li.nav-item.marked {border-radius:10px 10px 0px 0px; }
 * 3) WikiHeader > nav > div {border-bottom-left-radius:10px; border-top-right-radius:4px}
 * 4) WikiHeader > nav > ul > li.nav-item.marked > a {border-top:0px;}
 * 5) WikiHeader > div.buttons > nav > ul {width:125px; border-top-right-radius:6px; }

.navbackground, .nav .nav-item.marked { background:#76b4ff !important; }

border-top:0; color:#FFFFFF; }
 * 1) WikiHeader > nav > ul > li.nav-item.marked > a {

color:#FFFFFF; }   display:none; }
 * 1) WikiHeader > nav > ul > li.nav-item.marked > ul > li > a {
 * 1) WikiHeader > nav > div > div {

border-bottom:0; }
 * 1) WikiHeader > nav > ul > li {

display:none; }
 * 1) WikiHeader > nav > div > img {

.WikiHeader > nav .subnav-2 .marked2 .subnav-2a { color:#3a3a3a }

.masthead-info hgroup { background:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#76B4FF),color-stop(100%,#298bff)); } /* ==================  Media queries These help the design respond better to changes of browser width. in other words, they implement at least rdudimentary responsive design.

=
===== */ @media only screen and (max-width:1023px) { .fpcontainer, .front-page-right-column { width:650px; margin:0 auto; padding-left:100px; } } @media only screen and (min-width:1024px) { .fpcontainer, .front-page-right-column { width:250px; margin: 0 auto; } }

/* ====================================  Below this line are the existing CSS mods as of 12 November ==================================== */

/* New article listing style bullet */ .WikiaArticle ul { list-style:square outside url("http://img1.wikia.nocookie.net/__cb20140826143924/pokemon/images/4/4d/Poke_Ball_bullet.png"); margin:0 0 0.3em 2.5em; }

.ajax-poll { border: 1px solid #AAA; }

/* -*/

/* User Pages */ background:none; }   display:none; }
 * 1) WikiaUserPagesHeader {
 * 1) UserProfileMasthead > div.masthead-info > div.masthead-info-lower::before {

/* User Page Tab Row */ border-top-left-radius:7px; border-top-right-radius:7px; border-radius:7px; padding-bottom:5px; }
 * 1) WikiaUserPagesHeader > div {

border-bottom:none; }
 * 1) WikiaUserPagesHeader > div > ul {

background:transparent !important; border:none; color:black !important; }
 * 1) WikiaUserPagesHeader > div > ul > li.selected > a {

.firstChild li:last-child { display: none; }

.roundy { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -icab-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

div.tabs-container { background:#76b4ff; }

table table tr td { border-radius:20px; }

/*-*/ .portable-infobox { float:right; background-color: #97cbff; -o-border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; width:275px; }

.portable-infobox img { max-width:269px; height:auto; }

.portable-infobox .pi-title { font-weight:bold; border-left:3px solid darkorange !important; border-right:3px solid darkorange !important; border-top:3px solid darkorange !important; border-radius:20px 20px 0 0; }

.portable-infobox .pi-image-collection-tabs, .portable-infobox figure, .portable-infobox .pi-data, .portable-infobox .pi-header, .portable-infobox .pi-horizontal-group { border-left:3px solid darkorange !important; border-right:3px solid darkorange !important; }

.portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { background: darkorange; font-weight:bold; }

.portable-infobox section:last-child > .pi-item-spacing:last-child { padding: 0.5em 10px 1em; }

.portable-infobox .pi-image-collection-tabs { padding:0 0 0.4em !important; margin:0 !important; text-align:center !important; }

.portable-infobox .pi-border-color { border-color:darkorange; }

.portable-infobox .pi-navigation { text-align: center; }

.portable-infobox section:last-child > h2 ~ .pi-item:last-child { border-left:3px solid darkorange !important; border-right:3px solid darkorange !important; border-bottom:3px solid darkorange !important; border-radius:0 0 20px 20px; }

.portable-infobox .pi-tab-link, .portable-infobox > h2 + div + div, .portable-infobox .pi-header, .portable-infobox figure + div { font-style:italic; }

.portable-infobox figure figcaption { display:none; }

.portable-infobox > section:last-child table { border:0 !important; }

.portable-infobox div:hover h3, .portable-infobox td:hover, .portable-infobox li:hover { color:darkorange; }

.portable-infobox div:hover h2, .portable-infobox h2:hover { color:#97cbff; }

h2 ~ .char-poke, h3 ~ .char-poke, h4 ~ .char-poke, h5 ~ .char-poke, h6 ~ .char-poke { width:calc(100%/3 - 2px); float:left; margin:1px; height:170px; text-align:center; }

h2 ~ .char-poke td, h3 ~ .char-poke td, h4 ~ .char-poke td, h5 ~ .char-poke td, h6 ~ .char-poke td { text-align:center; }

h2 ~ .char-poke img, h3 ~ .char-poke img, h4 ~ .char-poke img, h5 ~ .char-poke img, h6 ~ .char-poke img { max-height:120px; width:auto; margin-bottom:0.25em; }

div#mw-content-text .char-poke + h2:not(.pi-item), div#mw-content-text .char-poke + h3:not(.pi-data-label):not(.wds-global-footer__section-header), div#mw-content-text .char-poke + h4, div#mw-content-text .char-poke + h5, div#mw-content-text .char-poke + h6 { clear:both; padding-top:14px; }

/*Card*/ width:calc(100% - 6px) !important; border:3px solid darkorange; }
 * 1) card aside {

-o-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
 * 1) card figure img {

float:left; max-width:80%; }
 * 1) card h2 ~ .pi-item-spacing, #card section:last-child > div:last-child > h3 + div {

-ms-flex-preferred-size: initial; -webkit-flex-basis: initial; -moz-flex-basis: initial; flex-basis: initial; }
 * 1) card h3 + div.pi-data-value.pi-font {

display:none; }
 * 1) card h2.pi-header {

display:inline !important; }
 * 1) card h2 ~ .pi-item-spacing:last-child {

border-left:0 !important; border-right:0 !important; border-top:0 !important; }
 * 1) card .portable-infobox .pi-title, #card .portable-infobox figure, #card .portable-infobox .pi-image-collection-tabs, #card .portable-infobox .pi-image, #card .portable-infobox .pi-data, #card .portable-infobox .pi-header, #card .portable-infobox .pi-horizontal-group {

border:0 !important; }
 * 1) card .portable-infobox section:last-child > h2 ~ div:last-child {

padding: 0 0 0.4em; text-align:left !important; margin-left:40px !important; }
 * 1) card .portable-infobox .pi-image-collection-tabs {

width:35%; float:left; margin-right:10%; }
 * 1) card figure {

max-width:none; width:300px; height:auto; }
 * 1) card .portable-infobox figure img {

width:55%; float:left; }
 * 1) card section {

width:250px; float:right; -moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
 * 1) poke_infobox {

-moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
 * 1) poke_infobox table {

-moz-border-radius:20px 20px 0 0; -o-border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; }
 * 1) poke_infobox tr:first-child th {

max-width:245px; height:auto; }
 * 1) poke_infobox img {

@media screen and (max-width:1032px) {

width:100%; clear:both; }
 * 1) card figure, #card section {

margin-right:0; }
 * 1) card figure {

width:50% !important; }
 * 1) card section .pi-item-spacing {

width:100% !important; }
 * 1) card section .pi-item-spacing:last-child {

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

.pi-data { float:left; }

}