MediaWiki:Mainpage.css

/* Old Mp Boxes Designs */ table.mp-cbct { margin: 0 auto; } table.mp-cbct > tbody > tr > td { padding: 10px; width: 320px; } .mp-content-box { background: #efefef; border-radius: 25px; margin-top: 25px !important; margin: 0 auto; padding: 10px; } .mp-content-box-h { background: linear-gradient(90deg, #8fd87d 0, #24ccaa 80%); text-align: center !important; border-radius: 30px; color: white; font-family: 'Lato'; font-size: 24pt !important; font-weight: bold; height: 40px !important; line-height: 40px !important; margin: 0 auto; padding: 10px !important; position: relative; top: -35px; width: 250px; } .mp-content-box-h a { color: white; } .mp-content-box a:hover { text-decoration: none !important; } .mp-content-box-h img { height: auto; position: relative; top: -4px; width: 40px; } .mp-content-box table { height: 240px; margin: 0 auto; position: relative; top: -15px; } .mp-content-box table td { padding-top: 0 !important; width: 128px; } .mp-content-box-item { font-size: 12pt !important; font-weight: bold; margin: 10px auto; text-align: center; } .mp-content-box-item a { color: #1b7e94; opacity: 0.85; transition: 0.5s; } .mp-content-box-item:hover a { opacity: 1; transition: 0.5s; } .mp-content-box-item img { background: linear-gradient(45deg, #1b7e94 0, #174e61 80%); border-radius: 50%; height: auto; padding: 7px; width: 64px; } .mp-cbct > tbody > tr > td[colspan] > .mp-content-box > table { height: 120px !important; } .mp-cbctl .mp-content-box { width: 186px !important; } .mp-cbctl .mp-content-box-h { font-size: 18pt !important; text-align: center !important; width: 120px !important; } .mp-cbctl { margin: 0 auto; width: 686px !important; } .mp-header { background: linear-gradient(90deg, #8fd87d 0, #24ccaa 80%); border-radius: 30px; color: white; font-family: 'Lato'; font-size: 36px !important; line-height: 40px !important; font-weight: bold; height: 40px !important; margin: 0 auto; padding: 10px !important; text-align: center; width: 450px; } .mp-content-box2 { background: #efefef; border-radius: 25px; height: 166px; margin: 0 auto; padding: 0; } .mp-content-box2 table { margin: auto !important; } .mp-content-box2 table td { height: 161px; } .mp-content-box-item3 { font-size: 18pt !important; font-weight: bold; margin: 5px auto; text-align: center; } .mp-content-box-item3 a { color: #1b7e94; opacity: 0.85; transition: 0.5s; } .mp-content-box-item3:hover a { opacity: 1; text-decoration: none !important; transition: 0.5s; } .mp-content-box .ChatWidget h2 { display: none !important; }

.mp-cd { background: #eee; border-radius: 25px; height: 256px !important; margin: -10px auto; width: min-content; } .mp-cd-item1 { opacity: 1 !important; overlay: hidden; transition: 0.3s; } .mp-cd-item2 { opacity: 0 !important; position: relative !important; top: -256px !important; transition: 0.3s; } .mp-cd:hover .mp-cd-item1 { opacity: 0 !important; transition: 0.3s; } .mp-cd:hover .mp-cd-item2 { opacity: 1 !important; transition: 0.3s; } .mp-random img { opacity: 0.75 !important; transform: scale(0.9) !important; transition: 0.3s; } .mp-random:hover img { opacity: 1 !important; transform: scale(1) !important; transition: 0.3s; } .mp-content-box .ajax-poll { border: none !important; } .mp-content-box .pollAnswerVotes { border-radius: 10px !important; } .mp-content-box .pollAnswerVotes { border-radius: 10px !important; } .mp-content-box .pollAnswerVotes div { border-radius: 10px !important; } .mp-content-box .ajax-poll input[value="Vote!"] { background: linear-gradient(90deg, #8fd87d 0, #24ccaa 80%); border: none !important; border-radius: 25px !important; font-size: 105% !important; font-weight: bold; height: 25px; outline: none !important; padding: 3px; width: 60px; } .mp-content-box .ajax-poll input[value="Vote!"]:hover { text-decoration: underline !important; } .mp-content-box .ajax-poll input[value="Vote!"]:active { background: #06496f !important; } .mp-header-2 { height: 70px !important; max-width: 270px !important; } /* Mainpage Slider */ .mainpage-slider .wikiaPhotoGallery-slider-body { background: transparent; border-radius: 25px; height: 360px !important; width: 585px !important; } .mainpage-slider .wikiaPhotoGallery-slider { height: 360px !important; width: 585px !important; margin: auto !important; top: 0 !important; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 202px; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 106px; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 10px; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { display: none; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .nav img { border-radius: 25px; border: 0; margin-bottom: 10px; opacity: 0.75; } .mainpage-slider .wikiaPhotoGallery-slider-body .horizontal .nav.selected img { opacity: 1; } .mainpage-slider .description-background { background: black !important; height: 85px !important; opacity: 0.5 !important; } .mainpage-slider .description { margin: 10px 5px !important; } .mainpage-slider .description h2 { color: #c9efa9 !important; text-shadow: none !important; width: 350px !important; } .mainpage-slider .description .wikia-button { display: none; } /* New Mainpage Design */ .mp-box-welcome { background: radial-gradient(circle,rgba(0,0,0,0.69) 0,rgba(0,0,0,0.8) 50%),url(https://vignette.wikia.nocookie.net/pokemongo/images/b/b8/Anniversary_Artwork_2019.png/revision/latest?cb=20190628130846) no-repeat center center !important; border-radius: 35px; box-shadow: inset 0 0 100px 25px rgba(0,0,0,0.55); padding: 10px 40px; color: white; font-family: Lato; margin: 10px auto; } .mp-box-welcome-h { color: white; text-align: center !important; font: 400 48px Roboto !important; text-transform: uppercase; padding: 15px 25px; border-radius: 50px; margin: 0 auto; max-width: fit-content !important; background: transparent; } .mp-box-welcome a, .mp-box-welcome b { color: #149aa0 !important; } .mp-box-welcome .mp-box-links { margin: 15px auto 0px; border-top: solid 2px rgba(255,255,255,0.4); text-align: center; padding-top: 10px; } .mp-box-welcome .mp-link { display: inline-block; margin: 0 10px; padding: 5px; }