MediaWiki:Common.css

/* Import ModernizedChanges to aid the transition to UCP. Uncomment when UCP has come. * It doesn't work right now, but it will when the switch to UCP is made. * See here: https://dev.fandom.com/wiki/ModernizedChanges */ /* @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernizedChanges.css&only=styles"; */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:FandomizedPolls.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:FandomizedAchievementsSystems/code.css|u:dev:MediaWiki:FandomizedThemeDesigner.css|u:dev:MediaWiki:MessageWallPagination/code.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:EditorVisualMinimal.css|u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:RedesignedAdminDashboard.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:FandomizedWikiFeatures.css|u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles"; @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro'); @import url('https://fonts.googleapis.com/css?family=Helvetica'); @import url('https://fonts.googleapis.com/css?family=Product+Sans'); @import url('https://fonts.googleapis.com/css?family=Proxima+Nova'); @import url('https://fonts.googleapis.com/css?family=Rubik');

/* Smash Hit font for the header (REQUIRES FONT TO BE INSTALLED LOCALLY)*/ .page-header__title { font-family: Smash Hit, sans-serif; }

/* Shapeshift pfp */ .masthead-avatar img { border-radius: 100%; } .masthead-avatar img { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; } .masthead-avatar:hover img { border-radius: 0%; } .WikiaNotifications li div a { font-weight: bold; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }

/* Other 2 */

.wikia-ad_noprint {display:none} .wikis {display:none} /* The main panels for the wiki switcher (OtherWiki template) */

.wiki-switcher-fanon { margin: 2.5%; margin-bottom: 0; border-radius: 0.8em; padding: 2.5%; width: 90%; color: #fff; background-image: linear-gradient(to right, rgba(0,179,214,0.5), rgba(0,179,214,0.5)), linear-gradient(to left, rgba(0,179,214,0) 200px, #00b3d6 430px), url("https://vignette.wikia.nocookie.net/smash-hit-fanon/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115?cb=20200423183051"); background-position: right center; background-repeat: no-repeat; background-size: 100% auto; position: relative; display: block; }

.wiki-switcher-mod { margin: 2.5%; border-radius: 0.8em; padding: 2.5%; width: 40%; /* Keep in mind that each side uses 5%, 5% + 5% + 40% = 50% */ color: #fff; float: left; background-image: linear-gradient(to right,rgba(17,106,151,0.5),rgba(17,106,151,0.5)),linear-gradient(to left,rgba(17,106,151,0) 200px,#116a97 430px), url("https://vignette.wikia.nocookie.net/smashing_mods/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115?cb=20200522130623"); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; position: relative; display: block; }

.wiki-switcher-tech { margin: 2.5%; border-radius: 0.8em; padding: 2.5%; width: 40%; color: #fff; float: right; background-image: linear-gradient(to right,rgba(128,20,14,0.5),rgba(128,20,14,0.5)),linear-gradient(to left,rgba(128,20,14,0) 200px,#80140e 430px), url("https://vignette.wikia.nocookie.net/smashingtech/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115?cb=20200105031153"); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; position: relative; display: block; }

/* Code block - better formatting */

code { padding: 2px; border: 1px solid #dadada; border-radius: 3px; }

body { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }

.frontpage { margin: 2.5%; border-radius: 0.8em; padding: 6% 2.5%; width: 90%; color: #fff; background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)), url("https://vignette.wikia.nocookie.net/smashhit/images/6/68/IMG_9718.PNG/revision/latest?cb=20200522225555&format=original"); background-position: right center; background-repeat: no-repeat; background-size: 100% auto; text-shadow: 0 3px 3px rgba(0,0,0,0.35); text-align: center; position: relative; display: block; }

.frontpage a { color: #fff; color: rgba(255, 255, 255, 0.8); }

/* Other */

.comments li[data-user="Commuter"] .edited-by:after, .comments li[data-user="Rubnhsa"] .edited-by:after, .comments li[data-user="Knot126"] .edited-by:after, .comments li[data-user="Alpha Plasma Pea"] .edited-by:after, .comments li[data-user="NewBartoszx1"] .edited-by:after {   content: "Administrator '';

font-weight: bold; color: #7D0AFF; background-color: #7D0AFF; border: 1px solid #00ff00; border-radius: 2px; padding: 0 5px; margin-left: 3px; } .comments li[data-user="Commuter"] .edited-by:after, .comments li[data-user="Rubnhsa"] .edited-by:after, .comments li[data-user="Knot126"] .edited-by:after, .comments li[data-user="Alpha Plasma Pea"] .edited-by:after, .comments li[data-user="Dynablox"] .edited-by:after, .comments li[data-user="NewBartoszx1"] .edited-by:after {   content: "Bureaucrat ";    font-weight: bold;    color: #7D0AFF;    background-color: #9FCE2A;    border: 1px solid #ffff00;    border-radius: 2px;    padding: 0 5px;    margin-left: 3px; }

.frontpage a { color: rgba(255, 255, 255, 0.8); }

.accent { border-color: transparent; background-color: transparent; }

.wikiaPhotoGallery-slider-body { border-radius: 0em; margin-bottom: 2.5%; }

.wikiaPhotoGallery-slider-body .nav > img, .wikiaPhotoGallery-slider-body .nav p > img { border-radius: 0em; }

.WikiaArticle pre { background: #f2f2f2; border: none; border-radius: 0.2em; padding: 0.5em 0.7em; font-family: monospace; line-height: 1.3; }

/* Make non-UCP VE look better * VE is odd and I seem to be forced to use !important */

.oo-ui-window-frame { width: 1200px !important; height: 95% !important; transition: 0.5s !important; transition-timing-function: ease-in-out !important; }

.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { transition: display 0.5s !important; transition-timing-function: ease-in-out !important; }

.oo-ui-inputWidget textarea { background-color: white !important; border: none !important; box-shadow: none !important; color: black !important; font-size: 12pt !important; }

.oo-ui-processDialog-content .oo-ui-window-body { box-shadow: none !important; }