Difference between revisions of "MediaWiki:Common.css"

From BTAWiki
Jump to navigation Jump to search
Line 3: Line 3:
  
 
/* 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. */
 
/* 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;}
+
.wikitable > * > tr > td span  
 +
{
 +
white-space: nowrap;
 +
}
  
  
Line 9: Line 12:
 
.tabs-content
 
.tabs-content
 
{
 
{
  width: 100%;
+
width: 100%;
 
}
 
}
  
Line 16: Line 19:
 
.infoboxvariant
 
.infoboxvariant
 
{
 
{
  background-color: #dddddd;
+
background-color: #dddddd;
  border: 1px solid #CCCCCC;
+
border: 1px solid #CCCCCC;
  font-size: 11px;
+
font-size: 11px;
  color: #1C1C1C;
+
color: #1C1C1C;
  float: right;
+
float: right;
  margin: 0px 0px 10px 2em;
+
margin: 0px 0px 10px 2em;
  width: 280px;
+
width: 280px;
 
}
 
}
  
 
.infoboxvariant th  
 
.infoboxvariant th  
 
{
 
{
  vertical-align: center;
+
vertical-align: center;
  width: 35%;
+
width: 35%;
  font-weight: 700;
+
font-weight: 700;
  text-align: right;
+
text-align: right;
  padding-right: 5px;
+
padding-right: 5px;
  background: none repeat scroll 0% 0% #3A3A3A;
+
background: none repeat scroll 0% 0% #3A3A3A;
  color: #eeeeee;
+
color: #eeeeee;
 
}
 
}
  
 
.infoboxvariant td  
 
.infoboxvariant td  
 
{
 
{
  vertical-align: top;
+
vertical-align: top;
  width: 65%;
+
width: 65%;
  color: #1C1C1C;
+
color: #1C1C1C;
  font-weight: 100;
+
font-weight: 100;
  text-align: left;
+
text-align: left;
  padding: 1px 5px;
+
padding: 1px 5px;
 
}
 
}
  
 
.infoboxvariant .variantequipment
 
.infoboxvariant .variantequipment
 
{
 
{
  vertical-align: top;
+
vertical-align: top;
  width: 65%;
+
width: 65%;
  color: #1C1C1C;
+
color: #1C1C1C;
  font-weight: 150;
+
font-weight: 150;
  text-align: left;
+
text-align: left;
  padding: 1px 5px;
+
padding: 1px 5px;
 
}
 
}
  
 
.infoboxvariant .infobox-variantname
 
.infoboxvariant .infobox-variantname
 
{
 
{
  color: #eeeeee;
+
color: #eeeeee;
  font-size: 16px;
+
font-size: 16px;
  font-weight: bold;
+
font-weight: bold;
  padding: 1em;
+
padding: 1em;
  text-align: center;
+
text-align: center;
 
}
 
}
  
 
.infoboxvariant .infobox-variantloadoutimage
 
.infoboxvariant .infobox-variantloadoutimage
 
{
 
{
  padding: 0.5em;
+
padding: 0.5em;
  text-align: center;
+
text-align: center;
  width: auto;
+
width: auto;
  height: 256;
+
height: 256;
  background-color: #dddddd;
+
background-color: #dddddd;
  colspan: 2;
+
colspan: 2;
 
}
 
}
  
Line 79: Line 82:
 
.infoboxpilot
 
.infoboxpilot
 
{
 
{
  background-color: #dddddd;
+
background-color: #dddddd;
  border: 1px solid #CCCCCC;
+
border: 1px solid #CCCCCC;
  font-size: 11px;
+
font-size: 11px;
  color: #1C1C1C;
+
color: #1C1C1C;
  float: right;
+
float: right;
  margin: 0px 0px 10px 2em;
+
margin: 0px 0px 10px 2em;
  width: 280px;
+
width: 280px;
 
}
 
}
  
 
.infoboxpilot th  
 
.infoboxpilot th  
 
{
 
{
  vertical-align: center;
+
vertical-align: center;
  width: 35%;
+
width: 35%;
  font-weight: 700;
+
font-weight: 700;
  text-align: right;
+
text-align: right;
  padding-right: 5px;
+
padding-right: 5px;
  background: none repeat scroll 0% 0% #3A3A3A;
+
background: none repeat scroll 0% 0% #3A3A3A;
  color: #eeeeee;
+
color: #eeeeee;
 
}
 
}
  
 
.infoboxpilot td  
 
.infoboxpilot td  
 
{
 
{
  vertical-align: top;
+
vertical-align: top;
  width: 65%;
+
width: 65%;
  color: #1C1C1C;
+
color: #1C1C1C;
  font-weight: 100;
+
font-weight: 100;
  text-align: left;
+
text-align: left;
  padding: 1px 5px;
+
padding: 1px 5px;
 
}
 
}
  
 
.infoboxpilot .pilotability
 
.infoboxpilot .pilotability
 
{
 
{
  vertical-align: middle;
+
vertical-align: middle;
  width: 65%;
+
width: 65%;
  color: #1C1C1C;
+
color: #1C1C1C;
  font-weight: 200;
+
font-weight: 200;
  font-size: 13px;
+
font-size: 13px;
  text-align: center;
+
text-align: center;
  padding: 1px 5px;
+
padding: 1px 5px;
 
}
 
}
  
 
.infoboxpilot .infobox-pilotname
 
.infoboxpilot .infobox-pilotname
 
{
 
{
  color: #eeeeee;
+
color: #eeeeee;
  font-size: 16px;
+
font-size: 16px;
  font-weight: bold;
+
font-weight: bold;
  padding: 1em;
+
padding: 1em;
  text-align: center;
+
text-align: center;
 
}
 
}
  
 
.infoboxpilot .infobox-pilotimage
 
.infoboxpilot .infobox-pilotimage
 
{
 
{
  padding: 0.5em;
+
padding: 0.5em;
  text-align: center;
+
text-align: center;
  width: auto;
+
width: auto;
  height: 256;
+
height: 256;
  background-color: #dddddd;
+
background-color: #dddddd;
  colspan: 2;
+
colspan: 2;
 
}
 
}
  
Line 143: Line 146:
 
.navigationbox
 
.navigationbox
 
{
 
{
  display: inline-block;
+
display: inline-block;
  text-align: left;
+
text-align: left;
  vertical-align: top;
+
vertical-align: top;
  background-color: #dddddd;
+
background-color: #dddddd;
  border: 1px solid #CCCCCC;
+
border: 1px solid #CCCCCC;
  font-size: 12px;
+
font-size: 12px;
  color: #1C1C1C;
+
color: #1C1C1C;
  margin: 0px 0px 10px 2em;
+
margin: 0px 0px 10px 2em;
  width: 33%;
+
width: 33%;
  float: center;
+
float: center;
 
}
 
}
  
 
.navigationbox table
 
.navigationbox table
 
{   
 
{   
  width: 100%;
+
width: 100%;
  height: 100%;
+
height: 100%;
  float: center;
+
float: center;
  border: 0px;
+
border: 0px;
  margin: 0px;
+
margin: 0px;
  padding: 0px 0px;
+
padding: 0px 0px;
 
}
 
}
  
 
.navigationbox th
 
.navigationbox th
 
{
 
{
  vertical-align: top;
+
vertical-align: top;
  width: 35%;
+
width: 35%;
  font-weight: bold;
+
font-weight: bold;
  text-align: right;
+
text-align: right;
  padding-right: 5px;
+
padding-right: 5px;
  background: none repeat scroll 0% 0% #3A3A3A;
+
background: none repeat scroll 0% 0% #3A3A3A;
  color: #eeeeee;
+
color: #eeeeee;
 
}
 
}
  
 
.navigationbox td  
 
.navigationbox td  
 
{
 
{
  vertical-align: top;
+
vertical-align: top;
  width: 65%;
+
width: 65%;
  color: #1C1C1C;
+
color: #1C1C1C;
  font-weight: normal;
+
font-weight: normal;
  text-align: left;
+
text-align: left;
  padding: 1px 5px;
+
padding: 1px 5px;
 +
}
 +
 
 +
.navigationbox .boxtitle
 +
{
 +
color: #eeeeee;
 +
font-size: 16px;
 +
font-weight: bold;
 +
padding: 1em;
 +
text-align: center;
 +
}
 +
 
 +
.navigationbox > th > a:link /* unvisited link */
 +
{
 +
color: #eeeeee;
 +
}
 +
 
 +
.navigationbox > th > a:visited /* visited link */
 +
{
 +
color: #eeeeee;
 +
}
 +
 
 +
.navigationbox > th > a:hover /* mouse over link */
 +
{
 +
color: #eeeeee;
 +
}
 +
 
 +
.navigationbox > th > a:active /* selected (clicked) link */
 +
{
 +
color: #FF0000;
 
}
 
}

Revision as of 21:10, 13 January 2021

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


/* 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: center;
	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: center;
	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: 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: #dddddd;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	color: #1C1C1C;
	margin: 0px 0px 10px 2em;
	width: 33%;
	float: center;
}

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

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

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

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

.navigationbox > th > a:link /* unvisited link */
{
	color: #eeeeee;
}

.navigationbox > th > a:visited /* visited link */
{
	color: #eeeeee;
}

.navigationbox > th > a:hover /* mouse over link */
{
	color: #eeeeee;
}

.navigationbox > th > a:active /* selected (clicked) link */
{
	color: #FF0000;
}