MediaWiki:Common.css

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

/* Alternate Colouring for Tables */ table.sortable { border: 1px solid #FF5B20; }

.sortable th, .unsortable th { color: #ffffff; }

.sortable tr:nth-child(2n+1), .pyjama tr:nth-child(2n+1) { background: none repeat scroll 0 0 #1C1E20; }

.sortable tr:nth-child(2n), .pyjama tr:nth-child(2n) { background: none repeat scroll 0 0 #000000; }

/* Tabber Styles */ /* This will style the div that contains the whole tabber object. Generally this can be left alone. */ body .tabberlive { }

/* This will style each tab's content area. */ body .tabberlive .tabbertab { border-left: 1px solid #FF5B20; border-bottom: 1px solid #FF5B20; border-right: 1px solid #FF5B20; }

/* This is the box that surrounds all the tabs. */ body ul.tabbernav { border-bottom: 1px solid #FF5B20; padding: 0px 5px 0px 5px; margin-top= -2px; }

.tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #FF5B20; }

/* This is a box that surrounds each of the tabs. */ body ul.tabbernav li {

}

/* This is the style for the tabs, parts of this can be overridden for the current tab with the next selector */ body ul.tabbernav li a, body ul.tabbernav li a:link, body ul.tabbernav li a:visited, body ul.tabbernav li a:hover { background: #000; color: #fff; text-shadow: 1px 1px 0 #000000; border: 1px solid #FF5B20; }

/* This is the style for the currently selected tab */ body ul.tabbernav li.tabberactive a, body ul.tabbernav li.tabberactive a:link, body ul.tabbernav li.tabberactive a:visited, body ul.tabbernav li.tabberactive a:hover { background: #FF5B20; color: #fff; text-shadow: 1px 1px 0 #000000; border: 1px solid #FF5B20; }

.heading2 { background: url('https://static.wikia.nocookie.net/titanfall_gamepedia/images/f/fd/Mainpagetag.PNG/revision/latest') no-repeat; border: none; color: #FFFFFF; /*rausnehmen, wenn zentral auf Weiß! */   margin-bottom: 5px; padding: 4px; text-shadow: 1px 1px 0 #000000; }

.heading { background-color:#FF5B20; color:#ffffff; margin-top:2px; margin-left:2px; margin-right:15px; margin-bottom:2px; }

table.backgroundz { background: url("https://static.wikia.nocookie.net/titanfall_gamepedia/images/3/30/Tiledimage.png/revision/latest") repeat; }

.tooltip{display:inline;position:relative} .tooltip:hover{text-decoration:none} .tooltip:hover:after{ background:#111; background:rgba(0,0,0,.75); border-radius:5px; bottom:26px; color:#fff; content:attr(title); display:block; left:5%; padding:5px 15px; position:absolute; white-space:nowrap; z-index:98 } .tooltip:hover:before{ border:solid; border-color:#111 transparent; border-width:6px 6px 0 6px; bottom:20px; content:""; display:block; left:75%; position:absolute; z-index:99 }

.item {width:100px;border:solid 1px #ccc;float:left;height:20px;z-index:0;overflow:hidden;position:relative;}
 * 1) items {width:300px;}

.item:hover{overflow:visible;z-index:100;} .item:hover .inner{z-index: 100;} .inner{position: absolute; background: white; width: 100%; }

/* Gradients */

.weapon2 { background:#1271a2; background:-moz-linear-gradient(top, #0d83be, #1271a2 30%, #0d83be 80%); background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #0d83be), color-stop(30%,#1271a2), color-stop(80%,#0d83be )); background:-webkit-linear-gradient(top, #0d83be 0%, #1271a2 30%, #0d83be 80%); background:-o-linear-gradient(top, #0d83be 0%, #1271a2 30%, #0d83be 80%); background:-ms-linear-gradient(top, #0d83be 0%, #1271a2 30%, #0d83be 80%); background:linear-gradient(to bottom, #0d83be 0%, #1271a2 30%, #0d83be 80%); border: 1px solid #00aaff; font-family: verdana,tahoma,arial,sans-serif; }

.weaponinfobox { color: #FFFFFF; width: 300px margin-bottom: 0.5em; margin-left: 1em; padding: 5px; float: right; } .weaponinfobox td, .weaponinfobox th { vertical-align: top; } .weaponinfobox caption { font-size: larger; margin-left: inherit; } .weaponinfobox.bordered { border-collapse: collapse; } .weaponinfobox.bordered td, .weaponinfobox.bordered th { border: 1px solid #555555; } .weaponinfobox.bordered .borderless td, .weaponinfobox.bordered .borderless th { border: 0; }

/* CSS placed here will be applied to all skins */ .mainex { height: 81px; width: 200px; border: 1px solid white; overflow: hidden; }

.mainex .activator { height: 200px; width: 200px; float: left; display: block; } .img { text-align: center; margin: 15px; height: 49px; width: 197px; float: left; }

.expandcontent { display: none; margin: 15px; } .activator:hover { width: 900px; } .activator:hover .expandcontent { display: block; } .activator:hover .img { float: left; }

body.page-Titanfall_Wiki h1.firstHeading { display:none; }

body.page-Titanfall_2_Wiki h1.firstHeading { display:none; }

.ctbox { border: 1px solid #000000; background: url("https://static.wikia.nocookie.net/titanfall_gamepedia/images/6/66/Metal-texture-black.jpg/revision/latest") repeat center top padding-box; box-shadow: #000000; color: #ffffff; margin: 0 0 10px 0; padding: 29px; vertical-align: top; }

table.ctrow { table-layout: fixed; border-collapse: separate; border-spacing: 10px; margin: -10px 0 0 0; padding: 0px; width: 33%; }

/* this CSS governs the responsive 2 column main page layout */

.fpcontent { width: 100%; overflow: hidden; z-index: 1; }

.fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; }

.fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; }

.fpbox { background: rgba(0,0,0,.75); color: #e0e0e0; /* change for hydra (light) wikis */ margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; }

.fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; }

.fpbox .welcome { border-bottom: 2px solid #FF5B20; color: #e0e0e0; /* change for hydra (light) wikis */ font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; }

.fpbox .heading { border-bottom: 1px solid #505050; color: #e0e0e0; /* change for hydra (light) wikis */ font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox .heading .smalllink { color: #e0e0e0; /* change for hydra (light) wikis */ font-size: 75%; font-weight: bold; }

.fpbox hr { border: none; border-bottom: 2px solid #FF5B20; }

div#content hr { background-color: #FF5B20; color: #FF5B20; }

.fpbox img { max-width:100%; height:auto; }

/* this CSS governs the responsive 2 column main page layout */ display: grid; grid-template-areas: "a" "b" "c"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-2column.fp-container { grid-template-areas: "a b" "c c"; grid-template-columns: 50% 50%; } } @media screen and (min-width:1350px) { #fp-2column.fp-container { grid-template-areas: "a b" "c b"; grid-template-columns: auto 520px; } }
 * 1) fp-2column.fp-container {

grid-area: a; }
 * 1) fp-top {

grid-area: b; }
 * 1) fp-flex {

grid-area: c; }
 * 1) fp-bottom {

/* end responsive 2 column main page layout */

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }