dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/***
* THE FOLLOWING ICONS ARE PART OF FANDOM'S DESIGN SYSTEM, PROPERTY OF FANDOM, INC. 
* THESE ICONS, AND THEREFORE THIS STYLESHEET, ARE SUPPOSED TO BE USED ON FANDOM WIKIS,
* WHICH COVER WIKIS UNDER THE DOMAINS OF *.WIKIA.ORG, *.GAMEPEDIA.COM AND *.FANDOM.COM
* PLEASE CONTACT FANDOM AT https://fandom.com/about#contact
* IF YOU'RE INTERESTED IN LICENSING THEM
* -------------------------------------------------------------------
* THE FOLLOWING STYLESHEET ITSELF IS LICENSED AS CC-BY-SA, BUT THE ICONS
* ARE NOT LICENSED FOR GENERAL USE. 
* Fandom-Icons.woff and FANDOM-Icons.woff2 ARE MERELY COMPILATIONS OF SAID
* ICONS AND WEREN'T DESIGNED BY THE STYLESHEET AUTHOR(S)
* -------------------------------------------------------------------
* SOME ICONS, LIKE DISCORD'S LOGO, WERE IMPORTED FROM FONTAWESOME. PLEASE, REFER
* TO THEIR WEBISTE FOR MORE INFORMATION REGARDING THE ICON LICENSES
* -------------------------------------------------------------------
* @author unai01 <unai@fandom.com>
* @description adds fandom icons for sitewide use
* @see https://github.com/Wikia/design-system
* @see https://icomoon.io
***/
@font-face {
	font-family: 'FANDOM-Icons';
	/* [[File:FANDOM-Icons.woff2]] */
	/* [[File:FANDOM-Icons.woff]] */
	src: url('https://vignette.wikia.nocookie.net/dev/images/b/b4/FANDOM-Icons.woff2/revision/latest') format('woff2'), url('https://vignette.wikia.nocookie.net/dev/images/e/ee/FANDOM-Icons.woff/revision/latest') format('woff');
	font-weight: normal;
	font-style: normal;
}

.fandom-icons {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'FANDOM-Icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Enable Ligatures ================ */
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
/* Icon tweaks */
.icon-translate:before {
	content: "\e911";
}
.icon-external-link:before {
	content: "\e90f";
}
.icon-discord:before {
	content: "\e910";
	color: #5865F2;
}
.icon-cmod .path1:before {
	content: "\e902";
	color: rgb(0, 0, 0);
}
.icon-cmod .path2:before {
	content: "\e903";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-admin .path1:before {
	content: "\e904";
	color: rgb(0, 0, 0);
}
.icon-admin .path2:before {
	content: "\e905";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-dmod .path1:before {
	content: "\e906";
	color: rgb(0, 0, 0);
}
.icon-dmod .path2:before {
	content: "\e907";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-gmod .path1:before {
	content: "\e908";
	color: rgb(0, 0, 0);
}
.icon-gmod .path2:before {
	content: "\e909";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-helper .path1:before {
	content: "\e90a";
	color: rgb(0, 0, 0);
}
.icon-helper .path2:before {
	content: "\e90b";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-helper .path3:before {
	content: "\e90c";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-staff .path1:before {
	content: "\e90d";
	color: rgb(0, 0, 0);
}
.icon-staff .path2:before {
	content: "\e90e";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-soap .path1:before, .icon-vstf .path1:before {
	content: "\e900";
	color: rgb(0, 0, 0);
}
.icon-soap .path2:before, .icon-vstf .path2:before {
	content: "\e901";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-logo-fandom:before, .icon-logo-wikia:before {
	content: "\e921";
}
.icon-activity:before {
	content: "\1f4c8";
}
.icon-activity-small:before {
	content: "\1f4c9";
}
.icon-alert:before {
	content: "\1f6a8";
}
.icon-alert-small:before {
	content: "\26a0";
}
.icon-arrow:before {
	content: "\2190";
}
.icon-arrow-small:before {
	content: "\2b05";
}
.icon-arrow-tiny:before {
	content: "\27f5";
}
.icon-article:before {
	content: "\1f4d8";
}
.icon-article-small:before {
	content: "\1f4c3";
}
.icon-articles-small:before {
	content: "\1f4da";
}
.icon-article-tiny:before {
	content: "\1f4dc";
}
.icon-bell:before {
	content: "\1f514";
}
.icon-bold:before {
	content: "\1d401";
}
.icon-bold-small:before {
	content: "\1d41b";
}
.icon-bookmark:before {
	content: "\1f516";
}
.icon-bookmark-small:before {
	content: "\1f4d1";
}
.icon-bullet-list:before {
	content: "\2a";
}
.icon-bullet-list-small:before {
	content: "\b7";
}
.icon-camera:before {
	content: "\1f4f7";
}
.icon-chart-small:before {
	content: "\1f4ca";
}
.icon-checkbox:before {
	content: "\2611";
}
.icon-checkmark:before {
	content: "\2713";
}
.icon-checkmark-circle:before {
	content: "\2705";
}
.icon-checkmark-circle-small:before {
	content: "\e949";
}
.icon-checkmark-small:before {
	content: "\2714";
}
.icon-circle-plus:before {
	content: "\2795";
}
.icon-clipboard:before {
	content: "\1f4cb";
}
.icon-clipboard-small:before {
	content: "\e94d";
}
.icon-clock:before {
	content: "\23f0";
}
.icon-clock-small:before {
	content: "\1f550";
}
.icon-clock-tiny:before {
	content: "\1f565";
}
.icon-community:before {
	content: "\1f465";
}
.icon-community-small:before {
	content: "\e952";
}
.icon-controls:before {
	content: "\1f39a";
}
.icon-cross:before {
	content: "\274c";
}
.icon-cross-tiny:before {
	content: "\78";
}
.icon-dashboard-small:before {
	content: "\e956";
}
.icon-document:before {
	content: "\1f4f0";
}
.icon-download:before {
	content: "\2b07";
}
.icon-download-small:before {
	content: "\1f4f2";
}
.icon-download-tiny:before {
	content: "\1f4e9";
}
.icon-dropdown:before {
	content: "\25be";
}
.icon-dropdown-tiny:before {
	content: "\1d14f";
}
.icon-embed:before {
	content: "\1f5a5";
}
.icon-error:before {
	content: "\2b59";
}
.icon-error-small:before {
	content: "\a555";
}
.icon-explore-tiny:before {
	content: "\1f4d6";
}
.icon-eye:before {
	content: "\1f440";
}
.icon-eye-crossed:before {
	content: "\ca0";
}
.icon-eye-crossed-small:before {
	content: "\ca5";
}
.icon-eye-small:before {
	content: "\1f441";
}
.icon-facebook:before {
	content: "\1f575";
}
.icon-fandom, .icon-fandom-heart:before {
	content: "\1f499";
}
.icon-fandom-heart-small:before {
	content: "\e967";
}
.icon-flag:before {
	content: "\2690";
}
.icon-flag-small:before {
	content: "\1f3f3";
}
.icon-fullscreen:before {
	content: "\26f6";
}
.icon-fullscreen-off:before {
	content: "\e96b";
}
.icon-fullscreen-off-small:before {
	content: "\e96c";
}
.icon-fullscreen-small:before {
	content: "\e96d";
}
.icon-gear:before {
	content: "\2699";
}
.icon-gear-small:before {
	content: "\e96f";
}
.icon-gift:before {
	content: "\1f381";
}
.icon-googleplus:before {
	content: "\e971";
}
.icon-grid:before {
	content: "\e972";
}
.icon-grid-small:before {
	content: "\e973";
}
.icon-grid-tiny:before {
	content: "\e974";
}
.icon-help:before {
	content: "\1f198";
}
.icon-hourglass:before {
	content: "\231b";
}
.icon-house:before {
	content: "\1f3e0";
}
.icon-house-small:before {
	content: "\1f3e1";
}
.icon-image:before {
	content: "\1f5bc";
}
.icon-image-add:before {
	content: "\1f4f8";
}
.icon-image-remove:before {
	content: "\e97b";
}
.icon-image-small:before {
	content: "\e97c";
}
.icon-image-tiny:before {
	content: "\1f933";
}
.icon-information:before {
	content: "\2139";
}
.icon-instagram:before {
	content: "\e97f";
}
.icon-italics:before {
	content: "\10306";
}
.icon-italics-small:before {
	content: "\69";
}
.icon-line:before {
	content: "\e982";
}
.icon-link:before {
	content: "\1f517";
}
.icon-linkedin:before {
	content: "\e984";
}
.icon-loading:before {
	content: "\1f300";
}
.icon-lock:before {
	content: "\1f512";
}
.icon-lock-small:before {
	content: "\1f510";
}
.icon-magnifying-glass:before {
	content: "\1f50d";
}
.icon-magnifying-glass-small:before {
	content: "\1f50e";
}
.icon-magnifying-glass-tiny:before {
	content: "\1f52c";
}
.icon-mail:before {
	content: "\1f4e7";
}
.icon-map:before {
	content: "\1f5fa";
}
.icon-megaphone:before {
	content: "\1f4e2";
}
.icon-meneame:before {
	content: "\e98e";
}
.icon-menu:before {
	content: "\2261";
}
.icon-menu-control:before {
	content: "\e990";
}
.icon-menu-control-small:before {
	content: "\e991";
}
.icon-menu-control-tiny:before {
	content: "\e992";
}
.icon-menu-small:before {
	content: "\e993";
}
.icon-menu-tiny:before {
	content: "\e994";
}
.icon-more:before {
	content: "\2838";
}
.icon-nk:before {
	content: "\e996";
}
.icon-note:before {
	content: "\1f4ac";
}
.icon-numbered-list:before {
	content: "\1f522";
}
.icon-numbered-list-small:before {
	content: "\23";
}
.icon-odnoklassniki:before {
	content: "\e99a";
}
.icon-out-arrow-tiny:before {
	content: "\e99b";
}
.icon-page-right:before {
	content: "\23e9";
}
.icon-page-left:before {
	content: "\23ea";
}
.icon-page-last:before {
	content: "\23ed";
}
.icon-page-first:before {
	content: "\23ee";
}
.icon-pages:before {
	content: "\e99c";
}
.icon-pages-small:before {
	content: "\e99d";
	color: #999;
}
.icon-paragraph:before {
	content: "\b6";
}
.icon-pause:before {
	content: "\23f8";
}
.icon-pause-small:before {
	content: "\e9a0";
}
.icon-pencil:before {
	content: "\1f4dd";
}
.icon-pencil-small:before {
	content: "\270f";
}
.icon-pin-small:before {
	content: "\1f4cc";
}
.icon-play:before {
	content: "\25b6";
}
.icon-play-small:before {
	content: "\e9a5";
}
.icon-play-tiny:before {
	content: "\e9a6";
}
.icon-plus:before {
	content: "\2b";
}
.icon-plus-small:before {
	content: "\e9a8";
}
.icon-plus-tiny:before {
	content: "\e9a9";
}
.icon-question:before {
	content: "\2753";
}
.icon-quote:before {
	content: "\22";
}
.icon-quote-small:before {
	content: "\e9ac";
}
.icon-qzone:before {
	content: "\e9ad";
}
.icon-reddit:before {
	content: "\e9ae";
}
.icon-refresh:before {
	content: "\1f504";
}
.icon-reply:before {
	content: "\e9b0";
}
.icon-reply-small:before {
	content: "\e9b3";
}
.icon-reply-tiny:before {
	content: "\e9b4";
}
.icon-share:before {
	content: "\1f4e4";
}
.icon-share-small:before {
	content: "\e9b6";
}
.icon-star:before {
	content: "\2b50";
}
.icon-tag-small:before {
	content: "\1f3f7";
}
.icon-text:before {
	content: "\1f520";
}
.icon-text-small:before {
	content: "\1f524";
}
.icon-trash:before {
	content: "\1f5d1";
}
.icon-trash-open:before {
	content: "\1f6ae";
}
.icon-trash-open-small:before {
	content: "\e9bc";
}
.icon-trash-small:before {
	content: "\e9bd";
}
.icon-tumblr:before {
	content: "\e9be";
}
.icon-twitter:before {
	content: "\1f54a";
}
.icon-undo:before {
	content: "\e9c0";
}
.icon-unlock:before {
	content: "\1f513";
}
.icon-unlock-small:before {
	content: "\e9c2";
}
.icon-upload:before {
	content: "\e9c3";
}
.icon-upvote:before {
	content: "\1f44d";
}
.icon-upvote-reply-tiny:before {
	content: "\1f199";
}
.icon-upvote-small:before {
	content: "\261d";
}
.icon-upvote-tiny:before {
	content: "\1f446";
}
.icon-user:before {
	content: "\1f464";
}
.icon-video-camera:before {
	content: "\1f3a5";
}
.icon-vkontakte:before {
	content: "\e9ca";
}
.icon-volume:before {
	content: "\1f50a";
}
.icon-volume-off:before {
	content: "\1f507";
}
.icon-volume-off-small:before {
	content: "\1f92b";
}
.icon-volume-small:before {
	content: "\1f5e3";
}
.icon-weibo:before {
	content: "\e9cf";
}
.icon-wykop:before {
	content: "\e9d0";
}
.icon-youtube:before {
	content: "\e9d1";
}
.icon-earth:before {
	content: "\1f30e";
}
.icon-twitch:before {
	content: "\ea9f";
}
.icon-github:before {
	content: "\1f408";
}
.icon-soundcloud:before {
	content: "\eac4";
}
.icon-file-pdf:before {
	content: "\eadf";
}