MediaWiki:Common.css

/* CSS placed here will be applied to all skins on the entire site. */ @import url("https://fortnite.fandom.com/wiki/MediaWiki:Themes.css?action=raw&ctype=text/css");

/* import font for mainpage headers */ @import url('https://fonts.googleapis.com/css?family=Luckiest+Guy');

@font-face { font-family: "Burbank Bold"; src:url(https://static.wikia.nocookie.net/fortnite/images/7/76/Burbank_Big_Condensed_Bold.otf/revision/latest) format('opentype'); src: local(‚ò∫),; font-weight: normal; font-style: normal; }

@font-face { font-family: "Burbank Regular"; src:url(https://static.wikia.nocookie.net/fortnite/images/f/fa/BurbankBigRegular-Black.otf/revision/latest?cb=20200910204701&format=original) format('opentype'); src: local(‚ò∫),; font-weight: normal; font-style: normal; }

@font-face { font-family: "Burbank Small"; src:url(https://static.wikia.nocookie.net/fortnite/images/b/bd/Burbank_Small_Bold.ttf/revision/latest?cb=20211207211653&format=original) format('opentype'); src: local(‚ò∫),; font-weight: normal; font-style: normal; } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)"; } .watchlistredir { font-style: italic; }

background-image: url('https://static.wikia.nocookie.net/fortnite/images/c/c8/Ammo_Box_-_Chests_-_Fortnite.png/revision/latest'); background-blend-mode: normal; border: 1px dashed #3A3A3A; background-size: 130px; background-repeat: no-repeat; background-position: right; padding: 10px 10px 10px 30px; }
 * 1) mw-content-text .noarticletext {

/* Main page flex */ .mp-content-flex { display:flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-around; text-align: center; }

/* Main page headers */ .mainpage-header { font-family: 'Burbank Bold', serif; font-size: 22pt; text-align: center; letter-spacing: 2px; color: #ffffff; text-shadow: 2px 2px 4px #000000; text-transform: uppercase; }

/* New Mainpage Boxes */ line-height: 22px; margin: 0; padding-left: 25px; }
 * 1) mp-contents .mp-content {

.mp-color { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0 0 5px 5px; background-color: #B7C8C9; padding: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); } .theme-fandomdesktop-dark .mp-color { background-color: #2A3742; }

.mainpage-header.mp-color { margin-bottom: 0; border-radius: 5px 5px 0 0; padding: 15px 10px 5px 10px; background-color: #012d82; } .theme-fandomdesktop-dark .mainpage-header.mp-color { background-color: #20636E; }

.mainpage-banner { background-color: #B7C8C9; border: 5px solid #0D9892; } .theme-fandomdesktop-dark .mainpage-banner { background-color: #2A3742; border-color: #20636E; }

.mp-color .mp-content { margin: 10px 0; }

/* Mainpage Navigation */ .imgUnder { overflow: visible; display: inline-block; position: relative; } .imgOver { display: block; visibility: hidden; width: inherit; height: inherit; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .imgUnder:hover .imgOver { visibility: visible; } .imgUnder:hover .imgBase { visibility: hidden; }

/* default settings for div table */ .divTable{ display: table; } .divTableRow { display: table-row; } .divTableCell, .divTableHead { display: table-cell; padding: 10px; } .divTableBody { display: table-row-group; }

.page-Fortnite_Wiki .divTableRow img { filter: invert(1); } .page-Fortnite_Wiki.theme-fandomdesktop-dark .divTableRow img { filter: unset; }

/* CSS TRANSITIONS */ .gray { filter: grayscale(200%); } .brighten img, .brighten_ov img { -webkit-filter: brightness(100%) drop-shadow(0px 0px 2px #000); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .brighten img:hover { -webkit-filter: brightness(110%) drop-shadow(0px 0px 2px #000); } .brighten_ov img:hover { -webkit-filter: brightness(90%) drop-shadow(0px 0px 2px #000); } .select_mt { -webkit-filter: drop-shadow(1px 1px 0px #006cb0) drop-shadow(-1px -1px 0px #006cb0) drop-shadow(1px -1px 0px #006cb0) drop-shadow(-1px 1px 0px #006cb0); } .brighten-mt { -webkit-filter: drop-shadow(0px 0px 2px #000); } .brighten-mt:hover { -webkit-filter: brightness(110%) drop-shadow(0px 0px 2px #000); } .md_icon_small { filter: drop-shadow(0px 0px 4px #0d273e); } .md_icon_small_bw { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .hurr > .cp_container > .article-table > tbody > tr > td .floatright img:hover { -webkit-transform: rotateZ(-720deg) scale(2); -ms-transform: rotateZ(-720deg) scale(2); transform: rotateZ(-720deg) scale(2); transition: 0.1s ease; } .grow img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.03); transition: 1s ease; } .grow img { transition: 1s ease; } .bg_gallery img:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition: 0.2s ease; -webkit-filter: brightness(105%); } .bg_gallery img { transform: scale(1); } .dv_sing { filter: drop-shadow(0px 0px 12px #E62E00); }

/*** custom table so just need to list the class and not change each one on site ***/ table.listing { margin: auto; border-collapse: separate; border-spacing: 2px; }

/* cells */ table.listing th, table.listing td { padding: 5px; } /* header */ table.listing th { background: #012d82; text-align: center; color: #fff; } /* alternating rows */ table.listing tr:nth-child(odd) { background-color: #B7C8C9; } table.listing tr:nth-child(even) { background-color: #B7C8C9; }

/* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 9 (2016-08-10) @author User:Edokter .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li, .hlist .mw-empty-elt { display: none; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li:before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; }

/* Template:Navbox and wide variant */ /* Default skin for navigation boxes. */ table.navbox { /* Navbox style */ border: 1px solid #111111; color: #333333; background-color: transparent; width: 100%; margin: auto; margin-top: 5px; clear: both; font-size: 85%; text-align: left; padding: 1px; } table.navbox + table.navbox { margin-top:-1px; /* single pixel border between adjacent navboxes */ } .navbox-title { /* Title style */ color: #333333; text-align: center; padding-left: 1em; padding-right: 1em; width: 10%; } .navbox-group { /* Group style */ font-weight: bold; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; } .navbox .navbox-group a { white-space: normal; } .navbox-list { padding: 5px; border: 1px solid #111111; border-top: none; border-right: none; }

.navbox-subgroup .navbox-group { padding-bottom: 5px; border-left: 0; } .navbox-subgroup .navbox-group a { white-space: normal; }

/** Rarity Gif **/ .toggleRarity { animation-name: toggleRarity; animation-duration: 10s; animation-iteration-count: infinite; animation-direction: normal; } @keyframes commonToMythic { 17% { background:radial-gradient(#FDAE53, #E67A1B, #C35512, #962605); } /* Legendary */ 33% { background:radial-gradient(#bd3ffa, #460d7f);} /* Epic */ 50% { background:radial-gradient(#00f0ef, #00b9d4, #008fbf, #005ca6); } /* Rare */ 67% { background:radial-gradient(#5afb00, #36ac00, #1c7500); } /* Uncommon */ 83% {background-image:url("https://static.wikia.nocookie.net/fortnite/images/7/7f/Common_-_Rarity_Background_-_Fortnite.png/revision/latest"); } /* Common */ } @keyframes rareToLegendary { 33%  { background:radial-gradient(#bd3ffa, #460d7f);} /* Epic */ 66%  { background:radial-gradient(#00f0ef, #00b9d4, #008fbf, #005ca6); } /* Rare */ } @keyframes uncommonToEpic { 33% { background:radial-gradient(#00f0ef, #00b9d4, #008fbf, #005ca6); } /* Rare */ 66% { background:radial-gradient(#5afb00, #36ac00, #1c7500); } /* Uncommon */ } @keyframes commonToLegendary { 20% { background:radial-gradient(#bd3ffa, #460d7f);} /* Epic */ 40% { background:radial-gradient(#00f0ef, #00b9d4, #008fbf, #005ca6); } /* Rare */ 60% { background:radial-gradient(#5afb00, #36ac00, #1c7500); } /* Uncommon */ 80% { background-image:url("https://static.wikia.nocookie.net/fortnite/images/7/7f/Common_-_Rarity_Background_-_Fortnite.png/revision/latest"); } /* Common */ } @keyframes commonToRare { 33% { background:radial-gradient(#5afb00, #36ac00, #1c7500); } /* Uncommon */ 66% { background-image:url("https://static.wikia.nocookie.net/fortnite/images/7/7f/Common_-_Rarity_Background_-_Fortnite.png/revision/latest"); } /* Common */ } @keyframes epicToLegendary { 50% { background:radial-gradient(white, #4c197b); } /* Epic */ }

/* Class */ .hoverimage { padding: 5px; } .hoverimage img { opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ } .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }

/* Custom Div Classes for Rarity Templates */ .gaming-legends-series { background:url(https://static.wikia.nocookie.net/fortnite/images/f/fb/Gaming_Legends_Series_-_Rarity_-_Fortnite.png/revision/latest), radial-gradient(#3730FF, #010005); background-size: contain; border:solid #000000 2px; }

.star-wars-series { background:url(https://static.wikia.nocookie.net/fortnite/images/a/a3/Star_Wars_Series_-_Rarity_-_Fortnite.png/revision/latest), radial-gradient(white, #191970); background-size: contain; border:solid #000000 2px; }

.dark-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/9/92/Dark_Series_-_Rarity_-_Fortnite.png/revision/latest"), radial-gradient(white, #EE82EE); background-size: contain; border:solid #000000 2px; }

.icon-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/0/08/Icon_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.lava-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/d/d3/Lava_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.frozen-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/9/9f/Frozen_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.dc-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/9/91/DC_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.shadow-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/3/3e/Shadow_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.slurp-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/c/cf/Slurp_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.marvel-series { background-image:url("https://static.wikia.nocookie.net/fortnite/images/2/24/Marvel_Series_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.transcendent { background-image:url("https://static.wikia.nocookie.net/fortnite/images/1/1c/Transcendent_-_Rarity_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.exotic { background-image:url("https://static.wikia.nocookie.net/fortnite/images/b/bb/Exotic_-_Rarity_-_Fortnite.png/revision/latest/scale-to-width-down/512?cb=20210914043259"); background-size: contain; border:solid #000000 2px; }

.common { background-image:url("https://static.wikia.nocookie.net/fortnite/images/7/7f/Common_-_Rarity_Background_-_Fortnite.png/revision/latest"); background-size: contain; border:solid #000000 2px; }

.uncommon { background-image:url("https://static.wikia.nocookie.net/fortnite/images/4/46/Uncommon_-_Rarity_-_Fortnite.png/revision/latest/scale-to-width-down/512?cb=20210919215343"); background-size: contain; border:solid #000000 2px; }

.rare { background-image:url("https://static.wikia.nocookie.net/fortnite/images/b/bc/Rare_-_Rarity_-_Fortnite.png/revision/latest/scale-to-width-down/512?cb=20210919215326"); background-size: contain; border:solid #000000 2px; }

.epic { background-image:url("https://static.wikia.nocookie.net/fortnite/images/4/47/Epic_-_Rarity_-_Fortnite.png/revision/latest/scale-to-width-down/512?cb=20210919215242"); background-size: contain; border:solid #000000 2px; }

.legendary { background-image:url("https://static.wikia.nocookie.net/fortnite/images/2/2a/Legendary_-_Rarity_-_Fortnite.png/revision/latest/scale-to-width-down/513?cb=20210919213057"); background-size: contain; border:solid #000000 2px; }

.mythic { background-image:url("https://static.wikia.nocookie.net/fortnite/images/9/9a/Mythic_-_Rarity_-_Fortnite.png/revision/latest/scale-to-width-down/512?cb=20210919215049"); background-size: contain; border:solid #000000 2px; } .main-tooltip { background: none; border: 0; box-shadow: none; }

/* Special User Colors */ /** Bureaucrats **/ /* Special User Colors */ /** Bureaucrats **/ a[href$="User:MTOnline69"]:not(.wds-avatarimage, .wds-avatar a, .user-profile-navigation__link a), a[href$="User:Haydragon161"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a) { background: url(https://static.wikia.nocookie.net/fortnite/images/a/a1/Medal-Green-1.png/revision/latest) center left no-repeat; background-size: 16px; padding-left: 17px; color: #2ECC71; font-weight: bold; }

/** Admins **/ a[href$="User:Lumineee"]:not(.wds-avatarimage, .wds-avatar a, .user-profile-navigation__link a), a[href$="User:Sebas1801"]:not(.wds-avatarimage, .wds-avatar a, .user-profile-navigation__link a), a[href$="User:DurrrBurger1"]:not(.wds-avatarimage, .wds-avatar a, .user-profile-navigation__link a) { background: url(https://static.wikia.nocookie.net/fortnite/images/4/45/Medal-Pink-1.png/revision/latest?cb=20220207210658&format=original) center left no-repeat; background-size: 16px; padding-left: 17px; color: #d21e63; font-weight:bold; } /** Content Moderators **/ a[href$="User:Redtarp"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a) { background: url(https://static.wikia.nocookie.net/fortnite/images/2/2d/Medal-Blue-1.png/revision/latest?cb=20210217215833&format=original) center left no-repeat; background-size: 16px; padding-left: 17px; color: #1197F1; font-weight:bold; } /** Discussion Moderators **/ a[href$="User:JanoPotato01"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a) { background: url(https://static.wikia.nocookie.net/fortnite/images/e/e3/Medal-Orange-1.png/revision/latest?cb=20200610145353&format=original) center left no-repeat; background-size: 16px; padding-left: 17px; color: #e49a5e; font-weight:bold; }

/** Rollbacks **/ a[href$="User:Beautifulcow"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a), a[href$="User:Hades783"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a), a[href$="User:John_%22Frog%22_Pliskin"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a) { background: url(https://static.wikia.nocookie.net/fortnite/images/f/fc/Medal-Purple-1.png/revision/latest?cb=20220125105640&format=original) center left no-repeat; background-size: 16px; padding-left: 17px; color: #AE78C4; font-weight:bold; } /** Wiki Representative **/ a[href$="User:Surafbrov"] { color: #B39500; font-weight:bold; }

/** Bots **/ /*a[href$="User:"] { color: #6E6E6E; font-weight:bold; }*/

/** Hall of Famers **/ /*a[href$="User:"]:not(.wds-avatar__image, .wds-avatar a, .user-profile-navigation__link a) { text-shadow:0px 0px 4px #e6ac00; color: #ffdf82; background: url(https://static.wikia.nocookie.net/fortnite/images/d/d7/Sparkle_yellow.gif/revision/latest) repeat; }*/