MediaWiki:Mainpage.css

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: 26pt !important; font-weight: bold; height: 40px !important; line-height: 35px !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; }

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