MediaWiki:Navbox.css

/* =================    NAVBOXES =================   This is for simple navigation, as with seasonal nav boxes, species nav boxes, etc.   ================= The core of this originally came from wowwiki.com, but it seemed to be a tweak of code originally taken from the English Wikipedia. ================== */

/* ++++++++++++++++    General tweak for navboxes +++++++++++++++++ */

.nowraplinks a { white-space: nowrap; }

/* ++++++++++++++++    NAVFRAME STUFF ++++++++++++++++   Standard Navigationsleisten, aka box hiding thingy from .de.wikipedia Documentation at    wikipedia:Wikipedia:NavFrame. ++++++++++++++++ */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; /* border: 1px solid #aaa; Border unnecessary and uncurved */ text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { margin: 0px; padding: 5px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: red; position:relative; } div.NavFrame p { font-size: 100%; }

div.NavFrame div.NavContent { font-size: 100%; }

div.NavFrame div.NavContent p { font-size: 100%; }

div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; }

a.NavToggle { position:absolute; top:0px; right:10px; font-weight:normal; font-size:smaller; margin-left:25px; }

.NavToggle .collapseButton, .NavToggle collapseButton { right:10px; font-weight:normal; font-size:smaller; text-align:right; margin-left:25px; }

.collapseButton { float: right; font-weight: normal; margin-left: 0.5em; text-align: right; width: auto; } .table-wide-inner { width:99%; }

/* =-=-=-=-=-=-=-=-=-=-=-=	Navbox container style -=-=-=-=-=-=-=-=-=-=-=- */

table.navbox { border:1px solid var(--theme-link-color); border-radius: 5px; background: #343246; color:#fff; padding:5px; font-family: "Rubik"; text-align:left; line-height:120%; margin-right:auto; margin-left:auto; width:90%; max-width:800px; } table.navbox + table.navbox { border-top:none; }

/* =-=-=-=-=-=-	Title styles -=-=-=-=-=-= */

.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center; color:var(--theme-link-color); font-family: "Rubik"; padding:3px; font-weight:normal; line-height:1.2; letter-spacing:3px; /*	text-transform:uppercase;*/ padding-left:1em; padding-right:1em; }

/* =-=-=-=-=-=-	Group styles -=-=-=-=-=-= */

.navbox-group { white-space:nowrap; text-align:right; font-weight:normal; padding-left:1em; padding-right:0.7em; border:1px solid var(--theme-link-color); } .navbox, .navbox-subgroup { background:var(--theme-link-color); }

/* =-=-=-=-=-=	List styles -=-=-=-=-=- */

.navbox-list { border-left:1px solid var(--theme-link-color); }

.navbox-even { background: #dce0ee; } .navbox-odd { background: #ccd3e5; }

/* =-=-=-=-=-=-=-=-=-=	Titles and headings -=-=-=-=-=-=-=-=-=- */

.navbox-title, table.navbox th { color:#e7e7e7; padding:5px; font-family: "Rubik"; text-align:left; line-height:120%; margin-left:auto; margin-right:auto; margin-top:5px; }

.navbox-abovebelow, .navbox-group { background-color:var(--theme-page-background-color); color:white; border:1px solid var(--theme-link-color); } /* =-=--=-=-=-=-=-      COLLAPSIBLES =-=-=-=-=-=-=-= */ .navbox-subgroup .navbox-title { color:#000; padding:5px; font-family: "Rubik"; text-align:left; line-height:120%; margin-left:auto; margin-right:auto; margin-top:5px; background:var(--theme-page-background-color); } .collapsible .collapsed .navbox-title { background: #eff0fb; }

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }

.navbox-list .navbox { width: 100%; margin: 0; background: none; border: none; box-shadow: none; padding: 0; } .navbox-subgroup .navbox .navbox-list { border-left-width: 0; } .navbox-subgroup > tbody > tr > .navbox-list > div { padding: 0!important; }

.navbox-abovebelow, .navbox-group { /* background: #817ca9; */ background: #464076;     /* THink this one needs to be removed? */ }

.collapsible .navbox-group + td .navbox-subgroup .navbox-subgroup .navbox-group { background: #99a6cd; }

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #8b85b9; }

.collapsible .navbox-subgroup .navbox-group { background: #8b85b9 ; /* #9d97c9 #464076 */ } .collapsible .navbox-subgroup .navbox-subgroup .navbox-subgroup .navbox-group { background: #9d97c9; /* #bdb3cf #99a6cd */ } .collapsible .navbox-subgroup .navbox-group a:link, .collapsible .navbox-subgroup .navbox-group a:visited { color: white; } .collapsible .navbox-subgroup .navbox-abovebelow { background: #827cb3; } .collapsible .navbox-subgroup .navbox-abovebelow a:link, .collapsible .navbox-subgroup .navbox-abovebelow a:visited { color: white; /* ffefcf */ }

/* =-=--=-=-=-=-=-    	COLUMNS =-=-=-=-=-=-=-= */ .navbox-columns-table td { background: #eff0fb; } .navbox-columns-table td:nth-child(3n) { background: #dadbed; } .navbox-columns-table td:nth-child(3n) { background: #d8d9eb; } .navbox-columns-table td:nth-child(5n+4), .navbox-columns-table td:nth-child(14n+17), .navbox-columns-table td:nth-child(14n+13), .navbox-columns-table td:nth-child(5n+12) { background: #edeffffb; }

/* =-=--=-=-=-=-=-      Various exceptions =-=-=-=-=-=-=-= */ table.navbox .navbox-list a:link, table.navbox .navbox-list a:visited { color: #1d1746; }

.navbox-abovebelow { background: #32588d; background: #5579ab; background: #99a6cd; }

.table-wide .navbox > tbody > tr > td { box-shadow: inset 0 -13px #596a9f; border-bottom-left-radius:15px; border-bottom-right-radius:15px; } .table-wide .navbox .navbox > tbody > tr > td { box-shadow: none; border-radius: 0; }

table.navbox .navbox-list a.new { color: #ac0109; }

/* =-=--=-=-=-=-=-      BUTTONS (needs to stay near bottom) =-=-=-=-=-=-=-= */

.navbox-title .collapseButton, table.navbox th .plainlinks a:link, table.navbox th .plainlinks a:visited { color: #cfd1d9; /* #e7eaf3 */ } table.navbox th .plainlinks a { font-weight: bold; } table.navbox th .plainlinks a:nth-child(1):link, table.navbox th .plainlinks a:nth-child(1):visited { color: #e7e7e7; } .collapsible .collapsible .navbox-title .collapseButton, .collapsible .collapsible table.navbox th .plainlinks a:link, .collapsible .collapsible table.navbox th .plainlinks a:visited { color: #222331; }

@media print { .navbox { display: none; } }