MediaWiki:Common.css

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

span.keyelement { border: 2px solid #333333; border-radius: 6px; text-transform: uppercase; text-align: center; font-weight: bold; color: #f5f5f5; background-color: #0f0f0f; margin: 1px 3px; padding: 3px 4px; min-width: 22px; min-height: 22px; display: inline-block; } .mcwidth_50>thead>tr>th { min-width: 50px; } .mcwidth_100>thead>tr>th { min-width: 100px; } .mcwidth_120>thead>tr>th { min-width: 120px; } .mcwidth_200>thead>tr>th { min-width: 200px; } .mtwidth_1100 { min-width: 1100px; } div.thumb { border: none; } img.thumbimage { background-color: transparent; border: none; } .autonauts-icon-slideshow { display: inline-block; } .autonauts-icon-slideshow .slideboxlightshow { display: inline-block; vertical-align: middle; } table.center-cells>*>tr>td { text-align: center; } .center-content { margin: auto; } span.spoiler { color: #CCC; background-color: #CCC; border-bottom: 1px dashed #00F; padding: 0 3px; } span.spoiler:hover { color: #000; } div.flexlayout { display: flex; flex-wrap: wrap; justify-content: flex-start; } div.flexlayout > * { margin: 3px; } /* 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; } /* DISCORD SIDEBAR */ div#mw-panel div.portal li a[href="https://discord.gg/uxgaJS7"] { background: url(https://discordapp.com/api/guilds/648188291149201409/embed.png) no-repeat; color: transparent !important; display: inline-block; height: 20px; width: 119px; } /* Front page styles */ .fpmain { width: 100%; overflow-x: hidden; z-index: 1; }

.fpbanner { border: 1px solid #13488c; box-shadow: 0 2px 5px #333; background: rgba(0, 0, 0, 0.25); color: #9ccad2; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbanner1 .fpbannertable { background: url("https://soma.gamepedia.com/media/soma.gamepedia.com/f/f2/Fpbox_left_1.png") left center no-repeat, #ffffff url("https://soma.gamepedia.com/media/soma.gamepedia.com/5/5c/Fpbox_right_1.png") right center no-repeat; }

.fpbox:not(.plain) { border: 1px solid #13488c; border-radius: 15px; background: #212529; color: #d7d2d2; margin: 4px 4px 4px 4px; padding: 5px 5px 5px 5px; box-sizing: border-box; }

.fpbox .mainheading { border: none; border-bottom: 2px solid #14388c; color: #13488c; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox > *:not(.mainheading):not(.heading) { overflow: auto; }

.fpbox .heading { background: #13488c; color: #d7d2d2; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; border-radius: 10px; letter-spacing: 1px; font-weight: bold; }

.fpwelcome .fpbox div:not(.nomobile):not(.center):not(.floatnone) { text-align: center; }

.fpicon { text-align: center; margin: 4px; }

.fpicon a, .fpicon a:visited { color: #ecb31c; }

@media (min-width: 790px) { .fpgrid { display: grid; grid-template-columns: repeat(2,1fr); justify-content: center; box-sizing: border-box; } }

@media (min-width: 1390px) { .fpgrid { display: grid; grid-template-columns: repeat(3,1fr); justify-content: center; box-sizing: border-box; } }

a, a.external.text, a.extiw { color: #ecb31c; } a:visited, div#content a.external:visited, div#content a.extiw:visited { color: #ecb31c; }

label.toctogglelabel { color: #ecb31c; } .skin-hydradark span.tocnumber { color: #d7d2d2; } color: #d7d2d2; } table { color: #d7d2d2; } .wikitable { color: #d7d2d2; }
 * 1) mw-panel .portal .body li {

.boxflex { display: flex; justify-content: center; flex-wrap: wrap; }

.fpbox.plain { border: none; box-shadow: none; background: transparent; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

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

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

.CodeMirror, textarea { background-color: black; color: white; caret-color: white; }