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; width: 57.5%; text-align: center; } .portal th { background-color: var(--theme-link-color); color: #fff; font-weight: bold; } .portal th a { color: #fff; font-weight: bold; } .portal_head { padding: 5px; font-size: 125%; } .portal_subhead { padding: 2.5px; font-size: 100%; }

/** Cell **/ .portal_cell { margin: auto; vertical-align: top; position: relative; border: 2px solid var(--theme-link-color); background-color: var(--theme-link-color); font-size: 75%; overflow: hidden; cursor: pointer; display: table-cell; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .portal_cell:hover { opacity: 0.8; } .portal_cell td { text-align: center; font-weight: bold; color: #fff; } .portal_cell td a { color: #fff !important; } .portal_cell span { font-weight: normal; font-style: italic; font-size: 75%; } .portal_cell sup { font-weight: normal; cursor: help; text-decoration: none; }

/** Blank **/ .portal_blank { border: 2px solid var(--theme-link-color); overflow: hidden; cursor: default; pointer-events: none; display: table-cell; opacity: 0; }

/* 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; }