MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

.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:   -o-linear-gradient(right, #a2db95, #24ccaa); background:   -moz-linear-gradient(right, #a2db95, #24ccaa); background:   linear-gradient(to right, #a2db95, #24ccaa); border-radius: 20px; color:        #E1FFB0; margin-top:   10px; margin-bottom: 10px; margin-left:  10px; margin-right: 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 0px; margin-top:                0px; }

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

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

.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: -o-radial-gradient(#727272, #151515); background: -moz-radial-gradient(#727272, #151515); background: radial-gradient(#727272, #151515); z-index:0; } .HomeTilelink {   position:absolute; top:84px; width:100%; 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, .HomeTileimage-overlap {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .HomeTileimage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .HomeTile:hover .HomeTileimage {   opacity:0; } .HomeTile:hover .HomeTileimage2 {   opacity:1; } /* Main page */ /** General **/ .mainpage-header { position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: black; padding-top: 14px; padding-left: 22px; height: 54px; width: 97.5%; width: -moz-calc(100% - 35px); width: -webkit-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:0px; right:-20px; height:100%; width:50px; background:black; transform: skew(30deg); } .mainpage-header-sub { font-size:25px; color:#D50F04; font-family:'Open Sans'; font-weight:700; } .mainpage-header-news { margin-bottom: 10px; font-size:25px; color:#D50F04; 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: -moz-calc(50% - 10px); width: -webkit-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: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); } .mainpage-box-blogs .WikiaBlogListing { border: 1px solid #c8ced0; margin-top: 9px; 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: 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: 0px; } } .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: 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: 0px; } .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: rgba(255,255,255,0.5); } /** Alerts box **/ .mainpage-box-alerts { margin-bottom: 11px; margin-top: 9px; text-align: center; }