MediaWiki:Fandomdesktop.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css&only=styles";

.WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family: Monument Extended; text-transform: lowercase; letter-spacing: 2px; color: #000; }

.wikia-photogallery-add { display: none !important; } body.skin-fandomdesktop { font-family: 'Montserrat'; }

/* Mainpage banner, credits to Normani Wiki */ /* Banner 1, Releases */ .hp-banner { background: url(https://static.wikia.nocookie.net/g-idle/images/3/38/Banner_-_Windy.jpg/revision/latest/scale-to-width-down/800?cb=20210718110425); background-size: cover; background-position: center; background-position-y: top; border: 1px solid transparent; margin-bottom: 0px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .banner { background: linear-gradient(360deg,#000000cf,transparent); -webkit-transform: scaleX(-1); transform: scaleX(-1); }

/* Banner 2, Welcome */ .hp-banner2 { background: url(https://1.bp.blogspot.com/-yA3nHJo28Ak/YRfp9E40gbI/AAAAAAAADuU/bSEpplwMt1cOHg9e-0VrL1lpavyDpA4PQCLcBGAsYHQ/s16000/Banner%2BWelcome%2B2.png); background-size: cover; background-position: center; background-position-y: top; border: 1px solid transparent; margin-bottom: 0px; -webkit-transform: scaleX(1); transform: scaleX(1); } .banner2 { background: transparent; -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Banner 3, Members Main Page */ .hp-banner3 { background: url(https://1.bp.blogspot.com/-jzI-yfbDbGc/YRlb8hC0rkI/AAAAAAAADus/seDKCT5gHF8Rkc4xdIOextWjaqmQ0CYDQCLcBGAsYHQ/s16000/Banner%2B-%2BMembers%2B2.png); background-size: cover; background-position: center; background-position-y: top; border: 1px solid transparent; margin-bottom: 0px; -webkit-transform: scaleX(1); transform: scaleX(1); } .banner3 { background: transparent; -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Buttons */ .custom-button { font-family: Monument Extended; font-weight: 500; color: #59b7c9; width: 13.125rem; text-align: center; font-size: 1.375rem; padding: 1rem 4rem 1rem; margin-bottom: .625rem; border: 1px solid #59b7c9; user-select: none; } .custom-button:hover { color: #fff; background-color: #59b7c9; transition: all .3s; cursor: pointer; } .custom-button a.new:active, a.new:focus, a.new:hover { text-decoration: none; } .custom-button a:active, a:focus, a:hover { text-decoration: none; }

/* Buttons ver2 by Shuhua */ .button2 { display: inline-block; border: none; color: #FFFFFF; text-align: center; font-size: 18px; letter-spacing: 2px; transition: all 0.5s; cursor: pointer; width:390px; background: #59b7c9; border-radius:30px; padding-top:12px; padding-bottom:10px; margin-bottom: 2px; box-shadow: 2px 2px 25px #96dae7; font-family: Monument Extended; text-transform: lowercase; }

.button2 span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }

.button2 span:after { content: '➜'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }

.button2:hover span { padding-right: 25px; }

.button2:hover span:after { opacity: 1; right: 0; }

/* Main Page customization by Shuhua */ .page-_G_I-DLE_Wiki .page-header__bottom, .page-header__top { display: none; } .page-_G_I-DLE_Wiki .page-side-tool { display: none; }

/* Custom Header by Shuhua */ .fandom-community-header__community-name { font-family: 'Monument Extended'; letter-spacing: 2px; text-transform: lowercase; }

.fandom-community-header__local-navigation .first-level-item a span { font-family: 'Montserrat'; } .page-counter__value { font-family: 'Montserrat'; font-weight: bold; } .page-counter__label { font-family: 'Montserrat'; font-weight: bold; }

.fandom-community-header__local-navigation { border-bottom: 0px solid #000; } .fandom-sticky-header{ border-bottom: 0px solid #000; background-color: #59b7c9; box-shadow: none; padding: 0 18px; } .fandom-sticky-header__sitename { font-family: 'Monument Extended'; text-transform: lowercase; } .page__main { border-top: 1px solid #000; margin-top: -12px; }

/* Flex Grid */ .centered-grid { display: flex; justify-content: center; flex-wrap: wrap; }

/* Members Main Page by Shuhua */ .membersbox { width: 300px; height: 300px; border-radius: 30px; background: #fff; box-shadow: 0px 0px 40px #d7d7d7; transition: 0.8s; }

.membersbox:hover { margin-top: -10px; } .membersboxicon { width: 150px; height: 150px; object-fit: cover; object-position: 100% 0; border-radius: 100%; }

/* Members Main Page ver 2 by Shuhua*/

.membersmainpage { border: 0px solid #ccc; border-radius: 20px; width: 200px; transition: 0.8s; font-family: Montserrat; }

.membersmainpage:hover { border: 0px solid #ccc; box-shadow: 0px 0px 40px #d7d7d7; }

.membersmainpageimg { width: 100%; border-radius:100%; padding: 20px; height: auto; }

.membersmainpagedesc { padding: 15px; text-align: center; } /* Hover imgs */ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; border-radius: 100%; } .increase img:hover { opacity: 1; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); border-radius: 100%; }