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

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

color:#fff; }   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 } /* ==================  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 */ background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#176acc),color-stop(100%,#12529e)); 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 {

color: #FFFFFF !important; }
 * 1) WikiaUserPagesHeader > div > ul > li> 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; }

/*-*/ .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 ~ div: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; }