Template:Roblox Wiki

= Roblox Wiki fff= Some of Roblox Wiki's code was used to create and style this wiki. Code Used expand / collapse

Animated Arrows
.wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; -moz-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.3s; -moz-animation: dropdown-topnav 0.3s; animation: dropdown-topnav 0.3s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.3s; -moz-animation: dropdown-animation 0.3s; animation: dropdown-animation 0.3s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.3s linear; -moz-animation: contribution-dropdown 0.3s linear; animation: contribution-dropdown 0.3s linear; } .wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-dropdown 0.35s; -moz-animation: searchsuggestions-dropdown 0.35s; animation: searchsuggestions-dropdown 0.35s; } @keyframes dropdown-global { from { opacity: 0; top: 45px; } to { opacity: 1; } } @keyframes dropdown-topnav { from { opacity: 0; top: 30px; } to { opacity: 1; top: 40px; } } @keyframes dropdown-animation { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } } @keyframes contribution-dropdown { from { opacity: 0; top: 25px; } to { opacity: 1; top: 35px; } } @keyframes searchsuggestions-dropdown { from { top: 80%; opacity: 0; } to { top: calc(1px+100%); opacity: 1; } } .wds-dropdown-level-2:hover .wds-dropdown-chevron { transform: rotate(-90deg) translateY(3px) !important; } .wds-dropdown-level-2 .wds-dropdown-chevron { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .wds-dropdown__toggle-chevron { transition: transform 0.3s; }
 * 1) PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before,
 * 2) PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after,
 * 1) PageHeader

Homepage CSS
.no-decor a:hover { text-decoration: none; }

Navigation card hover transitions
.home-nav-card:hover img { transform: scale(1.05); } .home-nav-card:hover a > div { background-color: #fbf3ee !important; } .home-nav-card a > div { transition: 0.2s; } .home-nav-image .floatnone img { max-height: 6em; width: 100%; transition: 0.2s; object-fit: cover !important; }

Chevron arrow image + animations
.chevron { background: url(https://roblox.fandom.com/wiki/Special:Redirect/file/White-chevron.svg) no-repeat center; background-size: 100% 100%; vertical-align: middle; display: inline-block; height: 0.7rem; width: 0.49rem; transition: 0.2s ease-out; } a:hover .chevron { transform: translateX(3px); } .chevron.dark { filter: invert(85%); } .home-frame-footer .chevron { margin-left: 0.5rem; } .home-social-frame .chevron { height: 1rem; width: 0.7rem; } @media screen and (max-width: 1064px) { .home-nav-container .home-nav-card:nth-of-type(6) { display: none !important; } .home-nav-card { width: 18.5% !important; } }

Resize and hide cards depending on screen width
@media only screen and (min-width: 1024px) { .main-page-tag-lcs-exploded { width: calc(100% - 340px); } .main-page-tag-rcs, .main-page-tag-rcs .rcs-container { width: 320px; } } .fandom-community-header__background { background-position: 50% 15%; }

Styling for cards on Project:Wiki staff
.wiki-staff-card { width: 100%; padding: 8px; margin-bottom: 1em; background: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 4px; text-align: center; }