MediaWiki:Wikia.css

/* ==================  Page background Blues based upon the official Nintendo Alpha Sapphire rollout ================== */ .WikiaPage .WikiaPageBackground { -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px; -webkit-box-shadow:0 0 5px #154fa0; -moz-box-shadow:0 0 5px #154fa0; -ms-box-shadow:0 0 5px #154fa0; box-shadow:0 0 5px #154fa0; background: rgba(135,201,255,1); background: -moz-linear-gradient(left, rgba(135,201,255,1) 0%, rgba(135,201,255,1) 0%, rgba(135,201,255,0.95) 19%, rgba(21,79,160,0.75) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(135,201,255,1)), color-stop(0%, rgba(135,201,255,1)), color-stop(19%, rgba(135,201,255,0.95)), color-stop(100%, rgba(21,79,160,0.75))); background: -webkit-linear-gradient(left, rgba(135,201,255,1) 0%, rgba(135,201,255,1) 0%, rgba(135,201,255,0.95) 19%, rgba(21,79,160,0.75) 100%); background: -o-linear-gradient(left, rgba(135,201,255,1) 0%, rgba(135,201,255,1) 0%, rgba(135,201,255,0.95) 19%, rgba(21,79,160,0.75) 100%); background: -ms-linear-gradient(left, rgba(135,201,255,1) 0%, rgba(135,201,255,1) 0%, rgba(135,201,255,0.95) 19%, rgba(21,79,160,0.75) 100%); background: linear-gradient(to right, rgba(135,201,255,1) 0%, rgba(135,201,255,1) 0%, rgba(135,201,255,0.95) 19%, rgba(21,79,160,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c9ff', endColorstr='#154fa0', GradientType=1 ); } .WikiaPage { border:none; } /* ======================  Pre, Special:CSS Making them more readable ======================= */ .WikiaArticle pre { background:#fff; color:black; 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; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; 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; } .mw-special-CSS .WikiaArticle pre { -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; }  .mw-special-CSS .css-side-bar .community-updates blockquote { font-size:.9em; padding:1em; }  .mw-special-CSS blockquote:before { display:none; }  .mw-special-CSS blockquote { background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; } /* =======================  Right rail & footer ======================= */  .WikiaRail .module, .mainpage-highlight, .community-updates widget-box, .education-links li, .widget-box li { background: rgb(254,193,14); background: -moz-linear-gradient(top, rgba(254,193,14,1) 0%, rgba(223,167,4,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,193,14,1)), color-stop(100%,rgba(223,167,4,1))); background: -webkit-linear-gradient(top, rgba(254,193,14,1) 0%,rgba(223,167,4,1) 100%); background: -o-linear-gradient(top, rgba(254,193,14,1) 0%,rgba(223,167,4,1) 100%); background: -ms-linear-gradient(top, rgba(254,193,14,1) 0%,rgba(223,167,4,1) 100%); background: linear-gradient(to bottom, rgba(254,193,14,1) 0%,rgba(223,167,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec10e', endColorstr='#dfa704',GradientType=0 ); }   background-image:none; background-color:transparent } /* ========================  Chat button fix ======================== */
 * 1) SPOTLIGHT_FOOTER {

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

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

/*#WikiHeader > nav > ul > li.nav-item.marked {border-radius:10px 10px 0px 0px; background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#00a2c3),color-stop(65%,#00ccf6)); }
 * 1) WikiHeader > nav > div {border-bottom-left-radius:10px; border-bottom-right-radius:4px; border-top-right-radius:4px; background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#00ccf6),color-stop(65%,#00a2c3));}
 * 2) WikiHeader > nav > ul > li.nav-item.marked > a {border-top:0px; color:#FFFFFF; }
 * 3) WikiHeader > nav > ul > li.nav-item.marked > ul > li > a {color:#fff; }
 * 4) WikiHeader > nav > div > div {display:none;}
 * 5) WikiHeader > nav > ul > li {border-bottom:0px;}
 * 6) WikiHeader > nav > div > img {display:none;}
 * 1) WikiHeader > nav > div > img {display:none;}

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

.portable-infobox { width:300px; -moz-border-radius:20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.portable-infobox.pi-theme-alt1 { background-color: red; background: -webkit-linear-gradient(red, blue); background: -o-linear-gradient(red, blue); background: -moz-linear-gradient(red, blue); background: linear-gradient(to bottom, red, blue); }

.portable-infobox.pi-theme-alt1 .pi-secondary-background { background-color: red; background: -webkit-linear-gradient(red, blue); background: -o-linear-gradient(red, blue); background: -moz-linear-gradient(red, blue); background: linear-gradient(to bottom, red, blue); }

/* Small */ small { font-size: 85%; }

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

/* Avin's sig :p */ @font-face{font-family: Sweetly Broken; src:url('http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf');}