MediaWiki:Fandomdesktop.css

.mobileonly { display: none; }

/* INFOBOXES */ table.infoboxtable { border-collapse: unset; }

.infoboxtable { background-color: var(--theme-page-background-color); border: 1px solid var(--theme-accent-color); float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: var(--theme-accent-color); border: 2px solid inherit; border-radius: 5px; color: var(--theme-page-background-color); font-weight: bold; margin: 1px 2px; padding: 0.5px 7px; text-align: right; }

.infoboxname { background-color: var(--theme-accent-color); color: var(--theme-page-background-color); font-size: 110%; font-weight: bold; padding: 0.5em; }

.infoboxdetails { padding: 0em; }

/* Tables */ table.cargoTable.noMerge tr:nth-child(even) { background: var(--theme-page-background-color--secondary); } table.cargoTable.noMerge tr:nth-child(odd) { background: var(--theme-page-background-color); }

table.dataTable tbody tr { background-color: var(--theme-page-background-color); }

table.dataTable tbody tr.selected { background-color: var(--theme-accent-color); }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: var(--theme-page-background-color--secondary); }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: var(--theme-accent-color); }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--theme-page-background-color--secondary); }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: var(--theme-accent-color); }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: var(--theme-page-background-color--secondary); }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: var(--theme-accent-color); }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: var(--theme-accent-color);

} table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: var(--theme-page-background-color--secondary); } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: var(--theme-accent-color); } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: var(--theme-accent-color); }

/* .dataTables_wrapper .dataTables_paginate .paginate_button { color: #333 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #666 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); background: -webkit-linear-gradient(top, #585858 0%, #111 100%); background: -moz-linear-gradient(top, #585858 0%, #111 100%); background: -ms-linear-gradient(top, #585858 0%, #111 100%); background: -o-linear-gradient(top, #585858 0%, #111 100%); background: linear-gradient(to bottom, #585858 0%, #111 100%); } .dataTables_wrapper .dataTables_paginate .paginate_button:active { background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); }

.dataTables_wrapper .dataTables_processing { background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; }

/* tables */ table.wikitable { background: none repeat scroll 0 0 transparent; }

table.wikitable > caption { color: var(--theme-page-text-color); }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); color: var(--theme-accent-label-color); text-align: center; }

table.wikitable > tr > td, table.wikitable > * > tr > td { border: 1px solid var(--theme-border-color); padding: 0.2em; }

.wikitable th { background-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); color: var(--theme-accent-label-color); padding: 0.2em; }

.wikitable td { border: 1px solid var(--theme-border-color); color: var(--theme-page-text-color); padding: 0.2em; }

/* Newer Navbox template style */ table.navbox { border: 1px solid var(--theme-accent-color); clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

table.navbox th a, table.navbox th a.extiw, table.navbox th a.external, table.navbox th a:visited, table.navbox th a.extiw:visited, table.navbox th a.external:visited, table.navbox .mw-customtoggle a, table.navbox .mw-collapsible-toggle a { color: var(--theme-accent-label-color); }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: rgba(255, 255, 255, 0.80); }

.navbox-list { border-color: rgba( 0,0,0,.75 );  /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: var(--theme-accent-color); color: var(--theme-accent-label-color); }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--theme-accent-color); color: var(--theme-accent-label-color); }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--theme-accent-color); color: var(--theme-accent-label-color); }

/* Even row striping */ .navbox-even { background: var(--theme-border-color); color: var(--theme-page-text-color); }

/* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; }

/* End of new Navbox styling */