Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 21:46, 18 April 2023

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

/* The following two items make table headers have their sorting indicator on the bottom and have the table header follow the page scroll. */
.jquery-tablesorter th.headerSort {
    background-position: center bottom;
    padding: 3px 4px 8px;
}

.sortable thead {
    position: sticky;
    top:0;
}

/* Makes images tagged with the 'percentwidth' class centered on the screen and scaled by screen width */
img.percentwidth {
    width: 95%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Allows for no wrapping text when desired in the 'Mech List. Makes all <span> tags used inside of a table cell inside of a wikitable object not wrap. Very specific to avoid this affecting unintended <span>s. */
.wikitable > * > tr > td span 
{
	white-space: nowrap;
}

/*Make tab container 100% width regardless of content, primarily used for the individual 'Mech Pages*/
.tabs-content
{
	width: 100%;
}


/* Styles for InfoboxVariant template (https://www.bta3062.com/index.php/Template:InfoboxVariant) */
.infoboxvariant
{
	background-color: #dddddd;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #1C1C1C;
	float: right;
	margin: 0px 0px 10px 2em;
	width: 280px;
}

.infoboxvariant th 
{
	vertical-align: middle;
	width: 35%;
	font-weight: 700;
	text-align: right;
	padding-right: 5px;
	background: none repeat scroll 0% 0% #3A3A3A;
	color: #eeeeee;
}

.infoboxvariant td 
{
	vertical-align: top;
	width: 65%;
	color: #1C1C1C;
	font-weight: 100;
	text-align: left;
	padding: 1px 5px;
}

.infoboxvariant .variantequipment
{
	vertical-align: top;
	width: 65%;
	color: #1C1C1C;
	font-weight: 150;
	text-align: left;
	padding: 1px 5px;
}

.infoboxvariant .infobox-variantname
{
	color: #eeeeee;
	font-size: 16px;
	font-weight: bold;
	padding: 1em;
	text-align: center;
}

.infoboxvariant .infobox-variantloadoutimage
{
	padding: 0.5em;
	text-align: center;
	width: auto;
	height: 256;
	background-color: #dddddd;
	colspan: 2;
}


/* Styles for the InfoboxPilot template (https://www.bta3062.com/index.php/Template:InfoboxPilot) */
.infoboxpilot
{
	background-color: #dddddd;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #1C1C1C;
	float: right;
	margin: 0px 0px 10px 2em;
	width: 280px;
}

.infoboxpilot th 
{
	vertical-align: middle;
	width: 35%;
	font-weight: 700;
	text-align: right;
	padding-right: 5px;
	background: none repeat scroll 0% 0% #3A3A3A;
	color: #eeeeee;
}

.infoboxpilot td 
{
	vertical-align: top;
	width: 65%;
	color: #1C1C1C;
	font-weight: 100;
	text-align: left;
	padding: 1px 5px;
}

.infoboxpilot .pilotability
{
	vertical-align: middle;
	width: 65%;
	color: #1C1C1C;
	font-weight: 200;
	font-size: 13px;
	text-align: center;
	padding: 1px 5px;
}

.infoboxpilot .infobox-pilotname
{
	color: #eeeeee;
	font-size: 16px;
	font-weight: bold;
	padding: 1em;
	text-align: center;
}

.infoboxpilot .infobox-pilotimage
{
	padding: 0.5em;
	text-align: center;
	width: 256;
	height: 256;
	background-color: #dddddd;
	colspan: 2;
}

.infoboxpilot .pilottag
{
	vertical-align: top;
	width: 140px;
	color: #1C1C1C;
	font-weight: 100;
	text-align: left;
	padding: 1px 5px;
}

/* Styles for InfoboxTurret template (https://www.bta3062.com/index.php/Template:InfoboxTurret) */
.infoboxturret
{
	background-color: #dddddd;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #1C1C1C;
	float: right;
	margin: 0px 0px 10px 2em;
	width: 280px;
}

.infoboxturret th 
{
	vertical-align: middle;
	width: 35%;
	font-weight: 700;
	text-align: right;
	padding-right: 5px;
	background: none repeat scroll 0% 0% #3A3A3A;
	color: #eeeeee;
}

.infoboxturret td 
{
	vertical-align: top;
	width: 65%;
	color: #1C1C1C;
	font-weight: 100;
	text-align: left;
	padding: 1px 5px;
}

.infoboxturret .turretequipment
{
	vertical-align: top;
	width: 65%;
	color: #1C1C1C;
	font-weight: 150;
	text-align: left;
	padding: 1px 5px;
}

.infoboxturret .infobox-turretname
{
	color: #eeeeee;
	font-size: 16px;
	font-weight: bold;
	padding: 1em;
	text-align: center;
}

.infoboxturret .infobox-turretloadoutimage
{
	padding: 0.5em;
	text-align: center;
	width: auto;
	height: 256;
	background-color: #dddddd;
	colspan: 2;
}

/* Styles for the Navigation Box template (https://www.bta3062.com/index.php/Template:NavigationBox), primarily used on the Main Page. */
.navigationbox
{
	display: inline-block;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 3px 1em;
	width: 31%;
	float: center;
}

.navigationbox table
{  
	width: 100%;
	height: 100%;
	float: center;
	border: 0px;
	margin: 0px;
	padding: 0px 0px;
}

.navigationbox th
{
	vertical-align: middle;
	width: 35%;
	font-weight: bold;
	text-align: left;
	padding-right: 5px;
	background: #dddddd;
	color: #eeeeee;
}

.navigationbox td 
{
	width: 65%;
	color: #000000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 1px 5px;
}

.navigationbox .boxtitle
{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding: 1em;
	text-align: center;
	background: #dddddd;
}

/* Styles for InfoboxFaction template (https://www.bta3062.com/index.php/Template:InfoboxFaction) */
.infoboxfaction
{
	background-color: #dddddd;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #1C1C1C;
	float: right;
	margin: 0px 0px 10px 2em;
	width: 280px;
}

.infoboxfaction th 
{
	vertical-align: middle;
	width: 35%;
	font-weight: 700;
	text-align: right;
	padding-right: 5px;
	background: none repeat scroll 0% 0% #3A3A3A;
	color: #eeeeee;
}

.infoboxfaction td 
{
	vertical-align: top;
	width: 65%;
	color: #1C1C1C;
	font-weight: 100;
	text-align: left;
	padding: 1px 5px;
}

.infoboxfaction .factionname
{
	color: #eeeeee;
	font-size: 16px;
	font-weight: bold;
	padding: 1em;
	text-align: center;
}

.infoboxfaction .factionimage
{
	padding: 0.5em;
	text-align: center;
	width: auto;
	height: 256;
	background-color: #dddddd;
	colspan: 2;
}