MediaWiki:Fandomdesktop.css

/* if you want flair, please consult the top user. */ a[href$=":ChikoritaROBLOXHurricanes"] {

background: linear-gradient(0deg, red);

background-clip: text; -webkit-background-clip: text;

color: #ff7f00;

font-family: 'Gotham SSm Medium',system-ui;

font-weight: 900;

text-transform: uppercase;

text-decoration: overline; text-shadow: 4px 4px 5px #000000; text-align: center; line-height: 2;

}

/** end of all flair and beginng of page styling */

/* Removed elements that detract from the Fandom user experience. */

body { font-family: 'Gotham SSm Medium',system-ui !important; }

/* hyperlink information */ a { outline: none; text-decoration: none; padding: 2px 1px 0; } /* we will let fandom deal with hyperlink colors */

/* illusion 100 */ a:focus { border-bottom: 1px solid; background: #0078d7; }

a:hover { border-bottom: 1px solid; background: #0078d7; }

a:active { background: #0078d7; color: #0078d7; } /* spacing */

/* experiment with tables */ table { table-layout: fixed; width: 100%; border-collapse: collapse; border: 1px solid #c8c8c8; }

thead th:nth-child(1) { width: 30%; }

thead th:nth-child(2) { width: 20%; }

thead th:nth-child(3) { width: 15%; }

thead th:nth-child(4) { width: 35%; }

th, td { padding: 20px; } /* typography */

tbody td { text-align: center; }

tfoot th { text-align: right; } /* caption tables */

caption { padding: 20px; font-style: normal; caption-side: top; text-align: center; } /* elaborate on the block quote */ blockquote { min-height: 5em; padding  : 1em 4em; position : relative; background-color: #fcf9a1; }

blockquote::before, blockquote::after { position: absolute; height : 3rem; }

blockquote::before { content: '“'; top   : 0.3rem; left  : 0.9rem; }

blockquote::after { content: '”'; bottom : 0.3rem; right : 0.8rem; }

blockquote:lang(fr)::before { content: '«'; top   : -1.5rem; left  : 0.5rem; }

blockquote:lang(fr)::after { content: '»'; bottom : 2.6rem; right : 0.5rem }

blockquote i { display  : block; font-size : 0.8em; margin-top: 1rem; text-style: italic; text-align: right; }