MediaWiki:Mainpage.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Desktop.css|MediaWiki:Hover.css"); @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap'); @import "/load.php?articles=MediaWiki:Tournaments.css|MediaWiki:Mainpage.css|MediaWiki:Badges-blogs.css|u:dev:MediaWiki:FandomIcons.css&only=styles&mode=articles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:NewPagesModule.css&only=styles"; @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"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UserAnimations.css&only=styles"; @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css"); @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&display=swap'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles"; @import url(https://fonts.googleapis.com/css?family=Lobster|Niconne|Oswald|Economica|Open+Sans); @import url(/load.php?mode=articles&articles=u:dev:MediaWiki:DiscussionsFeed/style-light.css&only=styles); @import "/load.php?articles=MediaWiki:Themes.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Usernamecolors.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Useravatarcolors.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Usermessagecolors.css&only=styles&mode=articles"; @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:BalancedComments.css|u:dev:MediaWiki:BalancedDiscord.css|u:dev:MediaWiki:BalancedCategories.css"); @import url('https://fonts.googleapis.com/css?family=Montserrat:wght@500|Varela+Round|Noto+Sans'); @import url('/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles'); /* Part 1 (Fandom)*/ .mainpage-box { font-family: "Helvetica"; margin: 0 0 30px; } .mainpage-box h2 { border: medium none; font-family: "Helvetica"; font-size: 26px; font-weight: bold; line-height: normal; margin: 45px 0 20px; overflow: hidden; padding: 0; text-align: center; text-transform: uppercase; } .mainpage-box h2::before, .mainpage-box h2::after { background-color: #707070; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .mainpage-box h2::before { margin-left: -50%; right: 0.5em; } .mainpage-box h2::after { left: 0.5em; margin-right: -50%; } .mainpage-box h3 { font-weight: bold; font-size: 22px; line-height: normal; margin: 15px 0px 20px; } .mainpage-more { margin-top: 20px; } .mainpage-more a, .mainpage-more .recent a:active, .mainpage-more .recent a:visited { color: #7d2626; font-size: 18px; text-decoration: none; } .mainpage-more a:hover { color: #7d2626; } .mainpage-more a::after { background-size: cover; background-image: url("https://static.wikia.nocookie.net/central/images/2/2e/Cmaamparrows.png/revision/latest?cb=20211112025530"); background-position: 0px 0px; background-repeat: no-repeat; content: ""; display: inline-block; height: 16px; left: 8px; position: relative; top: 3px; width: 22px; } .mainpage-more a:hover::after { background-position: -23px 0px; } @media screen and (max-width: 1023px) { .page-Community_Central .WikiaRail, .page-Community_Central .main-page-tag-rcs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } /** Connect Staff **/ .mainpage-connect .staff { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 0px; } .mainpage-connect .staff li { border-radius: 4px; border: 1px solid rgba(125,129,139,0.38); box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: center; width: calc(50% - 10px); } .mainpage-connect .staff img { border-radius: 50%; height: auto; width: 95px; } .mainpage-connect .staff .name { line-height: 18px; margin-top: 10px; } .mainpage-connect .staff .name a, .mainpage-connect .staff .name a:active, .mainpage-connect .staff .name a:visited { color: var(--theme-page-text-color); font-weight: bold; text-decoration: none; } .mainpage-connect .staff .name a:hover { color: #545454; } .mainpage-connect .mainpage-more { margin-top: 10px; } @media screen and (max-width: 1023px) { .mainpage-connect .staff li { width: auto; }    .mainpage-connect .staff .notablet { display: none; } } /** Social **/ .mainpage-social { background-color: rgba(142,142,142,0.19); padding: 30px 0px 35px; text-align: center; } .mainpage-social h3 { font-size: 25px; font-weight: bold; margin: 0px 0px 15px; } .mainpage-social .social-button { display: inline-block; vertical-align: top; } .mainpage-social .social-button.facebook span { vertical-align: top; } /** Highlight on cover code **/ .mainpage-box .staff li:hover, .mainpage-box .featured:hover, .mainpage-box .not-featured:hover { background: rgba(100, 100, 100, 0.37) } .mainpage-box .avatar { border: none; } /*Part 2 (Divinity: Against the Godly System)*/ main.page__main { font-family: var(--wiki-page-font); } h1.page-header__title { font-family: var(--wiki-heading-font); } .page__main h1, .page__main h2, .page__main h3, .page__main h4, .page__main h5, .page__main h6 { font-family: var(--wiki-heading-font); } .fandom-community-header, .fandom-community-header__local-navigation, .fandom-sticky-header__sitename { font-family: var(--wiki-heading-font); } /* h2 heading */ .headertype { background: var(--theme-link-color); }   border-bottom-color: var(--theme-link-color) !important; } .mp-container { border: 2px solid; border-image: linear-gradient(to right, #56c4c5, #56c5ee) 9; background-color: transparent; padding: 0.4em 1em; } .mp-heading { text-align: center; color: white; text-transform: uppercase; text-shadow: 0 0 5px #56c4c5, 0 0 5px #56c4c5, 0 0 5px #56c4c5; font-size: 30px; padding-bottom: 15px; padding-top: 15px; } .mp-underline { border: none; height: 2px; margin: 20px 0 20px 0; width: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .mp-hr { border: none; height: 2px; background-color: var(--theme-link-color); } .mp-helpline { text-align: center; color: white; text-shadow: 0 0 5px #56c4c5, 0 0 5px #56c5ee, 0 0 5px #56c4c5; text-transform: uppercase; font-weight: bold; margin: 15px; } .mp-stats { color: var(--theme-link-color); text-shadow: 0 2px 7px var(--theme-link-color); font-size: 1.30em; margin-top: 15px; } .activityfeed .mw-changeslist-legend { float: none; margin-left: 0; border-color: var(--theme-link-color); } .gallery-dark { display: none; } /* Dark theme customization */ .theme-fandomdesktop-dark .mp-container { border-width: 1px; } .theme-fandomdesktop-dark .gallery-light { display: none; } .theme-fandomdesktop-dark .gallery-dark { display: block; } /*Part 3 (Roblox)*/ .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; } /* 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%; }
 * 1) mw-content-text h2 {