MediaWiki:Common.css

@import url("https://fonts.googleapis.com/css?family=Signika:300"); @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@1,200&display=swap'); @import url("https://fonts.googleapis.com/css?family=Signika:400");

body { font-family: Signika, Helvetica, sans-serif; font-size: 12pt; font-weight: 300; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

/*

div#netbar ul.netbar-left > li.settings i.cog::after { left: -6px; top: -8px; }

h1, h2, h3, h4, h5, h6 { border-bottom-color: transparent; color: #ffffff; }

p { font-size: 14px !important; }



p .timeline-Tweet-text { font-size: 14px !important; }

.mw-body-content h3, .mw-body-content h4 { font-weight:600; }

h1, h2, h3, h4, h5, h6 { font-family: Signika, Helvetica, sans-serif !important; }

h1, h2 { font-weight: 400; }

h3, h4 { font-weight: 300; }

h1, #firstHeading { font-size: 1.65em; }

h2 { font-size: 1.45em; }

.tooltip{ position:relative; } .tooltip span{ display:none; } .tooltip:hover span{ display:block; position:absolute; left:0; top:20px; }

.tooltip:hover span{ padding:4px; background:#D0D0D0; color:black; border:1px solid #7C7A7A; font-size:12px; } /*navigation*/ .skin-hydradark .TablePager_nav .mw-nextlink .TablePager_nav-enabled { background-image: url(https://static.wikia.nocookie.net/transformersthedarkeras_gamepedia/images/3/32/Arrow.svg/revision/latest); background-size: 65%; }

/* CSS placed here will be applied to all skins */

.mw-body-content #toc h2, .mw-body-content .toc h2 { font-weight: 600; }

div.wikitable.mw-collapsible { background: none !important;}

.mw-collapsible-content{ background: none !important;}

.timeline-Tweet-text[dir=ltr] { font-size: 14px !important; }

hr { background-color: transparent; display: inline-block; margin: .2em 0; overflow: hidden; }

.CharacterTable {width:100% ; border-spacing:2px ; text-align:left; table-layout:fixed;} .CharacterTable tr:nth-child(1)    {background-color: transparent;} .CharacterTable tr:nth-child(2n+3) {background-color:transparent;} .CharacterTable tr:nth-child(2n+2) {background-color:transparent;} .CharacterTable th:nth-child(1)    {width:15%; } .CharacterTable th:nth-child(2)    {width:10rem;} .CharacterTable th:nth-child(3)    {width:10rem;} .CharacterTable th:nth-child(4)    {width:65%; } .CharacterTable td:nth-child(4)    {word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .CharacterTable tr:last-of-type td:nth-last-child(4) {border-radius:0;} .CharacterTable tr:last-of-type td:nth-last-child(1) {border-radius:0;} .CharacterTable td,th              {padding: 0px 0px 0px 5px;}

.CharacterBox {width: 300px; font-size: 90%; border: 1px solid #aaaaaa; background-color: transparent; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left; border-radius: 5px; border-spacing:1px;} .CharacterBox td,th { padding:0px 0px 0px 5px;} .CharacterBox th:nth-child(1) { width:100px; } .CharacterBox tr:nth-child(2n+1) {background-color: transparent;} .CharacterBox tr:nth-child(2n+2) {background-color: transparent;} .CharacterBox tr:nth-last-child(1) td {border-radius:0;}

td#image {padding:0px; margin-left: 0px; margin-bottom: 0px;}

.CTable                        {border-spacing:0px; width:90%; text-align:left; padding:5px;} .CTable    tr:nth-child(1) th  {background-color: transparent; text-align:center; font-size:medium; color: rgb(32, 252, 252);} .CTable    tr:nth-child(1) th:nth-last-child(1) {border-top-right-radius: 5px} .CTable    tr:nth-child(1) th:nth-child(1) {border-top-left-radius: 5px;} .CTable    tr:nth-last-child(1) td:nth-last-child(1) {border-bottom-right-radius: 5px} .CTable    tr:nth-last-child(1) td:nth-child(1) {border-bottom-left-radius: 5px;} .CTable    tr:nth-child(2n+2)  {background-color: transparent;} .CTable    tr:nth-child(2n+1)  {background-color: transparent;} .CTable    td,th               {padding:0px 0px 0px 5px;}

.LogTable {text-align:left; width:100%; table-layout:fixed; border-radius:5px;} .LogTable tbody {border-radius:5px;} .LogTable:nth-child(1) {border-top-left-radius:5px; border-top-right-radius:5px;} .LogTable tr:nth-child(1) {border-top-left-radius:5px; border-top-right-radius:5px;} .LogTable tr td:nth-child(1) {width: 20rem;} .LogTable tr td:nth-child(2) {width: 15rem;} .LogTable tr:nth-child(1) td:nth-child(1) {border-top-left-radius:5px; } .LogTable tr:nth-child(1) td:nth-child(3) {border-top-right-radius:5px; } .LogTable tr:nth-child(2n+1) {background-color: transparent;} .LogTable tr:nth-child(2n) {background-color: transparent;} .LogTable td { vertical-align:top; padding: 5px 0px 0px 5px;} .logTable tr:nth-last-child(1) {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .LogTable tr:nth-last-child(1) td:nth-child(1) {border-bottom-left-radius:5px;} .LogTable tr:nth-last-child(1) td:nth-last-child(1) {border-bottom-right-radius:5px;} .LogTable tr td:nth-child(odd) { word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-height:1.5em; height:1.5em; display:block;}

.HeaderCell { padding: 0px 0px 5px 5px; border-bottom: 1px solid white} .HeaderCell:nth-child(1) { width: 35%;} .HeaderCell:nth-child(2) {width: 10rem;} .HeaderCell:nth-child(3) {width: 65%;}

.LogRow {text-align:left;} .LogRow:nth-child(2n+2) {background-color: transparent;} .LogRow:nth-child(2n+3) {background-color: transparent;} .LogRow { max-height:1em;} .LogRow:nth-child(1) {background-color: transparent;} .LogRow:nth-child(2n+2) {background-color: transparent;} .LogRow:nth-child(2n+3) {background-color: transparent;} .LogRow:last-of-type td:nth-last-child(3) {border-radius:0;} .LogRow:last-of-type td:nth-last-child(1) {border-radius:0;}

.LogCell { vertical-align:top; padding: 0px 0px 0px 5px; max-height:1em;} .LogCell:nth-child(odd) { word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-height:1.5em; height:1.5em; display:block;} .LogCell {padding:0px 0px 0px 4px; vertical-align:top;} .LogCell:nth-child(1) {Width:140px;} .LogCell:nth-child(2) {font-weight:100;} .LastCell:nth-child(1) {border-radius: 0;} .LastCell:nth-child(2) {border-radius: 0;}

.LogHeader { width:60%; margin-right:auto; border: 1px solid lightblue; padding: 15px;}

.LogTitle {text-align:left; font-size:medium; color: rgb(145, 199, 247); padding-bottom: 10px; text-shadow: 1px 1px 1px black; border-radius: 5px 5px 0px 0px; }

.RelationTable {width:100%;} .RelationTable td:nth-child(1) {width: 15%} .RelationTable td:nth-child(2) {width: 10%} .RelationTable td:nth-child(3) {width: 75%} .RelationTable tr:last-of-type td:nth-last-child(1) {border-radius:0;} .RelationTable tr:last-of-type td:nth-last-child(3) {border-radius:0;} .RelationTable tr:nth-child(n+1) td:nth-child(2) {font-style:normal;}

div.discordbutton a[href="https://discord.gg/dFXAS8N"] { background: url(https://discordapp.com/api/guilds/595737417206595604/widget.png?style=banner2) no-repeat; color: transparent !important; display: inline-block; height: 76px; width: 320px; margin-top: 10px; }

div.discordbutton { text-align:center; }