MediaWiki:Templates.css

/* Documentation */ .doc { border: 2px solid var(--theme-link-color); } .doc_head { background-color: var(--theme-link-color); padding: 1em; color: #fff; } .doc_head a { color: #fff !important; } .doc_body { padding: 0.5em; } .doc_foot { background-color: var(--theme-link-color); padding: 1em; color: #fff; font-size: 85%; text-align: right; } .doc_foot a { color: #fff !important; }

/* Navigation */ /** NavBar **/ .navbar { position: absolute; left: 7.5px; font-size: 75%; width: 50px; color: inherit; } .navbar a { color: inherit !important; }

/** NavBox **/ /*** Main ***/ .nav { width: 100%; font-size: 90%; position: relative; clear: both; } .nav th { color: #fff; background-color: var(--theme-link-color); font-weight: bold; text-align: center; } .nav th a { color: #fff !important; } .nav td { color: var(--theme-link-color); padding: 5px; text-align: left; }

/*** Wide Parent ***/ .nav-wide-parent { width: 100%; font-size: 100%; position: relative; clear: both; border: 2px solid; border-image: linear-gradient(to bottom, var(--theme-link-color), transparent) 10; } .nav-wide-parent th { color: #fff; background-color: var(--theme-link-color); font-weight: bold; text-align: center; } .nav-wide-parent th a { color: #fff !important; } .nav-wide-parent td { font-size: 100%; padding: 0 5px; }

/*** Wide ***/ .nav-wide { width: 100%; font-size: 95%; position: relative; clear: both; } .nav-wide th { color: #fff; background-color: var(--theme-link-color); font-weight: bold; text-align: center; } .nav-wide th a { color: #fff !important; } .nav-wide td { font-size: 100%; padding: 0 5px; }

/*** Arc ***/ .nav-arc { width: 100%; clear: both; font-size: 90%; margin-top: -0.25em; text-align: center; border: none; background: none; float: center; } .nav-arc th { background-color: var(--theme-link-color); color: #fff; font-weight: bold; padding: 7.5px; } .nav-arc th a { color: #fff !important; }

/**** Head ****/ .nav-arc_head { width: 100%; padding-top: 5px; padding-bottom: 5px; } .nav-arc_head th { padding: 5px; } .nav-arc_head th:nth-child(odd) { font-size: 90%; width: 20%; } .nav-arc_head th:nth-child(even) { font-size: 100%; }

/**** Subhead ****/ .nav-arc_subhead { width: 100%; margin-top: -0.40em; } .nav-arc_subhead th { padding: 2.5px; } .nav-arc_subhead th:nth-child(odd) { font-size: 90%; width: 10%; } .nav-arc_subhead th:nth-child(even) { font-size: 95%; }

/**** Body ****/ .nav-arc_body { width: 100%; font-size: 100%; padding: 2.5px; color: var(--theme-link-color); } .nav-arc_body td a { font-weight: normal !important; }

/* Collapsible Toggle */ .mw-collapsible-toggle { font-size: 90%; font-weight: normal; text-transform: lowercase; margin-right: 5px; font-family: Monospace; } .mw-collapsible-toggle a { color: inherit; }

/* Portal */ .portal { clear: both; margin: auto; text-align: center; color: #fff; } .portal .wikia-gallery { display: flex; flex-wrap: wrap; justify-content: center; } .portal_head, .portal_subhead, .portal_head a, .portal_subhead a { background-color: var(--theme-link-color); font-weight: bold; color: #fff !important; } .portal_head { padding: 8px; font-size: 125%; border-radius: 12px 12px 0px 0px; } .portal_subhead { padding: 2px; font-size: 100%; }

/** Cell **/ .wikia-gallery-caption { font-weight: bold; text-align: center; } .portal .wikia-gallery-item { background-color: var(--theme-link-color); margin: 1.5px; } .portal .wikia-gallery-item .thumb { overflow: hidden; position: relative; text-align: center; border: 2px solid var(--theme-link-color) !important; } .portal .wikia-gallery-item .thumb .gallery-image-wrapper { overflow: hidden; } .portal .wikia-gallery-item .lightbox-caption { box-sizing: border-box; color: #fff; font: bold 8pt/1.25em sans-serif; margin: 0; } .portal .portal-caption, .portal .portal-subcaption, .portal .portal-caption a, .portal .portal-subcaption a { color: #fff !important; } .portal-caption { font-size: 12px; font-weight: bold; } .portal-subcaption { font-size: smaller; } .portal .wikia-gallery-item:hover { opacity: 0.8; } .portal .portal-caption sup { font-weight: normal; cursor: help; text-decoration: none; }

/* Card */ .card-container { display: table; margin: auto; text-align: center; } .card-container > div { overflow: hidden; } .card .npage-preview { display: none; } .card { border: none; float: left; margin: 0.25em; overflow: hidden; position: relative; transition: all 0.5s; width: 200px; } .card img { transition: transform 0.5s; } .card:hover img { width: 200px; transform: scale(1.075); } .card > a { display: block; height: auto; overflow: hidden; width: 200px; } .card b a { overflow: hidden; background: rgba(0, 0, 0, 0.5); bottom: 0; color: #fff; font-size: 1.25em; height: 0; left: 0; line-height: 16.5em; padding: 0 5px; position: absolute; right: 0; text-decoration: none; text-align: center; font-variant: small-caps; transition: height 0.5s; } .card b a { color: #fff !important; } .card:hover b a { height: 16.5em; }

/* Appearances */ .appearances { clear: both; margin: auto; text-align: center; font-size: 90%; width: 95%; background: transparent; } .appearances th { background-color: var(--theme-link-color); color: #fff; font-weight: bold; font-size: 15px; } .appearances tr { vertical-align: top; } .appearances td { text-align: left; border: 1px solid var(--theme-link-color); border-right: 0; padding: 2.5px; } .appearances td:last-child { border-right: 1px solid var(--theme-link-color); } .appearances_head { padding: 5px; } .appearances_subhead { padding: 2.5px; }