MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:Global_Lua_Modules/Mbox.css|u:dev:MediaWiki:Module:Documentation.css|u:dev:MediaWiki:AbuseLogRC.css|MediaWiki:Forums.css|MediaWiki:Navbox.css");

/* Color user names of sysops in recent changes, logs, page histories, etc. */ a[href$=":0Michael105"], a[href$=":Acebatonfan"], a[href$=":Karasuneth"], a[href$=":Mark_Otaris"], a[href$=":The_JoTS"], a[href$=":Thundermaker300"] { color: #32a37b; }

/* Colors for content moderators */ a[href$=":BundleofYoy"], a[href$=":Joritochip"], a[href$=":Noobfanity"], a[href$=":RBLXDeveloperInterviews"] { color: #ff47da !important; /* !important to overwrite jorito vanguard color */ }

/* Colors for discussions moderators */ a[href$=":Th3Y3ll0wL3m0n"] { color: #8D6BEA; }

/* Overwrite the above for articles about RW staff that happen to be notable back to default link color */ a[href$="Community:Joritochip"], a[href$="Community:Karasuneth"], a[href$="Community:Thundermaker300"] { color: var(--theme-link-color) !important; /* !important to overwrite */ }

/* Removes pointless "create one of these wanted pages" that are never actually wanted off the "Create new page" box to reduce spam */ .create-page-dialog__proposals { display: none; } /* For w:c:dev:Global Lua Modules/Hatnote. */ .hatnote { font-style: italic; } .hatnote i { font-style: normal; } /* Misc template styling (The JoTS) */ .navbox { clear: both; } /* Class tags in portable infoboxes from Module:ClassInfobox. */ .pi-data-value > ul.class-tags { list-style-type: none; margin-left: 0; } /* Type links created by Module:Type. */ .value-type a, .value-type .selflink { color: green; } /* Regular font weight for same-page links created by Module:Type. */ .value-type .selflink { font-weight: normal; } /* Unbulleted lists (Mark Otaris) */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ol li, .plainlist ul li { margin-bottom: 0; } /* Use theming variables for message boxes. */ .mbox { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); } /* Rules for Module:Admonition using custom properties. Can be removed and moved to Module:Admonition if https://gerrit.wikimedia.org/r/514974 is reverted. */ .admonition { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); }

/* Mark AbuseFilter #19 for use of SOAP */ a[href="/wiki/Special:AbuseFilter/19"]:after { content: " (SOAP)"; color: #ff7777; }

/* Thunder - Animated arrows in the nav bar. Thanks, GiveMeFoodToEat. */ .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

/* Article tabs */ .article-tabs { display: inline-block; margin: 0; list-style-type: none; } .article-tabs a:hover { text-decoration: none; } .article-tabs li.article-tabs-active, .article-tabs li.article-tabs-inactive { display: inline-block; border-color: #0575c1; border-radius: 6px 6px 0 0; border-style: solid; border-width: 2px 2px 0; font-weight: bold; line-height: 1.3em; margin: 0 5px 0 0; min-width: 110px; padding: 0.5em; text-align: center; } .article-tabs-active { background-color: #ffffff; color: #3e434f; } .article-tabs-inactive { background-color: #eee5de; color: #ffffff; } .article-tabs-inactive a { color: #3a3a3a !important; display: block; outline: 0; } .article-tabs-inactive a:hover { text-decoration: none; } .article-tabs-bottomline { border-top: 2px solid #770403; margin: -2px 0 5px 0; width: 100%; }

/*	Homepage CSS (Joritochip)

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

/* Hide blog creation button */ .home-frame .blog-listing__create-post { display: none; }

/* Hide header/footer of Discord widget in social card */ .home-social-frame .discord-widget .widget-header, .home-social-frame .discord-widget .widget-footer { display: none; } .home-social-frame .discord-widget-container { margin-top: 10px; }

/* Resize and hide cards depending on screen width */ @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; } } @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%; } .main-container .fandom-community-header__community-name-wrapper, .main-container .fandom-community-header__local-navigation .wds-tabs__tab-label { text-shadow: 2px 2px 4px #000; } .main-container .fandom-community-header__local-navigation .first-level-item .wds-icon { filter: drop-shadow(2px 2px 4px black); } /* End homepage CSS */

/* User:Joritochip - Improved syntax highlighting */ /* Attempts to mimic default Roblox Studio highlighting as much as possible */ .theme-fandomdesktop-dark .mw-highlight { --text-color: rgb(204, 204, 204); --background-color: rgb(37, 37, 37); --number-color: rgb(255, 198, 0); --string-color: rgb(173, 241, 149); --comment-color: rgb(102, 102, 102); --keyword-color: rgb(248, 109, 124); --built-in-function-color: rgb(132, 214, 247); --line-highlight-color: rgb(45, 50, 65); --local-method-color: rgb(253, 251, 172); --local-property-color: rgb(97, 161, 241); --bool-color: rgb(255, 198, 0); } .skin-oasis .mw-highlight, .theme-fandomdesktop-light .mw-highlight { --text-color: rgb(0, 0, 0); --background-color: rgb(255, 255, 255); --number-color: rgb(0, 127, 127); --string-color: rgb(127, 0, 127); --comment-color: rgb(0, 127, 9); --keyword-color: rgb(0, 0, 127); --built-in-function-color: rgb(0, 0, 127); --line-highlight-color: rgb(239, 239, 239); --local-method-color: rgb(0, 116, 189); --local-property-color: rgb(72, 92, 142); --bool-color: rgb(0, 127, 127); } .mw-highlight pre { overflow-y: hidden; background: var(--background-color); color: var(--text-color); border-radius: 3px; } .mw-highlight .lineno { margin-right: 1ch; width: 5ch; text-align: right; background: rgba(var(--theme-page-background-color--rgb), 0.75); color: var(--text-color); } .mw-highlight .hll { background-color: var(--line-highlight-color) } .mw-highlight .kr, .mw-highlight .kd { color: var(--keyword-color) } .mw-highlight .kc { color: var(--bool-color) } .mw-highlight .s, .mw-highlight .s1, .mw-highlight .s2 { color: var(--string-color) } .mw-highlight .mi { color: var(--number-color) } .mw-highlight .n, .mw-highlight .nc { color: var(--local-property-color) } .mw-highlight .nb { color: var(--built-in-function-color) } .mw-highlight .nf { color: var(--local-method-color) }

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

/* Fixing help links */ .theme-fandomdesktop-dark .mw-indicators .mw-helplink { filter: invert(1) hue-rotate(180deg); }

/* ====================== 5) COLORED USERLINKS ====================== */ /* Fanitak */ a[href="/wiki/User:Fanitak"], a[href="/wiki/User_blog:Fanitak"], a[href="/wiki/Message_Wall:Fanitak"], a[href="/wiki/Special:Block/Fanitak"], a[href="/wiki/Special:Contributions/Fanitak"], a[href="/wiki/User:Fanitak/Sandbox"], a[href="/wiki/Special:Editcount/Fanitak"] a[href="/wiki/Special:Postcount/Fanitak"] a[href="/wiki/Template:USERNAME"] .text-rainbow {   background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB));     background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%);    background-size: 1000% 1000%;     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Non Webkit Users*/ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }