Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import "https://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway|Ubuntu|Parisienne|Poiret One|Rock Salt:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext";
/* Mikadan Font */
@font-face { font-family:"Mikadan";
src:url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.eot") format("eot"),url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.woff") format("woff"),url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.ttf") format("truetype"),url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.svg") format("svg");font-weight:normal;font-style:normal;}
/* Albertus Font */
@font-face{ font-family:"Albertus";
src:url("https://files.jcink.net/uploads/wingoffirewiki/Albertus_Medium_Regular_font.ttf") format("truetype");font-weight:normal;font-style:normal;}
/* Apollo Font */
@font-face{ font-family:"Apollo";
src:url("http://cssforwof.b1.jcink.com/uploads/cssforwof/ApolloMTStd.otf") format("truetype");font-weight:normal;font-style:normal;}
/* SF Wonder Comic Font */
@font-face { font-family:"Wondercomic";
src:url("http://cssforwof.b1.jcink.com/uploads/cssforwof/SF_Wonder_Comic.ttf") format("truetype");font-weight:normal;font-style:normal;}
/** TABLE OF CONTENTS
* CSS & Font Imports (+Colored Usernames, Custom Modicons)
* Hidden Pfps
* Background Changes
* Custom User Tags
* Custom Cursors
* Font Changes
* Rail Changes / Module Styles "Module Mastery"
* MyTools Toolbar and Configuration
* Infoboxes
* Other / Miscellanous
**/
/* CSS & FONT IMPORTS
===================
import and font-face should
stay at the top of the page
username colors and modicons can be edited at MediaWiki:ModStuff.css
=================== */
/*-- Hidden Pfps --*/
/* css pfp remover */
/*User:UsernameHere*/ /*img.wds-avatar__image[src*="/18b2f9b6-73a1-42da-9122-2576b265b6b9"], .user-identity-avatar__image[src*="/18b2f9b6-73a1-42da-9122-2576b265b6b9"],
/*User:BrookRapedAndKilledASmallJewishChild*/ img.wds-avatar__image[src*="/5b9d3f90-969a-4b19-9516-a6b514720421"], .user-identity-avatar__image[src*="/5b9d3f90-969a-4b19-9516-a6b514720421"],
/*User:BreadAndTearIt*/ img.wds-avatar__image[src*="/18b2f9b6-73a1-42da-9122-2576b265b6b9"], .user-identity-avatar__image[src*="/18b2f9b6-73a1-42da-9122-2576b265b6b9"]
{
opacity:0.0
}
/*-- Background Changes --*/
/*making bg image fit all screens*/
body.background-image {
background-size: cover;
}
/* Page Border */
.WikiaSiteWrapper .WikiaPageContentWrapper {
border-width: 0px !important;
}
.WikiaSiteWrapper {
border-color: rgb(161,82,25,0.55);
border-top: transparent;
border-style: solid;
border-width: .8px;
border-radius: 100px 100px 0 0;
box-shadow: 0 0 20px #a15219CC;
}
.WikiaSiteWrapper {
margin-top: 65px;
}
.WikiaSiteWrapper .WikiaPage {
padding-top: 0;
}
/* Page transparency */
/*#userProfileApp,
.WikiaPageContentWrapper {
opacity: 0.98;
}*/
/*-- Custom User Tags --*/
.user-identity-header__tag {
color: inherit;
}
.user-identity-header__tag {
box-shadow: inset 0 1px rgba(255,255,255,0.2),
inset 0 10px rgba(255,255,255,0.1),
inset 0 10px 20px rgba(255,255,255,0.13),
inset 0 -15px 30px rgba(0,0,0,0.2);
color: #FFF !important;
text-shadow: 1px 1px 3px #666;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
letter-spacing: 0.6px;
}
#userProfileApp .user-identity-header__tag--founder,
#userProfileApp .user-identity-header__tag--cofounder {
background: linear-gradient(67deg,#cc3333,#cc9733,#cccc33,#33cc34,#3334cc,#8d33cc);
}
#userProfileApp .user-identity-header__tag--bureaucrat {
background: #ff9721 !important;
}
#userProfileApp .user-identity-header__tag--sysop {
background: #ff5751;
}
#userProfileApp .user-identity-header__tag--chat-moderator {
background: #7d77ee;
}
#userProfileApp .user-identity-header__tag--thread-moderator {
background: #b87bf2;
}
#userProfileApp .user-identity-header__tag--content-moderator {
background: #d849c6;
}
#userProfileApp .user-identity-header__tag--rollback {
background: #2b94ff;
}
#userProfileApp .user-identity-header__tag--inactive {
background: hsl(30,0%,55%);
}
#userProfileApp .user-identity-header__tag--blocked {
background: hsl(0,0%,15%);
}
#userProfileApp .user-identity-header__tag--bannedfromchat-user {
background: hsl(0,0%,30%);
}
/*-- Custom Cursors --*/
/* dragon cursors */
body,
.Message__content,
.wds-dropdown,
.wds-tabs__tab,
.wds-dropdown__toggle,
.client-js{
cursor: url('https://static.wikia.nocookie.net/wings-of-fire-experimental/images/7/75/TBN_GN_Cursor.png/revision/latest/scale-to-width-down/25'), auto !important;
}
a,
area,
button,
[role="button"],
.ActionItem,
.Message__title,
.oo-ui-labelElement-label,
.sitedir-ltr input,
.rich-text-editor__toolbar__icon-wrapper,
.rich-text-editor__toolbar__icon-controls {
cursor: url('https://static.wikia.nocookie.net/wings-of-fire-experimental/images/b/b6/TBN_GN_Cursor_Pointer_Light.png/revision/latest/scale-to-width-down/25'), pointer !important;
}
/*-- Font Changes --*/
/*.WikiaPage .page-header,
.user-identity-header,
.user-profile-navigation,
.WikiaRail .rail-module h2,
.page-title,
.wds-button,
.user-identity-stats,
.Message__title,
.Message__name,
.Reply__name,
.oo-ui-buttonElement-button .oo-ui-labelElement-label,
.mcf-header,
.mcf-card-discussions__header span,
.mcf-card-discussions__content,
.community-info-header__title,
.has-accented-midlight,
.post__title,
.moderation-module__header,
.post__username,
h1,
.filehistory th,
.activityfeed .subtle,
.tabs li,
.UserProfileMasthead .masthead-info > div,
.UserProfileMasthead .masthead-info h1,
.Wall .comments .SpeechBubble .msg-title,
.Wall .edited-by,
.MessageWallForum__empty-state-title,
.wikia-menu-button,
.WikiaPage h2,
.WikiaPage h3,
.WikiaRail .activity-module .page-title,
.WikiaRail .module h2,
.WikiaRail .rail-module h2 {
font-family: "Albertus";
}
.activityfeed strong {
font-family: "Albertus";
font-size: 14px;
}
.activity-type-talk.activity-ns-1201 span.wall-owner {
font-family: "Albertus";
font-size: 12px;
position: relative;
}
.activityfeed em {
font-family: "Albertus";
font-weight: bold;
}
.community-info-header__title,
.has-accented-midlight,
.post__title,
.moderation-module__header,
.post__username,
.feed-filters,
.community-info__expand,
.community-info-stats__text,
.entry-point-item__label,
.reply__username {
font-family: "Albertus";
font-weight: bold;
}
/*-- Rail Changes --*/
#WikiaRailWrapper .rail-module,
#WikiaRailWrapper .module,
.content-review__widget {
border:2px solid #da7726d5;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
margin:0 5px 20px;
background: linear-gradient(135deg,rgb(225,100,40,.6),rgb(246,143,102,.7),rgb(215,143,133,.7));
padding:7px;
border-radius:5px;
}
.WikiaRail .rail-module h2 {
border-bottom: 1px solid rgb(var(--theme-page-text-color--rgb),0.35);
}
/* custom js review widget */
.content-review__widget {
padding: 20px 15px 15px;
}
/* Colors the Discord button a blurple-ish color (blurple: #7289DA) */
.DiscordChat .chat-details .wds-button.wds-is-secondary {
margin: unset;
color: #FFF;
}
.DiscordChat .chat-details .wds-button.wds-is-secondary:hover {
color: #FFFFFF66 !important;
}
/* Replace Discord Chat text title */
.rail-module.DiscordChat > h2 { font-size: 0; }
.rail-module.DiscordChat > h2::after {
content: 'Discord';
font-size: 16px;
}
/* Hide the DiscordModule's original "Join" button */
.WikiaRail .rail-module .wds-button.wds-is-secondary {
visibility: hidden;
position: relative;
padding: unset;
width: 0;
}
/* Build our own DiscordModule "Join" button */
.WikiaRail .rail-module .wds-button.wds-is-secondary::before {
content: 'Join the Discord!';
visibility: visible;
position: absolute;
display: flex;
justify-content: center;
padding: 7px 18px;
border: 1px solid #FFFFFF33;
background-color: #7289DA;
width: 125px;
border-radius: 3px;
transition-duration: .3s !important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:hover::before {
background-color: #485996;
}
/* Hide the icons of online users */
.WikiaRail .DiscordChat .chat-details .avatars {
display: none;
}
.DiscordChat .avatars {
display: none;
}
.DiscordChat .chat-details {
display: flex;
justify-content: center;
}
/* Make the rail into a flex container */
#WikiaRail {
display: flex;
flex-direction: column;
}
/* Set a default order all rail modules */
#WikiaRail > * { order: 2; }
/* Put the chat and discord modules above other rail modules */
/* and, well, really this makes discord stay under LiveChat while keeping everything in order */
#WikiaRail .content-review-module { order: 0; }
#WikiaRail .activity-module { order: 0; }
#WikiaRail .DiscordChat { order: 1; }
/*-- MyTools Toolbar and Configuration --*/
.WikiaBarWrapper {
background-image: url(https://static.wikia.nocookie.net/wings-of-fire-experimental/images/e/e0/DragonBorder_white_flow-right_15-opacity.png/revision/latest?cb=20210712164927), linear-gradient(90deg,#FFFFFF40,#00000000,#FFFFFF40);
background-size: auto 100%;
}
.WikiaBarWrapper .toolbar a:hover {
text-decoration: underline;
}
/*-- Infoboxes --*/
.portable-infobox {
margin: 5px;
padding: 4px;
border: 1px solid var(--theme-border-color);
border-radius: 5px;
}
.pi-europa .pi-title {
border-radius: 5px 5px 0 0;
}
.pi-europa .pi-image {
margin: 3px 0;
}
.pi-europa .pi-image-thumbnail {
width: 95%;
height: auto;
}
.pi-europa .pi-group .pi-data {
margin: 0 3px 3px;
width: unset;
}
.pi-europa .pi-collapse {
margin: 3px 0;
}
.pi-europa .pi-collapse .pi-header {
line-height: 1;
font-size: 0.8rem;
}
.pi-europa .pi-collapse.pi-collapse-closed .pi-header:first-child::after {
margin-top: -7px;
}
.pi-europa .pi-tab-link,
.pi-europa .pi-data.pi-item-spacing {
padding: 6px 14px;
}
.pi-europa .pi-data {
background-color: var(--theme-article-background-color--secondary);
}
/* The last collapsed header and the last infobox row inside the last header */
.pi-europa .pi-collapse-closed:last-of-type .pi-header,
.pi-europa .pi-collapse:last-of-type .pi-data:last-of-type {
border-radius: 0 0 5px 5px;
}
.pi-europa .pi-section-tab {
margin: 0;
}
/* Other / Miscellanous */
/* every instance of our avatar */
.WikiaPageContentWrapper .avatar,
.WikiaPageContentWrapper .wds-avatar__image {
border: 1px solid !important;
/*box-shadow: 1px 1px 7px #111;*/
}
/* Custom Scrollbar */
/* * Created by Anonminati (https: //wikisource.wikia.com);*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
/*background: url() right center no-repeat;*/
background-color: var(--theme-page-background-color--secondary);
background-size: cover;
border-radius: 10px;
}
::-webkit-scrollbar {
background-color: var(--theme-body-background-color);
width: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #fff;
background: /*url() center center no-repeat,*/ linear-gradient(155deg,var(--theme-accent-color),rgb(var(--theme-accent-color--rgb),.5));
/*border: 2px solid rgb(0,0,0,.7);*/
border-radius: 10px;
background-size: cover;
}
/* Message Walls, Article Comments, and Blog Posts */
/*formatted code in MWs and comments*/
.entity-content pre code {
background-color: var(--theme-accent-color) !important;
color: var(--theme-accent-label-color);
}
/*border color*/
#MessageWall, .EditorModal,
.article-comments-app,
.blog-listing__post {
--themed-border-color-50: rgba(var(--theme-accent-color--rgb),0.5); /*borders*/
}
/*bg gradient*/
#MessageWall .Message__wrapper,
div[class^="Comment_wrapper"],
.blog-listing__post {
background: linear-gradient(rgba(252,188,92),rgba(252,188,92,0.5));
border-color: var(--themed-border-color-50);
}
#MessageWall .Message__break {
border-color: var(--themed-border-color-50);
}
#MessageWall .Reply {
border-left-color: var(--themed-border-color-50);
}
#MessageWall .ViewMoreReplies {
border-bottom-color: var(--themed-border-color-50);
border-top-color: var(--themed-border-color-50);
}
span[class^="ReplyList_top-border"] {
background-color: var(--themed-border-color-50);
}
/*making sure the load more button text is readable*/
button[class^="LoadMoreButton_load-more"] {
color: var(--themed-text-color);
}
/* Discussions Card at the bottom of articles */
.mcf-card-discussions__header {
border-bottom-color: var(--theme-border-color);
}
.mcf-card-discussions__item {
border-bottom: 1px solid var(--theme-border-color);
}
.mcf-card-discussions__content{
color:var(--theme-page-text-color);
}
.mcf-card-discussions__header span{
color:var(--theme-header-text-color);
}
.mcf-card-discussions__header {
background-color: var(--theme-header-background-color);
border-radius: 3px 3px 0 0;
}
.mcf-card-discussions,
.mcf-card-discussions__list,
.mcf-card-discussions__list:before,
.mcf-card-discussions__list:after {
background-color: var(--theme-page-background-color--secondary);
}
.mcf-card-discussions__link {
color: var(--theme-link-color);
}
.mcf-card-discussions__in,
.mcf-card-discussions__counters {
color: var(--theme-page-text-color--hover);
}
.mcf-card-discussions__counters svg {
color: var(--theme-border-color);
}
/* colors other white elements to match the theme */
.mcf-card-wiki-articles,
.mcf-card-related-wikis {
background-color: var(--theme-article-background-color--secondary);
}
.mcf-card-wiki-articles__item-link,
.mcf-card-related-wikis__title {
color: var(--theme-article-text-color);
}
.mcf-card-wiki-articles__item,
.mcf-card-related-wikis__item {
border-bottom: 1px solid var(--theme-border-color);
}
.mcf-card-related-wikis__header {
border-bottom: 1px solid var(--theme-border-color);
color: var(--theme-article-text-color);
}
/* system messages hover */
#mw-allmessagestable tbody:hover td {
background-color: var(--theme-article-background-color--secondary);
}
.ooui-theme-fandom .mw-datatable tbody tr:hover {
outline: solid 2px var(--theme-border-color);
}
/* making nested lists like Help:Rules readable for screenreaders */
.nested-list ol {
list-style: none;
counter-reset: nested;
}
.nested-list ol li {
counter-increment: nested;
}
.nested-list ol li::before {
content: counters(nested, ".") ". ";
}
/*family tree link color*/
.family-tree a {
color: #426288;
}
/*front page image grayscale & hover*/
.grayscale-linkbox {
position: absolute;
top: 0;
left: 0;
display: block;
width: 138px;
height: 339px;
backdrop-filter: grayscale(1);
transition: backdrop-filter 0.2s ease-in-out;
}
.grayscale-linkbox:hover {
backdrop-filter: grayscale(0);
}
/*rounded-table class to round article tables*/
.rounded-table {
border-radius: 5px;
}
.rounded-table.template-dropdown tr:nth-child(2) td:last-of-type {
border-radius: 5px 5px 0 0;
}
.rounded-table.template-dropdown tr:last-of-type td:last-of-type,
.rounded-table.article-table tr:last-of-type td:last-of-type,
.rounded-table.article-table tr:last-of-type td:first-of-type {
border-radius: 0 0 5px 5px;
}
.rounded-table.article-table tr:first-of-type th:first-of-type {
border-top-left-radius: 5px;
}
.rounded-table.article-table tr:first-of-type th:last-of-type {
border-top-right-radius: 5px;
}
.rounded-table.article-table tr:last-of-type td:last-of-type,
.rounded-table.article-table tr:last-of-type td:first-of-type {
border: none;
}
/*rounding articlecategories*/
#articleCategories {
border-radius: 5px;
}
/*making TOC match articlecategories*/
.toc {
border-radius: 5px;
background-color: var(--theme-article-background-color--secondary);
}
/*splitting reference lists upwards of 10 into columns*/
ol.references { font-size: 75%; }
.mw-references-columns {
column-count: 3;
column-width: 15em;
margin-top: 0.3em;
margin-bottom: 0.3em;
}
/* Lines first column up nicely. */
.mw-parser-output .mw-references-columns .references {
margin-top: 0;
}
/* Avoid elements from breaking between columns */
.mw-references-columns li {
break-inside: avoid-column;
}
/*Wikia.css theme*/
/*.codeeditor .ace_editor,
.skin-oasis.codeeditor .ace_editor .ace_gutter,
.skin-oasis #mw-content-text .javascript,
.skin-oasis #mw-content-text .css,
.skin-oasis #mw-content-text .html5,
.skin-oasis #mw-content-text .html4strict,
.skin-oasis #mw-content-text .xml,
.skin-oasis #mw-content-text .lua,
.skin-oasis #mw-content-text .mw-geshi,
.skin-oasis #mw-content-text pre
{
background-color: #161415 !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.skin-oasis.codeeditor .ace_editor .ace_marker-layer .ace_active-line ~ .ace_selection {
background-color: #4c566a !important;
}*/
/*-- Theme-matching Template Recolors --*/
/* MainHeading */
p.mainhead {
background: var(--theme-sticky-nav-background-color) !important;
color: var(--theme-sticky-nav-text-color) !important;
}
/* Simple Template */
.template-simple {
background: #fcbc5b !important;
border: 2px solid var(--theme-accent-color) !important;
}
/* Dropdown/Navbox Template */
.template-dropdown {
background-color: var(--theme-accent-color) !important;
}
.template-dropdown-sub {
color: var(--theme-page-text-color) !important;
background-color: #fcbc5b !important;
}
/* References Template */
.template-references {
background: var(--theme-page-background-color--secondary) !important;
border: 1px solid var(--theme-border-color) !important;
}
/* Header Template */
.template-header {
border: 1px solid var(--theme-border-color) !important;
}