MediaWiki:Wikia.css

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

.pi-theme-pkmninfobox { background-color: #fafafa; color: #44696c; border: 1px solid #fafafa; border-radius: 10px; }

.pi-theme-pkmninfobox .pi-title { text-align: center; background: #a2db95; background: -webkit-linear-gradient(right, #a2db95, #24ccaa); background:   -moz-linear-gradient(right, #a2db95, #24ccaa); background:     -o-linear-gradient(right, #a2db95, #24ccaa); background:        linear-gradient(to right, #a2db95, #24ccaa); border-radius: 20px; color: #E1FFB0; margin: 10px; }

.pi-theme-pkmninfobox .pi-header { text-align: center; background-color: #fafafa; border-bottom: solid 6px #6dedb7; border-bottom-left-radius: 3%; border-bottom-right-radius: 3%; margin-left: 10px; margin-right: 10px; margin-top: 30px; }

.pi-theme-pkmninfobox .pi-group .pi-header { border: solid 0; margin-top: 0; }

.pi-theme-pkmninfobox .pi-data { text-align: center; }

.pi-theme-pkmninfobox .pi-group .pi-data-label { padding-top: 0; }

.pi-theme-pkmninfobox .pi-group .pi-data-value {}

.pi-theme-pkmninfobox .pi-group.pi-item { padding-top: 10px; padding-bottom: 10px; margin-left: 10px; margin-right: 10px; }

.pi-theme-pkmninfobox .pi-group { border-bottom: 1px solid; }

/*Homepage Buttons effects*/

.HomeNav { display: inline-block; position: relative; width: 112px; transform: skew(30deg); text-align: center; background: #c8c8c8; padding: 5px; text-transform: uppercase; font-size: 14px; margin: 2px; }

.HomeNav span { display: inline-block; transform: skew(-30deg); }

.HomeNav span a { font-size: 14px; font-weight: bold; font-family: 'Open Sans'; color: white; text-decoration: none; }

.HomeNav .trapzoidleft { position: absolute; top: 0; left: -10px; height: 100%; width: 30px; background: #c8c8c8; transform: skew(-30deg); }

.HomeNav .trapzoidright { position: absolute; top: 0; right: -10px; height: 100%; width: 30px; background: #c8c8c8; transform: skew(-30deg); }

.HomeNav:hover span a { color: black; }

.HomeTile { position: relative; height: 106px; width: 106px; background: -webkit-radial-gradient(#727272, #151515); background:   -moz-radial-gradient(#727272, #151515); background:     -o-radial-gradient(#727272, #151515); background:        radial-gradient(#727272, #151515); z-index: 0; overflow: hidden; /* Clip the image */ }

.HomeTilelink { position: absolute; top: 84px; width: 100%; background-color: #000; /* Fallback background */ background-color: rgba(0, 0, 0, 0.6); text-align: center; text-transform: uppercase; color: white; text-shadow: 0 0 2px; font-size: 12px; z-index: 4; }

.HomeTilelink a { color: white; text-decoration: none; }

.HomeTileimage, .HomeTileimage2 { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); /* Chrome, Safari */ -moz-transform: translate(0, -50%); /* Firefox */ -ms-transform: translate(0, -50%); /* IE 9 */ -o-transform: translate(0, -50%); /* Opera */ transform: translate(0, -50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.HomeTileimage, .HomeTileimage-overlap { z-index: 1; opacity: 1; }

.HomeTileimage2 { z-index: 2; opacity: 0; }

.HomeTileimage > a, .HomeTileimage2 > a { position: relative; height: 106px; margin: 0 auto; }

.HomeTileimage > a > img, .HomeTileimage2 > a > img { position: absolute; top: 50%; margin-top: -53px; }

.HomeTile:hover .HomeTileimage { opacity: 0; }

.HomeTile:hover .HomeTileimage2 { opacity: 1; }

/* Main page */

/** General **/

.mainpage-header { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: black; padding-top: 14px; padding-left: 22px; height: 54px; width: 97.5%; width: -webkit-calc(100% - 35px); width:   -moz-calc(100% - 35px); width:     -o-calc(100% - 35px); width:        calc(100% - 35px); margin-bottom: 5px; margin-top: 19px; font-size: 25px; color: white; font-family: 'Open Sans'; font-weight: 700; }

.mainpage-header-right { position: absolute; top: 0; right: -20px; height: 100%; width: 50px; background: black; transform: skew(30deg); }

.mainpage-header-sub { font-size: 25px; color: #000000; font-family: 'Open Sans'; font-weight: 700; }

.mainpage-header-news { margin-bottom: 10px; font-size: 25px; color: #000000; font-family: 'Open Sans'; font-weight: 700; }

/** Blogs box **/

.mainpage-box-blogs { margin-bottom: 10px; }

.mainpage-box-blogs .wikia-button, .mainpage-box-blogs .more { display: none; }

.mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost .author-details h2 { font-size: 1.1em; line-height: 16px }

.mainpage-box-blogs .recent { float: left; margin-top: 7px; width: 50%; }

.mainpage-box-blogs .popular { float: right; margin-top: 7px; width: 48%; width: -webkit-calc(50% - 10px); width:   -moz-calc(50% - 10px); width:     -o-calc(50% - 10px); width:        calc(50% - 10px); }

.mainpage-box-blogs .administration { float: right; margin-bottom: 10px; margin-top: 12px; width: 48%; width: -webkit-calc(50% - 10px); width:   -moz-calc(50% - 10px); width:     -o-calc(50% - 10px); width:        calc(50% - 10px); }

.mainpage-box-blogs .WikiaBlogListing { border: 1px solid #c8ced0; margin-top: 9px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

.mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost { border-bottom: 1px solid #749fb0; padding: 15px; }

.mainpage-box-blogs .WikiaBlogListingPost:last-child { border: medium none; }

.mainpage-box-blogs .author-details h1 { font-size: 15px; }

/** Featured Poll box **/

.mainpage-box-featuredpoll { margin-bottom: 17px; margin-top: -5px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

.mainpage-box-featuredpoll .ajax-poll { border: 1px solid #c8ced0; padding-right: 30px; }

.mainpage-box-featuredpoll .ajax-poll form { margin-bottom: -20px; }

@media (max-width: 1023px) { .mainpage-box-featuredpoll .ajax-poll form { margin-bottom: 0; } }

.mainpage-box-featuredpoll .ajax-poll .pollAnswerVotes div { background: #749fb0; }

/** Forum Activity box **/

.mainpage-box-forumactivity { margin-bottom: 17px; margin-top: 9px; border: 1px solid #c8ced0; padding: 10px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

.mainpage-box-forumactivity ul { margin-left: 20px !important; margin-top: -5px !important; margin-bottom: -12px !important; }

.mainpage-box-forumactivity .activityfeed li { margin-bottom: 5px; margin-left: 0; }

.mainpage-box-forumactivity .activityfeed table, .mainpage-box-forumactivity .activityfeed .achievement-in-activity-feed { display: none; }

/** Recent Activity box **/

.mainpage-box-recentactivity { margin-bottom: 17px; margin-top: 9px; border: 1px solid #c8ced0; padding: 10px; background: #FFF; /* Fallback background */ background: rgba(255, 255, 255, 0.5); }

/** Alerts box **/

.mainpage-box-alerts { margin-bottom: 11px; margin-top: 9px; text-align: center; }