MediaWiki:Wikia.css

/** * ET Book */ /* Normal */ @font-face { font-family: 'et-book'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c8/Et-book-webfont.woff2/revision/latest?cb=1') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/9/96/Et-book-webfont.woff/revision/latest?cb=1') format('woff'); font-weight: normal; font-style: normal; font-display: optional; } /* Italics */ @font-face { font-family: 'et-book'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/4/45/Et-book-italic-webfont.woff2/revision/latest?cb=1') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/d/de/Et-book-italic-webfont.woff/revision/latest?cb=1') format('woff'); font-weight: normal; font-style: italic; font-display: optional; } /* Bold */ @font-face { font-family: 'et-book'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/5/51/Et-book-bold-webfont.woff2/revision/latest?cb=1') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/3/3d/Et-book-bold-webfont.woff/revision/latest?cb=1') format('woff'); font-weight: bold; font-style: normal; font-display: optional; }

/**\ #UTILITIES \**/ /** * Code Snippet * Provides styling for code snippets. */ .code { border: 1px solid #ccc; padding: 1px 4px; background-color: #f2f2f2; font-family: monospace; }

/** * Border Box * Set box-sizing: border box; for all children */ .border-box, .border-box * { box-sizing: border-box; }

/** * Emojify Text * Forces the use of a color emoji font over black-and-white unicode fonts. * Blame Hunts for the name */ .thonk { font-family: 'apple color emoji', 'segoe ui emoji', 'emojione mozilla', 'twemoji mozilla', 'android emoji', 'emojisymbols', 'noto color emoji', 'segoe ui symbol'; } /** * Filters * Inline support for the restrictued `filter` property. * Variable ends in `_` to avoid tripping MediaWiki's security */ .filter { filter: var(--filter_); } .filter:hover { filter: var(--hover-filter_); } /** * No Link Color * Removes link color */ .no-a a, .no-a a.new { text-decoration: none; color: currentColor; } /** * Pseudo Helper * Allows the use of common ::before, ::after, and :hover properties * with inline css */ .pseudo { display: var(--display); visibility: var(--visibility); position: var(--position); top: var(--top); right: var(--right); bottom: var(--bottom); left: var(--left); z-index: var(--z-index); margin: var(--margin); border: var(--border); padding: var(--padding); width: var(--width); height: var(--height); border-radius: var(--border-radius); background: var(--background); box-shadow: var(--box-shadow); font: var(--font); letter-spacing: var(--letter-spacing); color: var(--color); text-shadow: var(--text-shadow); transform: var(--transform); transition: var(--transition); } /* ::before */ .pseudo::before { content: var(--before); display: var(--before-display); visibility: var(--before-visibility); position: var(--before-position); top: var(--before-top); right: var(--before-right); bottom: var(--before-bottom); left: var(--before-left); z-index: var(--before-z-index); margin: var(--before-margin); border: var(--before-border); padding: var(--before-padding); width: var(--before-width); height: var(--before-height); border-radius: var(--before-border-radius); background: var(--before-background); box-shadow: var(--before-box-shadow); font: var(--before-font); letter-spacing: var(--before-letter-spacing); color: var(--before-color); text-shadow: var(--before-text-shadow); transform: var(--before-transform); transition: var(--before-transition); } /* ::after */ .pseudo::after { content: var(--after); display: var(--after-display); visibility: var(--after-visibility); position: var(--after-position); top: var(--after-top); right: var(--after-right); bottom: var(--after-bottom); left: var(--after-left); z-index: var(--after-z-index); margin: var(--after-margin); border: var(--after-border); padding: var(--after-padding); width: var(--after-width); height: var(--after-height); border-radius: var(--after-border-radius); background: var(--after-background); box-shadow: var(--after-box-shadow); font: var(--after-font); letter-spacing: var(--after-letter-spacing); color: var(--after-color); text-shadow: var(--after-text-shadow); transform: var(--after-transform); transition: var(--after-transition); } /* :hover */ .pseudo:hover { display: var(--hover-display); visibility: var(--hover-visibility); position: var(--hover-position); z-index: var(--hover-z-index); border: var(--hover-border); width: var(--hover-width); height: var(--hover-height); border-radius: var(--hover-border-radius); background: var(--hover-background); box-shadow: var(--hover-box-shadow); font: var(--hover-font); letter-spacing: var(--hover-letter-spacing); color: var(--hover-color); text-shadow: var(--hover-text-shadow); transform: var(--hover-transform); }