MediaWiki:Common.css

/* TABLE OF CONTENTS */ /* Section 1: Animations & Fonts */ /* Section 2: Site-wide CSS */ /* Section 3: Buttons */ /* Section 4: MISC */

/* Animations and Fonts */ @font-face { font-family: "Gotham Bold"; src: url(" https://cdn.glitch.com/2255f9c2-2942-4e94-8e89-ca13c2503645%2FGothamSSm-Bold.otf?v=1593403489443 "); } @keyframes topnav-Dropdown { 0%{opacity: 0; top: 30px;} 100%{opacity: 1; top: 40px;} } @-webkit-keyframes topnav-Dropdown { 0%{opacity: 0; top: 30px;} 100%{opacity: 1; top: 40px;} } @keyframes Dropdown { 0%{opacity: 0; transform: translateX(-10px);} 100%{opacity: 1; transform: translateX(0);} } @-webkit-keyframes Dropdown { 0%{opacity: 0; transform: translateX(-10px);} 100%{opacity: 1; transform: translateX(0);} } @keyframes global-Dropdown { 0%{opacity: 0; top: 45px;} 100%{opacity: 1;} } @-webkit-keyframes global-Dropdown { 0%{opacity: 0; top: 45px;} 100% {opacity: 1;} } @keyframes contribution-Dropdown { 0%{opacity: 0; top: 25px;} 100%{opacity: 1; top: 35px;} } @-webkit-keyframes contribution-Dropdown { 0%{opacity: 0; top: 25px;} 100%{opacity: 1; top: 35px;} } @-webkit-keyframes searchsuggestions-Dropdown { 0%{top: 80%; opacity: 0;} 100%{top: calc(1px+100%); opacity: 1;} } @keyframes searchsuggestions-Dropdown { 0%{top: 80%; opacity: 0;} 100%{top: calc(1px+100%); opacity: 1;} } /* Custom Scrollbar from Adopt Me! Wiki*/
 * -webkit-scrollbar {

width: 0.75%; }
 * -webkit-scrollbar-track {

background: white; }
 * -webkit-scrollbar-thumb {

background: rgb(48, 134, 240); }
 * -webkit-scrollbar-thumb:hover {

background: rgb(41, 106, 186); } /* Site Wide CSS */ .wds-tabs, .wds-community-header__sitename, .page-header__title, .pi-title, .wds-button, .pi-section-label, .mw-headline, .wds-community-header__counter { font-family: "Rubik"; font-weight: 700; } /* Community Header */ .wds-community-header__wordmark { transition: All 0.7s ease; } .wds-community-header__wordmark:hover { image-rendering: crisp-edges; -webkit-filter: drop-shadow(0 0 6px #FBF0E4); filter: drop-shadow(0 0 6px #FBF0E4); transform: scale(1.15); transition: All 1s ease; } .wds-icon-tiny { transition: transform 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { animation: topnav-Dropdown 0.2s; -webkit-animation: topnav-Dropdown 0.2s; -moz-animation: topnav-Dropdown 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { animation: Dropdown 0.2s; -webkit-animation: Dropdown 0.2s; -moz-animation: Dropdown 0.2s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-Dropdown 0.2s; -moz-animation: contribution-Dropdown 0.2s; animation: contribution-Dropdown 0.2s; } .wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-Dropdown 0.25s; -moz-animation: searchsuggestions-Dropdown 0.25s; animation: searchsuggestions-Dropdown 0.25s; } .wds-dropdown::after, .wds-dropdown::before { display: none !important; } /* Button Styling */ /* Big Size Pt1 */ .mr-btn { margin: 5px; display: inline-block; transition: All 0.3s ease; position: relative; width: 175px; height: 175px; background: rgb(133,133,133); background: radial-gradient(circle, rgba(133,133,133,1) 0%, rgba(145,145,145,1) 50%, rgba(133,133,133,1) 100%); border-radius: 9px; box-shadow: 0 0 0 5px #e6e6e6; text-align: center; } .mr-btn > span { white-space: nowrap; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 2.5px; text-shadow: 0px 0px 2px rgb(0, 0, 0, .8); font-family: "Gotham Bold"; color: white; font-size: 175%; } .mr-btn-red { background: rgb(233,85,114); background: radial-gradient(circle, rgba(233,85,114,1) 0%, rgba(255,93,125,1) 50%, rgba(233,85,114,1) 100%); } .mr-btn-blue { background: rgb(81,217,228); background: radial-gradient(circle, rgba(81,217,228,1) 0%, rgba(89,237,250,1) 50%, rgba(81,217,228,1) 100%); } .mr-btn-green { background: rgb(127,233,86); background: radial-gradient(circle, rgba(127,233,86,1) 0%, rgba(139,255,93,1) 50%, rgba(127,233,86,1) 100%); } .mr-btn-purple { background: rgb(179,119,233); background: radial-gradient(circle, rgba(179,119,233,1) 0%, rgba(196,130,255,1) 50%, rgba(179,119,233,1) 100%); } .mr-btn-yellow { background: rgb(233,233,119); background: radial-gradient(circle, rgba(233,225,119,1) 0%, rgba(255,249,130,1) 50%, rgba(233, 227, 119,1) 100%); } .mr-btn-dark { background: rgb(36,36,36); background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(39,39,39,1) 50%, rgba(36,36,36,1) 100%); } .mr-btn:hover { cursor: pointer; filter: brightness(75%) } .mr-btn:active { transform: scale(.90); } /* Infobox Styling */ .pi-secondary-font { font-family: "Rubik"; font-weight: 700; }

/* Staff Usernames */ .comments li[data-user="JuztHoney"] .edited-by:after { content: "Bureaucrat"; color: orange; background-color: white; border: 1px solid orange; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Rancho; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px orange; text-shadow: 0 1px black; font-size: 1.5em; }

.comments li[data-user="Chipxm"] .edited-by:after { content: "Administrator"; color: skyblue; background-color: white; border: 1px solid skyblue; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Arial; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px aqua; text-shadow: 0 1px black; font-size: 1.5em; }

.comments li[data-user="Beeswarmisfun"] .edited-by:after { content: "Administrator"; color: skyblue; background-color: white; border: 1px solid skyblue; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Arial; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px aqua; text-shadow: 0 1px black; font-size: 1.5em; }

.comments li[data-user="Pawadun223"] .edited-by:after { content: "Administrator"; color: skyblue; background-color: white; border: 1px solid skyblue; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Arial; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px aqua; text-shadow: 0 1px black; font-size: 1.5em; }

.comments li[data-user="EJBgreen123"] .edited-by:after { content: "Content Moderator"; color: skyblue; background-color: white; border: 1px solid skyblue; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Rancho; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px aqua; text-shadow: 0 1px black; font-size: 1.5em; }

.comments li[data-user="Gamemaxime"] .edited-by:after { content: "Content Moderator"; color: skyblue; background-color: white; border: 1px solid skyblue; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Rancho; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px aqua; text-shadow: 0 1px black; font-size: 1.5em; }

.comments li[data-user="WildCommandoDatShootsPeople"] .edited-by:after { content: "Thread Moderator"; color: skyblue; background-color: white; border: 1px solid skyblue; font-weight: bold; border-radius: 20px; padding: 1px 10px; margin-left: 3px; font-family: Rancho; letter-spacing: 0.08em; box-shadow: inset 1px 0px 10px aqua; text-shadow: 0 1px black; font-size: 1.5em; }

a[href*="/wiki/User:JuztHoney"], a[href*="/wiki/Message_Wall:JuztHoney"], a[href*="/wiki/User_blog:JuztHoney"] { -webkit-animation: jhanimation 3.5s infinite; -moz-animation: jhanimation 3.5s infinite; -ms-animation: jhanimation 3.5s infinite; animation: jhanimation 3.5s infinite; text-shadow: 0 0 3px #FFFFFF !important; font-weight:bold; text-transform: capitalize; } @-webkit-keyframes jhanimation { 30%{color: darkblue;} 30%{color: skyblue;} 40%{color: blue;} }

a[href="/wiki/User:Chipxm"], a[href="/wiki/Message_Wall:Chipxm"], a[href="/wiki/User_blog:Chipxm"] { color: #7d00ff; font-weight: bold; }

a[href="/wiki/User:WildCommandoDatShootsPeople"], a[href="/wiki/Message_Wall:WildCommandoDatShootsPeople"], a[href="/wiki/User_blog:WildCommandoDatShootsPeople"] { color: #D2691E; font-weight: bold; }

a[href="/wiki/User:EJBgreen123"], a[href="/wiki/Message_Wall:EJBgreen123"], a[href="/wiki/User_blog:EJBgreen123"] { color: #32CD32; font-weight: bold; }

a[href="/wiki/User:Beeswarmisfun"], a[href="/wiki/Message_Wall:Beeswarmisfun"], a[href="/wiki/User_blog:Beeswarmisfun"] { color: #00FF00; font-weight: bold; }

a[href="/wiki/User:Pawadun223"], a[href="/wiki/Message_Wall:Pawadun223"], a[href="/wiki/User_blog:Pawadun223"] { color: #FF69B4; font-weight: bold; }

a[href="/wiki/User:Gamemaxime"], a[href="/wiki/Message_Wall:Gamemaxime"], a[href="/wiki/User_blog:Gamemaxime"] { color: #6496ff; font-weight: bold; }