/* reset the reset */ blockquote, code, del, details, div, dl, dt, em, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, pre, q, span, strong, ul { font-family: sans-serif; margin: initial; padding: initial; border: initial; } input, textarea { font-family: sans-serif; } pre, code { font-family: monospace; font-size: 0.85em; } ul, ol { list-style-type: initial; padding-left: 2em; margin: 0.8em 0; } ol { list-style-type: decimal; } sup { vertical-align: super; } sub { vertical-align: sub; } .page table { color: var(--theme-page-text-color); /* no idea why this needs to be specified, it should inherit from .page */ } /* general page appearance */ body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table { font-size: 18px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin: 1.2em 0 0.6em; } p { margin: 0.6em 0; } #content dt { font-weight: bold; } /* dotted underline for elements with hoverable title text */ [title]:not(a):not(.new) { text-decoration: dotted underline; } /* top bit with title and search bar */ .custom-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; } .page-title { margin-top: 0; } /* home page search form */ .paired__label { display: grid; } .paired__input { width: auto; max-width: 240px; } /* custom footer with source and license info */ .custom-footer { clear: both; font-size: 16px; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--theme-page-text-color); } .custom-footer__cols { display: grid; } .my-logo { margin-bottom: 8px; } /* page framing */ .main-container { margin: 0; min-width: auto; width: auto; } .page { margin: 5vw; } .page__main { background-color: var(--theme-page-background-color); padding: 3vw; } /* table of contents */ .toc { background-color: var(--custom-table-background); } .toctitle { background-color: var(--custom-table-header-background); } .toc ul li a { line-height: 1.2; } .toc ul ul { margin-left: 1em; } .toc ul li a, .toc ul li a .tocnumber { transition-duration: 0s; } .toctogglespan { display: none; } .tocnumber { min-width: 1em; /* align that nice and good */ } /* don't display links for editing navboxes */ .va-navbox-editlink { display: none; } /* don't display sections on home pages encouraging new editors */ #fpcommunity { display: none; } /* don't allow images to extend past the edge of the page */ img { max-width: 100%; width: auto; height: auto; } /* allow tables to scroll horizontally if needed */ .table-scroller { overflow: auto; } /* float right. reorganised from their sheet */ .tright { clear: right; float: right; margin: 0 0 16px 20px; } /* indicate wikipedia links */ .extiw::after, .external::after { vertical-align: super; content: "[🡕]"; font-family: serif; font-size: smaller; } .extiw[href*="wikipedia.org"]::after { content: "[W]"; } /* figure captions */ figure img { display: inline-block; } figcaption, .lightbox-caption, .thumbcaption { margin-top: 4px; font-size: 0.85em; font-style: italic; } /* screenshot galleries */ .gallery, .wikia-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; } /* show tabs always */ .wds-tabs__wrapper { display: none; } .wds-tab__content { display: block; } /* animated slots */ #mw-content-text .animated > :not(.animated-active), #mw-content-text .animated > .animated-subframe > :not(.animated-active) { display: inline-block; } .animated-slot__outer { display: inline-block; position: relative; overflow: hidden; width: 32px; height: 32px; } .animated-slot__inner { display: inline-block; animation: slide-up calc(var(--steps) * 1s) steps(var(--steps)) infinite; } @keyframes slide-up { 0% { margin-top: 0px; } 100% { margin-top: calc(-34px * var(--steps)); } } /* search results */ .my-result { margin-bottom: 6px; } .my-result__link { font-size: 1.2em; } .my-result__info { font-size: 0.8em; color: var(--theme-page-text-color--hover); margin-left: 1.2em; } /* (breezewiki) search suggestions */ .bw-search-form { display: grid; grid-template-columns: auto 1fr; grid-gap: 0px 5px; } .bw-ss__container { grid-column: 2; position: relative; } .bw-ss__list { position: absolute; left: 0; right: 0; list-style-type: none; padding: 0; margin: 0; font-size: 14px; background: white; color: black; border: solid #808080; border-width: 0px 1px 1px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); z-index: 99; display: none; } .bw-ss__list--focus { display: block; } .bw-ss__list--loading { background: #c0c0c0; } .bw-ss__input--accepted { background: #fffbc0; } .bw-ss__preview { padding: 0px 2px; font-style: italic; color: #555; } .bw-ss__item { display: grid; /* make buttons take the full size */ } .bw-ss__button:hover, .bw-ss__button:focus { background-color: #ddd; } .bw-ss__button { appearance: none; -moz-appearance: none; border: none; margin: 0; line-height: inherit; background: none; font: inherit; cursor: pointer; padding: 0px 2px; text-align: left; } /* media queries */ /* for reference, cell phone screens are generally 400 px wide, definitely less than 500 px */ @media (min-width: 700px) { /* wider than 700 px */ /* category list columns */ .my-category-list { columns: 3; } } @media (max-width: 699px) { /* narrower than 700 px */ /* fit more text on screen */ body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table { font-size: 16px; } } @media (min-width: 560px) { /* wider than 560 px */ /* footer columns */ .custom-footer__cols { grid-template-columns: 1fr 1fr; } } @media (max-width: 559px) { /* narrower than 560 px */ /* attempt to make horizontal wiki page footers vertical instead - see /nfs/wiki/Need_for_Speed_Wiki */ [style*="width:calc(100%"] { width: auto !important; text-align: center !important; } }