MediaWiki:WikiaDesign.css

/*******************************WIKI-WIDE DESIGNS*******************************/ /* TABLE OF CONTENTS 1) Custom Scrollbar 2) Wiki-Wide Font Change 3) Woodmark Effect 4) Dropdown Arrow Animation 5) Article Touch-Ups 6) Page Creation Pop-Up Designs 7) Editing Pop-Up Designs 8) Various Common.css Changes /**************** 1) Custom Scrollbar ****************/
 * -webkit-scrollbar {

width: 15px; }
 * -webkit-scrollbar-track {

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

background: rgb(66, 200, 244); }
 * -webkit-scrollbar-thumb:hover {

background: #222 } /**************** 2) Wiki-Wide Font Change ****************/ /*Site Header*/ .wds-community-header {   font-family: rubik, helvetica, arial, sans-serif !important; } /*Site Pages*/ .WikiaPage {    font-family: rubik, helvetica, arial, sans-serif !important; } /*class=imageh*/ .imageh {	transition: transform 0.5s; } .imageh:hover {	transform: scale(1.05); } /**************** 3) Wordmark Effect ****************/ .wds-community-header__wordmark img { transition: transform 1s; } .wds-community-header__wordmark img:hover { transform: scale(1.1); } /**************** 4) Dropdown Arrow Animation ****************/ .wds-dropdown-level-2:hover svg#wds-icons-menu-control-tiny { transform: rotate(-90deg) translateY(3px); } .wds-dropdown-level-2 svg#wds-icons-menu-control-tiny { -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } svg#wds-icons-dropdown-tiny { transition: transform 0.2s; } section.community-page-rail-module {   display: none; } /**************** 5) Article Touch-Ups ****************/ /*Table of Contents*/ .WikiaArticle .toc { border:1px solid DarkGray; } /*Separators*/ .WikiaPage .page-header__separator {    /*Article Title and Page Content*/ background-color:DarkGray !important; } .WikiaRail .rail-module h2 {    /*Separators on Side Rail*/ border-bottom:1px solid DarkGray; } .activityfeed > li:not(:first-child) {    /*Separators in Wiki Activity page*/ border-top: 1px solid DarkGray !important; } .WikiaArticle h2 { border-bottom: solid 1px DarkGray; } /**************** 6) Designs for Editing View ****************/ /*Shows message to users on "Creating Page" pop-up screen*/   content: '\A Note — READ THE RULES AND GUIDELINES BEFORE CREATING A PAGE\A ONLY CREATE A PAGE TO PROVIDE FACTS!\A DO NOT ASK A QUESTION!\A';    color: red !important;    white-space: pre; } /*Excludes page creation recomendations on "Creating Page" pop-up screen*/ .create-page-dialog__proposals {    display: none; } /*Shows editing notice when user is editing (action=edit)*/ .editpage-intro .editpage-intro-wrapper {    max-height: 100px; } /*Common Summary Dropdown*/    background: white;    color: rgba(0,0,0,.5);    font-family: rubik, helvetica, arial, sans-serif !important;    font-size: 9pt;    border: 1px solid #f0cf66;    width: 100%; } /*********** 7) Wiki Rails Removed (does not affect FANDOM's Ads) ***********/ /*Rules and Guidelines page*/ .page-Rules_and_Guidelines #WikiaMainContent { width: 100%; } .page-Rules_and_Guidelines #WikiaRailWrapper { display: none; }
 * 1) CreatePageDialogSub::after {
 * 1) stdSummaries{

/**************** 8) Various Common.css Changes ****************/ /* This obstructs user experience. It needs to go */ .ebs-container {   display: none; } /* Removes pointless "create one of these wanted pages" that are never actually wanted off the "Create new page" box to reduce spam */ display: none !important; } /* Removing the ugly triangle */ .UserProfileMasthead .masthead-info-lower::before { display: none; } /* Message Walls */ .Wall .edited-by a.subtle[href="https://roblox.fandom.com/wiki/Message_Wall:ElijahPepe"]::after { content: "(wiki administrator)"; } .Wall .edited-by a.subtle[href="https://roblox.fandom.com/wiki/Message_Wall:ImperialMcFly"]::after { content:"(founder)"; } /* Article/Blog Comments */ .article-comments .edited-by a[href="https://roblox.fandom.com/wiki/User:ElijahPepe"]::after { font-size: 90%; color: #666; content: " (wiki admin)"; } .article-comments .edited-by a[href="https://roblox.fandom.com/wiki/User:ImperialMcFly"]::after { font-size: 90%; color: #666; content: " (founder)"; } /* Hide deletion / move logs on shared help pages (ElijahPepe) */ /* This will affect all help pages, although shared help pages are the intended target */ /* Page history is instead viewable in ?action=history */ [class*="page-Help_"] .mw-warning-with-logexcerpt { display: none; } /* Hide "#sysop-tools" in RecentChanges. Not that it really needs to be hidden. */ .mw-special-Recentchanges #wikia-mediawiki-recentchangestext #sysop-tools { display: none; } /* Format hatnotes, see Template:Rellink. */ .rellink { font-style: italic; } /* Hiding message wall, mainly for bots */ /*.page-Message_Wall_USERNAME #Wall { display: none; }*/ .page-Message_Wall_Abuse_filter #Wall { display: none; } .page-Message_Wall_Wikia #Wall { display: none; } .page-Message_Wall_WikiaBot #Wall { display: none; } .page-Message_Wall_FANDOM #Wall { display: none; } .page-Message_Wall_FANDOMbot #Wall { display: none; } .page-Message_Wall_Default #Wall { display: none; } /* Removing redundant user tags */ .page-Message_Wall_ImperialMcFly .masthead-info span.tag:nth-of-type(2), .page-User_ImperialMcFly .masthead-info span.tag:nth-of-type(2), .page-User_blog_ImperialMcFly .masthead-info span.tag:nth-of-type(2), .page-Special_Contributions_ImperialMcFly .masthead-info span.tag:nth-of-type(2), .page-Message_Wall_ElijahPepe .masthead-info span.tag:nth-of-type(2), .page-User_ElijahPepe .masthead-info span.tag:nth-of-type(2), .page-User_blog_ElijahPepe .masthead-info span.tag:nth-of-type(2), .page-Special_Contributions_ElijahPepe .masthead-info span.tag:nth-of-type(2) { display: none; } /* Discord Widget Role Colors */ .discord-widget .widget-role-container[data-name="Wiki Admins"] .widget-role-name { color: #aa093f; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Wiki Admins"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Wiki Admins"] .widget-member-name { border-color: #aa093f; background-color: #aa093f; } .discord-widget .widget-role-container[data-name="Content Mods"] .widget-role-name { color: #3498db; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Content Mods"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Content Mods"] .widget-member-name { border-color: #3498db; background-color: #3498db; } .discord-widget .widget-role-container[data-name="Bots"] .widget-role-name { color: #607d8b; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Bots"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Bots"] .widget-member-name { border-color: #607d8b; background-color: #607d8b; } .discord-widget .widget-role-container[data-name="Super Editors"] .widget-role-name { color: #3e7d7e; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Super Editors"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Super Editors"] .widget-member-name { border-color: #3e7d7e; background-color: #3e7d7e; } .discord-widget .widget-role-container[data-name="Notable Users"] .widget-role-name { color: #5d6683; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Notable Users"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Notable Users"] .widget-member-name { border-color: #5d6683; background-color: #5d6683; } /* Format currency amounts, see Module:Currency. (ElijahPepe) */ .robux-icon > a > img { width: 20px; height: 20px; } .robux-icon-background { background-image: url(https://vignette.wikia.nocookie.net/roblox/images/4/43/Robux_dark_small.svg); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .robux-amount { font-weight: bold; } /* Format notices. (ElijahPepe) */ .notice { padding: 0.5em; margin-bottom: 0.2em; clear: both; } /* Misc template styling (ElijahPepe) */ .navbox { clear:both; } /* Fix header style in the infoboxes. (ElijahPepe) */ .pi-europa .pi-header a, .pi-europa .pi-title a { text-decoration: none; } .pi-europa .pi-header a:hover, .pi-europa .pi-title a:hover { text-decoration: underline; } /* Value types and API tags (ElijahPepe) */ .pi-data-value > ul.class-tags { list-style-type: none; margin-left: 0; } .class-tags > li { color: gray; } h1 .member-tag, h2 .member-tag, h3 .member-tag, h4 .member-tag, h5 .member-tag { color: gray; } .primitive-type, .group-type { color: darkgreen; } .value-type a, .value-type .selflink { color: green; } .value-type .selflink { font-weight: normal; } /* Unbulleted lists (ElijahPepe) */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ol li, .plainlist ul li { margin-bottom: 0; } /* Template:Frame */ .frame-template { box-shadow: 0 0 0.3em #999; margin: 1em 0.25em 2em 0.25em; } .frame-template div:first-child { color: #FFF; padding: 0.4em 0.8em 0.5em; } .frame-template div:nth-child(2) { padding: 1em; } /* Style forum activity module on the main page */ .mainpage .forum-activity-module { margin-top: 1em; margin-left: 0.14em; margin-bottom: 1.8em; margin-right: 0.25em; box-shadow: 0 0 0.3em #999; } .mainpage .forum-activity-module > h2 { background-color: #e2231a; border-bottom-style: none; color: white; height: unset; line-height: unset; margin-top: 0; padding: 0.4em 0.8em 0.5em; } .mainpage .forum-activity-module ul.activity-items { padding-left: 5px; }
 * 1) CreatePageModalDialog .create-page-dialog__proposals {

/* Rounded infoboxes */ .portable-infobox .pi-background .pi-europa .pi-theme-wikia .pi-layout-default { border-radius: 10px; }

/* Mark AbuseFilter #19 for use of VSTF */ a[href='/wiki/Special:AbuseFilter/19']:after { content: " (VSTF)"; color: red; } /* ModernWikiActivity */ .activityfeed > li { --mwa-edit: #CC483D; --mwa-talk: #505050; --mwa-cat: #A34534; --mwa-new: #2287E5; --mwa-font: Source Sans Pro, Arial, Helvetica, sans-serif; --mwa-link-transform: none; --mwa-text-transform: none; }

/* ElijahPepe - 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, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .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, #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.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 svg#wds-icons-menu-control-tiny { transform: rotate(-90deg) translateY(3px); } .wds-dropdown-level-2 svg#wds-icons-menu-control-tiny { -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } svg#wds-icons-dropdown-tiny { transition: transform 0.2s; } /* Progress Bar */ .progressbar { background-color: #d8ad90; border-radius: 13px; width: 80px; /* (height of inner div) / 2 + padding */ } .progressbar>div { background-color: red; height: 10px; border-radius: 10px; } /*Trial comment notices*/ content: "Read the rules above before posting a comment."; font-size: 20px; font-weight: bold; }   content: "The Tiny Ships Sandbox Wikia is a community site. The staff of this wiki are NOT TSS staff. If you need to contact them, use their Discord."; font-size: 16px; font-weight: bold; background-color: #FF0; }
 * 1) article-comments:before{
 * 1) article-comments-ul:before{