NOTICE: Infinity N5.2 and FAQ 5.0.0

The wiki currently uses the N5.1.1 rules. Until it has been updated, please download the N5.2 rules PDF and v5.0.0 FAQ from the Rules section of https://infinityuniverse.com/resources/infinity.

MediaWiki: Common.css

From Infinity
Jump to: navigation, search
 
(197 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
 +
/* Site Notice. */
 +
 +
#siteNotice {
 +
  background-color: #ffe0e0;
 +
  border: 0.2em #dd0a0a solid;
 +
  padding: 0.5em;
 +
}
 +
 +
 +
 +
/* Basic indents formatting here. */
 +
 +
 +
dd {
 +
margin-left: 1.6em;
 +
}
 +
 +
 +
/* Errata formatting here. */
 +
 +
.errata_border {
 +
border-left: 0.2em solid #48c000;
 +
}
 +
 +
.errata_title {
 +
color: #48c000;
 +
}
 +
 +
.errata_highlight {
 +
background: #ddff9b;
 +
}
 +
 +
.errata_highlightblock {
 +
background: #ddff9b;
 +
border: 0.2em solid #ddff9b;
 +
}
 +
 +
.original_highlight {
 +
background: #ffccd1;
 +
}
 +
 +
.original_highlightblock {
 +
background: #ffccd1;
 +
border: 0.2em solid #ffccd1;
 +
}
 +
 +
.original_border {
 +
border-left: 0.25em solid #a70064;
 +
border-style: none none none dashed;
 +
}
 +
 +
.original_title {
 +
color: #a70064;
 +
}
 +
 +
.errata_border, .original_border {
 +
padding-left: 0.5em;
 +
}
 +
 +
.down {
 +
font-style: italic ;
 +
}
 +
 +
 +
  
  
Line 5: Line 72:
  
 
.n4 {
 
.n4 {
−
border-left: 4px solid orange;
+
border-left: 0.2em solid orange;
−
padding-left: 10px;
+
padding-left: 0.5em;
 +
/*
 +
display: none;
 +
*/
 +
}
 +
 
 +
.n4list {
 +
border-left: 0.2em solid orange;
 +
/*
 +
display: none;
 +
*/
 +
padding-left: 0.5em;
 +
}
 +
 
 +
 
 +
.n4inline {
 +
border-bottom: 0.1em solid orange;
 +
padding-bottom: 0.1em;
 +
/*
 +
display: none;
 +
*/
 +
}
 +
 
 +
 
 +
.c1hide {
 +
border-left: 0.1em solid green;
 +
padding-left: 0.2em;
 
display: none;
 
display: none;
 
}
 
}
 +
 +
 +
/* text stuff */
 +
 +
p {
 +
    margin-bottom: 1em;
 +
}
 +
 +
#bodyContent ul li {
 +
  margin: 0.2em 0; 
 +
}
 +
 +
#bodyContent .n4 ul {
 +
  margin: 0.2em 0;
 +
}
 +
 +
#bodyContent .n4 li {
 +
  margin: 0.2em 0;
 +
}
 +
 +
 +
 +
#bodyContent ul li {
 +
    display: block;
 +
    margin-left: -1.5em;
 +
}
 +
 +
#bodyContent ul li:before {
 +
    /*Using a Bootstrap glyphicon as the bullet point*/
 +
    content: "\e072";
 +
    font-family: 'Glyphicons Halflings';
 +
    float: left;
 +
    margin-left: -1.5em;
 +
    color: #626262;
 +
}
 +
 +
#bodyContent ul ul li:before {
 +
    /*Using a Bootstrap glyphicon as the bullet point*/
 +
    content: "\e072";
 +
    font-family: 'Glyphicons Halflings';
 +
    float: left;
 +
    margin-left: -1.5em;
 +
    color: #a6a6a6;
 +
}
 +
  
  
  
 
/* setting scaling for external images */
 
/* setting scaling for external images */
 +
 +
 +
/* N5 caption in a block */
 +
 +
.ext-img-block-128inline, .ext-img-block-128inlineleft {
 +
  display: inline-block;
 +
  text-align: center;
 +
}
 +
 +
.ext-img-block-128inlineleft {
 +
  float: left;
 +
}
 +
 +
.ext-img-caption-128inline, .ext-img-caption-128inlineleft {
 +
  display: inline-block;
 +
  font-weight: bold;
 +
}
 +
 +
.ext-img-block-128inline img, .ext-img-block-128inlineleft img {
 +
  max-width: 128px;
 +
  max-height: 128px;
 +
  width: auto;
 +
  height: auto;
 +
  margin: 16px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
.ext-img-full img {
 +
  display: block;
 +
  max-width:100%;
 +
  height: auto;
 +
}
 +
 +
.ext-img-fullborder img {
 +
  display: block;
 +
  max-width:100%;
 +
  height: auto;
 +
border: 1px #7b7b7b solid !important;
 +
}
 +
  
 
.ext-img-1024 img {
 
.ext-img-1024 img {
Line 22: Line 209:
 
}
 
}
  
−
 
+
/* replce with fullwidth responsive
 
.ext-img-512 img {
 
.ext-img-512 img {
 
   display: block;
 
   display: block;
Line 30: Line 217:
 
   height: auto;
 
   height: auto;
 
}
 
}
 +
*/
  
 +
.ext-img-512 img {
 +
  display: block;
 +
  max-width:100%;
 +
  height: auto;
 +
}
  
  
 
.ext-img-256 img {
 
.ext-img-256 img {
 
   display: block;
 
   display: block;
 +
  max-width: 256px;
 +
  max-height: 256px;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
 +
.ext-img-256inline img {
 +
  display: inlineblock;
 
   max-width: 256px;
 
   max-width: 256px;
 
   max-height: 256px;
 
   max-height: 256px;
Line 45: Line 246:
 
   max-width: 128px;
 
   max-width: 128px;
 
   max-height: 128px;
 
   max-height: 128px;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
 +
.ext-img-128inline img {
 +
  display: inlineblock;
 +
  max-width: 128px;
 +
  max-height: 128px;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
 +
.ext-img-128inline {
 +
  text-align: center;
 +
}
 +
 +
.ext-img-96 img {
 +
  display: block;
 +
  max-width: 96px;
 +
  max-height: 96px;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
 +
.ext-img-96inline img {
 +
  display: inlineblock;
 +
  max-width: 96px;
 +
  max-height: 96px;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
 +
.ext-img-64 img {
 +
  display: block;
 +
  max-width: 64px;
 +
  max-height: 64px;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
 +
.ext-img-2eminline img {
 +
  display: inlineblock;
 +
  max-width: 2em;
 +
  max-height: 2em;
 
   width: auto;
 
   width: auto;
 
   height: auto;
 
   height: auto;
Line 59: Line 304:
 
}
 
}
  
 +
/* replace with full width responsive
 
.ext-img-512border img {
 
.ext-img-512border img {
 
   display: block;
 
   display: block;
Line 64: Line 310:
 
   max-height:512px;
 
   max-height:512px;
 
   width: auto;
 
   width: auto;
 +
  height: auto;
 +
border: 1px #7b7b7b solid !important;
 +
}
 +
*/
 +
 +
.ext-img-512border img {
 +
  display: block;
 +
  max-width:100%;
 
   height: auto;
 
   height: auto;
 
border: 1px #7b7b7b solid !important;
 
border: 1px #7b7b7b solid !important;
Line 91: Line 345:
  
 
/* N4 Weapon Profile */
 
/* N4 Weapon Profile */
 +
 +
table.n4-weapontable-dark {
 +
margin: 1em 0;
 +
border-collapse: collapse;
 +
color: black;
 +
text-align:center;
 +
width:100%;
 +
}
 +
 +
.n4-darkheader {
 +
background: #4c4c4c !important;
 +
font-weight: bold;
 +
color: white;
 +
}
 +
 +
.n4-darkheader a.new {
 +
color: #ffa9a9;
 +
}
 +
 +
.n4-darkheader a {
 +
color: #85b4dd;
 +
}
 +
 +
.n4-weapontable-dark td {
 +
padding: 0.3em;
 +
border-bottom: 2px white solid;
 +
}
 +
 +
.n4-weapontable-dark td:first-child {
 +
border-right: 2px white solid;
 +
}
 +
.n4-weapontable-dark td:last-child {
 +
border-left: 2px white solid;
 +
}
 +
 +
.n4-weapontable-dark td:nth-child(8) {
 +
border-right: 2px white solid;
 +
}
 +
 +
 +
.n4-weapontable-dark-rightborder {
 +
border-right: 2px white solid;
 +
}
 +
 +
/*  Define the background color for all the EVEN background rows  */
 +
.n4-weapontable-dark tr:nth-child(2n+3){
 +
background: #f5f3f0;
 +
}
 +
 +
/*  Define the background color for all the ODD background rows  */
 +
.n4-weapontable-dark tr:nth-child(2n+4){
 +
background: #d4cec6;
 +
}
 +
 +
 +
 +
  
 
table.n4-weapontable {
 
table.n4-weapontable {
Line 203: Line 514:
  
  
 +
/*  Formatting for the weapon table cells, dark mode.  */
  
  
 +
.n4-range-dark\+6 {
 +
background: #94e64d;
 +
}
  
−
/* N4 Skill Boxes */
+
.n4-range-dark\+3 {
 +
background: #97bd75;
 +
}
 +
 
 +
.n4-range-dark0 {
 +
background: #66d9ff;
 +
}
 +
 
 +
.n4-range-dark-3 {
 +
background: #ffc34d;
 +
}
 +
 
 +
.n4-range-dark-6 {
 +
background: #f36859;
 +
}
 +
 
 +
.n4-range-dark-- {
 +
background: #737373;
 +
color: #737373;
 +
}
 +
 
 +
 
 +
.n4-range-dark\+6, .n4-range-dark\+3, .n4-range-dark0, .n4-range-dark-3, .n4-range-dark-6 {
 +
font-weight: bold;
 +
}
 +
 
 +
 
 +
 
 +
/* N5 Skill Boxes */
 +
 
 +
table.n5-skillboxgrad {
 +
padding: 4px;
 +
border-spacing: 4px;
 +
border-collapse: collapse;
 +
width:100%;
 +
}
 +
 
 +
table.n5-skillboxgrad td {
 +
padding: 0.2em;
 +
}
 +
 
 +
.n5-skillgrad-green {
 +
background: linear-gradient(90deg, rgba(24,139,34,1) 0%, rgba(255,191,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n5-skill-greenyellow, .n5-skill-greenyellow {
 +
background: linear-gradient(90deg,rgba(24,139,34,1) 0%,rgba(24,139,34,1) 20%,rgba(255,191,0,1) 80%,rgba(255,191,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n5-skill-blueyellow, .n5-skill-blueyellow {
 +
background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(30,144,255,1) 20%, rgba(255,191,0,1) 80%, rgba(255,191,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n5-skill-purplered, .n5-skill-purplered {
 +
background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 20%, rgba(178,0,0,1) 80%, rgba(178,0,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n5-skillbox td {
 +
padding: 0.1em;
 +
}
 +
 
 +
table.n5-skillbox {
 +
padding: 2px;
 +
border-spacing: 2px;
 +
border-collapse: collapse;
 +
width:100%;
 +
}
 +
 
 +
table.n5-skill-green, .n5-skill-green {
 +
background: forestgreen;
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n5-skill-black, .n5-skill-black {
 +
background: black;
 +
color: white;
 +
}
 +
 
 +
table.n5-skill-yellow, .n5-skill-yellow {
 +
background: #FFBF00;
 +
color: black;
 +
}
 +
 
 +
table.n5-skill-blue, .n5-skill-blue  {
 +
background: #3278bd;
 +
color: white;
 +
}
 +
 
 +
table.n5-skill-bluegrey, .n5-skill-bluegrey  {
 +
background: #315779;
 +
color: white;
 +
}
 +
 
 +
table.n5-skill-purple, .n5-skill-purple {
 +
background: #4B0082;
 +
color: white;
 +
}
 +
 
 +
table.n5-skill-red, .n5-skill-red {
 +
background: #B20000;
 +
color: white;
 +
}
 +
 
 +
 
 +
.n5-skill-title {
 +
font-weight: bold;
 +
font-size:200%
 +
}
 +
 
 +
.n5-skill-type {
 +
font-weight: bold;
 +
text-align:right;
 +
font-size:125%
 +
}
 +
 
 +
.n5-skill-labels {
 +
color: #FFFFFF;
 +
font-size: 100%;
 +
margin-bottom: 0.5em;
 +
}
 +
 
 +
 
 +
 
 +
/* N5 Skillbox just CSS, code from https://css-generators.com/custom-corners/ */
 +
 
 +
.cssbox {
 +
  position: relative;
 +
  padding: 1em;
 +
}
 +
 
 +
.cssbox-purplered: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
    background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 20%, rgba(178,0,0,1) 80%, rgba(178,0,0,1) 100%);
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-greenyellow: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: linear-gradient(90deg,rgba(24,139,34,1) 0%,rgba(24,139,34,1) 20%,rgba(255,191,0,1) 80%,rgba(255,191,0,1) 100%);
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-blueyellow: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
    background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(30,144,255,1) 20%, rgba(255,191,0,1) 80%, rgba(255,191,0,1) 100%);
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-green: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: forestgreen;
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-red: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: #B20000;
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-black: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: black;
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-yellow: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: #FFBF00;
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-blue: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: #3278bd;
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
.cssbox-purple: before {
 +
    content: "";
 +
    position: absolute;
 +
    inset: 0;
 +
background: #4B0082;
 +
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
 
 +
 
 +
/*
 +
.cssbox:before {
 +
  content: "";
 +
  position: absolute;
 +
  inset: 0;
 +
  clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
 +
}
 +
*/
 +
 
 +
 
 +
.cssbox-title {
 +
font-weight: bold;
 +
font-size:200%;
 +
padding-left: 0.3em;
 +
}
 +
 
 +
.cssbox-type {
 +
font-weight: bold;
 +
text-align:right;
 +
font-size:125%;
 +
padding-right: 0.3em;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/* N4 Skill Boxes DELETE */
 +
 
 +
table.n4-skillboxgrad {
 +
padding: 4px;
 +
border-spacing: 4px;
 +
border-collapse: collapse;
 +
width:100%;
 +
}
 +
 
 +
table.n4-skillboxgrad td {
 +
padding: 0.2em;
 +
}
 +
 
 +
.n4-skillgrad-green {
 +
background: linear-gradient(90deg, rgba(24,139,34,1) 0%, rgba(255,191,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n4-skill-greenyellow {
 +
background: linear-gradient(90deg,rgba(24,139,34,1) 0%,rgba(24,139,34,1) 20%,rgba(255,191,0,1) 80%,rgba(255,191,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n4-skill-blueyellow {
 +
background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(30,144,255,1) 20%, rgba(255,191,0,1) 80%, rgba(255,191,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n4-skill-purplered {
 +
background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 20%, rgba(178,0,0,1) 80%, rgba(178,0,0,1) 100%);
 +
color: #FFFFFF;
 +
}
 +
 
 +
table.n4-skillbox td {
 +
padding: 0.2em;
 +
}
  
 
table.n4-skillbox {
 
table.n4-skillbox {
Line 216: Line 802:
  
 
table.n4-skill-green {
 
table.n4-skill-green {
−
border: 4px forestgreen solid;
 
 
background: forestgreen;  
 
background: forestgreen;  
 
color: #FFFFFF;
 
color: #FFFFFF;
Line 222: Line 807:
  
 
table.n4-skill-black {
 
table.n4-skill-black {
−
border: 4px black solid;
 
 
background: black;  
 
background: black;  
 
color: white;
 
color: white;
Line 228: Line 812:
  
 
table.n4-skill-yellow {
 
table.n4-skill-yellow {
−
border: 4px #FFBF00 solid;
 
 
background: #FFBF00;  
 
background: #FFBF00;  
−
color: white;
+
color: black;
 
}
 
}
  
 
table.n4-skill-blue  {
 
table.n4-skill-blue  {
−
border: 4px #1E90FF solid;
 
 
background: #1E90FF;  
 
background: #1E90FF;  
 +
color: white;
 +
}
 +
 +
table.n4-skill-bluegrey  {
 +
background: #315779;
 
color: white;
 
color: white;
 
}
 
}
  
 
table.n4-skill-purple {
 
table.n4-skill-purple {
−
border: 4px #4B0082 solid;
 
 
background: #4B0082;  
 
background: #4B0082;  
 
color: white;
 
color: white;
Line 246: Line 832:
  
 
table.n4-skill-red {
 
table.n4-skill-red {
−
border: 4px #B20000 solid;
 
 
background: #B20000;  
 
background: #B20000;  
 
color: white;
 
color: white;
Line 272: Line 857:
  
  
−
/* N4 Boxouts */
+
/* n5 Boxouts */
 +
 
 +
.n5-req-eff {
 +
width: 100%;
 +
font-size: 150%;
 +
font-weight: bold;
 +
color: white;
 +
margin-bottom: 0.2em;
 +
}
 +
 
 +
.n5-requirements {
 +
background: #3d3d3d;
 +
}
 +
 
 +
.n5-requirements-inner {
 +
border: 4px #3d3d3d solid;
 +
padding-left: 0.2em;
 +
}
 +
 
 +
.n5-effects {
 +
background: #989898;
 +
margin-top: 0.5em;
 +
}
 +
 
 +
.n5-effects-inner {
 +
border: 4px #989898 solid;
 +
padding-left: 0.2em;
 +
}
 +
 
 +
.n5-remember {
 +
width: 100%;
 +
border: 0.2em #ea620c solid;
 +
background: #ea620c;
 +
margin-bottom: 0.5em;
 +
}
 +
 
 +
.n5-remember-inner {
 +
border: 0.5em #ea620c solid;
 +
color: #000000;
 +
background: #ea620c;
 +
}
 +
 
 +
.n5-remember-innerwhite {
 +
border: 0.5em #FFFFFF solid;
 +
color: #000000;
 +
background: #FFFFFF;
 +
}
 +
 
 +
.n5-remember-title {
 +
font-size: 120%;
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
}
 +
 
 +
.n5-important {
 +
width: 100%;
 +
border: 0.2em #B20000 solid;
 +
background: #B20000;
 +
margin-bottom: 0.5em;
 +
}
 +
 
 +
.n5-important-inner {
 +
border: 0.5em #B20000 solid;
 +
color: #FFFFFF;
 +
background: #B20000;
 +
}
 +
 
 +
.n5-important-innerwhite {
 +
border: 0.5em #FFFFFF solid;
 +
color: #000000;
 +
background: #FFFFFF;
 +
}
 +
 
 +
.n5-important-title {
 +
font-size: 120%;
 +
font-weight: bold;
 +
}
 +
 
 +
.n5-important-inner a.new {
 +
color: #ffa9a9;
 +
}
 +
 
 +
.n5-important-inner a {
 +
color: #0732ff;
 +
}
 +
 
 +
.n5-greybox {
 +
border: 0.2em #8f8f8f solid;
 +
width: 100%;
 +
background: #8f8f8f;
 +
margin-bottom: 0.5em;
 +
}
 +
 
 +
.n5-greybox-title {
 +
font-size: 120%;
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
}
 +
 
 +
.n5-greybox-inner {
 +
border: 0.5em #8f8f8f solid;
 +
color: #000000;
 +
background: #8f8f8f;
 +
}
 +
 
 +
.n5-greybox-innerwhite {
 +
border: 0.5em #FFFFFF solid;
 +
color: #000000;
 +
background: #FFFFFF;
 +
}
 +
 
 +
.n5-advice {
 +
width: 100%;
 +
border-top: 0.2em #8f8f8f solid;
 +
border-bottom: 0.2em #8f8f8f solid;
 +
}
 +
 
 +
.n5-advice-inner {
 +
border: 0.5em white solid;
 +
color: #3d3d3d;
 +
background: #dceca3;
 +
/* font-style: italic; */
 +
padding-left: 0.5em;
 +
        font-family: Courier New;
 +
}
 +
 
 +
.n5-advice-title {
 +
font-size: 150%;
 +
font-weight: bold;
 +
}
 +
 
 +
.n5-advice-img {
 +
float: right;
 +
 
 +
}
 +
 
 +
 
 +
.n5-seealso {
 +
width: 100%;
 +
border: 0.2em #b60299 solid;
 +
background: #b60299;
 +
/* margin-bottom: 0.5em;*/
 +
}
 +
 
 +
.n5-seealso-inner {
 +
border-left: 0.5em #b60299 solid;
 +
color: #FFFFFF;
 +
background: #b60299;
 +
}
 +
 
 +
.n5-seealso-innerwhite {
 +
border: 0.5em #FFFFFF solid;
 +
color: #000000;
 +
background: #FFFFFF;
 +
}
 +
 
 +
.n5-seealso-title {
 +
font-size: 120%;
 +
font-weight: bold;
 +
}
 +
 
 +
.n5-seealso-inner a.new {
 +
color: #ffa9a9;
 +
}
 +
 
 +
.n5-seealso-inner a {
 +
color: #0732ff;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/* N4 Boxouts DELETE */
  
 
.n4-requirements {
 
.n4-requirements {
Line 386: Line 1,146:
 
.n4-advice-inner {
 
.n4-advice-inner {
 
border: 0.5em white solid;
 
border: 0.5em white solid;
−
color: 8f8f8f;
+
color: #8f8f8f;
 
background: white;  
 
background: white;  
 
font-style: italic;
 
font-style: italic;
Line 398: Line 1,158:
 
float: right;  
 
float: right;  
 
}
 
}
 +
 +
 +
 +
/*FAQ and errata boxes*/
 +
 +
.n4-faqbox {
 +
border: 0.2em grey solid;
 +
width: 100%;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
 +
.n4-faqbox-innerbg {
 +
border: 0.5em grey solid;
 +
color: #000000;
 +
}
 +
 +
 +
.n4-faqbox-inner {
 +
border: 0.5em grey solid;
 +
color: #000000;
 +
overflow: hidden;
 +
}
 +
 +
 +
.n4-faqbox-title {
 +
font-size: 120%;
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
    float:left;
 +
}
 +
 +
.n4-faqbox-version {
 +
font-size: 80%;
 +
font-style: italic;
 +
text-align: right;
 +
color: #FFFFFF;
 +
    float:right;
 +
}
 +
 +
 +
 +
.n4-faq  {
 +
border-color: #5C9900;
 +
background: #5C9900;
 +
}
 +
 +
.n4-faq-inner {
 +
border-color: #EBFFCC;
 +
background: #EBFFCC;
 +
}
 +
 +
 +
.n4-errata {
 +
border-color: #aa6800;
 +
background: #aa6800;
 +
}
 +
 +
 +
.n4-errata-inner {
 +
border-color: #ffebab;
 +
background: #ffebab;
 +
}
 +
  
  
Line 415: Line 1,239:
  
  
−
/* N4 section subnavigation */
+
/* N4 section subnavigation DELETE */
  
 
.n4-chapternav {
 
.n4-chapternav {
Line 429: Line 1,253:
 
color: #545454;
 
color: #545454;
 
}
 
}
 +
 +
 +
/* N5 section subnavigation */
 +
 +
.n5-chapternav {
 +
width: auto;
 +
background: #e1e4e4;
 +
margin: 0 0 0.5em 0;
 +
}
 +
 +
.n5-chapternav-inner {
 +
border: 4px #e1e4e4 solid;
 +
text-align:center;
 +
background: #e1e4e4;
 +
color: #545454;
 +
}
 +
 +
 +
  
 
.mw-selflink {
 
.mw-selflink {
Line 456: Line 1,299:
  
 
/* CSS for the game selector switch */
 
/* CSS for the game selector switch */
 +
 +
 +
#n4gametoggle {
 +
  width: 90%;
 +
  margin: auto;
 +
}
  
 
.switch {
 
.switch {
Line 477: Line 1,326:
 
   right: 0;
 
   right: 0;
 
   bottom: 0;
 
   bottom: 0;
−
   background-color: #ccc;
+
   background-color: #116200;
 
   -webkit-transition: .4s;
 
   -webkit-transition: .4s;
 
   transition: .4s;
 
   transition: .4s;
Line 495: Line 1,344:
  
 
input:checked + .slider {
 
input:checked + .slider {
−
   background-color: #2196F3;
+
   background-color: orange;
 
}
 
}
  
 
input:focus + .slider {
 
input:focus + .slider {
−
   box-shadow: 0 0 1px #2196F3;
+
   box-shadow: 0 0 1px orange;
 
}
 
}
  
Line 515: Line 1,364:
 
.slider.round:before {
 
.slider.round:before {
 
   border-radius: 50%;
 
   border-radius: 50%;
 +
}
 +
 +
.gamesliderlabel {
 +
  font-size: 30px;
 +
  font-weight: bold;
 +
  vertical-align: middle;
 
}
 
}
  
Line 535: Line 1,390:
 
/* tables */
 
/* tables */
  
−
 
+
table.wikitable-dark {
−
 
+
margin: 1em 0;
−
table.n3wiki-basictable {
+
border-collapse: collapse;
−
margin: 1em 0;
+
color: black;
−
border: 1px #AAA solid;
+
text-align:center;
−
border-collapse: collapse;
+
width:100%;
−
color: black;
 
 
}
 
}
  
−
.n3w-yellowheader{
+
.wikitable-dark th {
−
background: #FFBF00;
+
padding: 0.3em;
 +
border: 2px white solid;
 +
background: #4c4c4c !important;
 
font-weight: bold;
 
font-weight: bold;
 +
color: white;
 +
text-align:center;
 
}
 
}
  
−
 
+
.wikitable-dark td {
−
/*  Define the background color for all the EVEN background rows  */
+
padding: 0.3em;
−
.n3wiki-basictable tr:nth-child(even){
+
border-bottom: 2px white solid;
−
background: #CCF2FF;
+
text-align:center;  
 
}
 
}
  
−
}
 
  
−
 
+
.wikitable-dark-firstbold tr td:first-child {
−
 
+
font-weight: bold;
−
 
 
−
 
 
−
table.n3w-weapontable {
 
−
margin: 1em 0;
 
−
border: 1px #AAA solid;
 
−
border-collapse: collapse;
 
−
color: black;
 
−
text-align:center;
 
−
width:100%;
 
 
}
 
}
  
−
.n3w-yellowheader{
+
.wikitable-dark-lastbold tr td:last-child {
−
background: #FFBF00;
 
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
Line 577: Line 1,424:
  
 
/*  Define the background color for all the EVEN background rows  */
 
/*  Define the background color for all the EVEN background rows  */
−
.n3w-weapontable tr:nth-child(2n+3){
+
.wikitable-dark tr:nth-child(2n+2){
−
background: #CCF2FF;
+
background: #f5f3f0;
−
border-style: solid;
 
−
border-width: 0px 0px 6px 0px;
 
−
border-color:#CCF2FF;
 
 
}
 
}
  
 
/*  Define the background color for all the ODD background rows  */
 
/*  Define the background color for all the ODD background rows  */
−
.n3w-weapontable tr:nth-child(2n+4){
+
.wikitable-dark tr:nth-child(2n+3){
−
background: white;
+
background: #d4cec6;
−
border-style: solid;
 
−
border-width: 0px 0px 6px 0px;
 
−
border-color:white;
 
 
}
 
}
  
  
−
 
+
table.wikitable-gamesize {
−
 
+
margin: 1em 0;
−
 
+
border-collapse: collapse;
−
 
+
color: black;
−
/*  Formatting for the weapon table cells. */
+
text-align:center;  
−
 
+
width:100%;
−
 
 
−
.n3w-weaponcolumn {
 
−
/* old, not for final version. */
 
−
text-align:left;
 
−
/* font-weight: bold; */
 
 
}
 
}
  
−
.n3w-weapon-name, .n3w-weapon-traits {
+
.wikitable-gamesize th {
−
text-align:left;
+
padding: 0.3em;
 +
border: 2px white solid;
 +
background: #4c4c4c !important;
 +
font-weight: bold;
 +
color: white;
 +
text-align:center;  
 
}
 
}
  
−
 
+
.wikitable-gamesize td {
−
 
+
padding: 0.3em;
−
.n3w-rangeplus6 {
+
border: 2px white solid;
−
background:greenyellow;
+
text-align:center;  
 
}
 
}
  
−
.n3w-rangeplus3 {
+
.wikitable-gamesize tr td:first-child {
−
background:limegreen;
+
font-weight: bold;
 
}
 
}
  
−
.n3w-range0 {
 
−
background:dodgerblue;
 
−
}
 
−
 
−
.n3w-rangeminus3 {
 
−
background:gold;
 
−
}
 
  
−
.n3w-rangeminus6 {
+
/*  Define the background color for all the lighter background rows  */
−
background: #B20000;
+
.wikitable-gamesize tr:nth-child(2), tr:nth-child(3), tr:nth-child(6), tr:nth-child(7) {
−
color: #FFFFFF;
+
background: #f5f3f0;
 
}
 
}
  
−
.n3w-rangeplus6, .n3w-rangeplus3, .n3w-range0, .n3w-rangeminus3, .n3w-rangeminus6 {
+
/*  Define the background color for all the darker background rows  */
−
font-weight: bold;
+
.wikitable-gamesize  tr:nth-child(4), tr:nth-child(5) {
 +
background: #d4cec6;
 
}
 
}
−
 
  
  
Line 676: Line 1,510:
  
  
−
/*  Skill Boxes  */
 
  
−
table.n3w-skilltable-short {
+
/*N5 Tables */
 +
 
 +
 
 +
.n5table-dark tbody > tr > th, .n5-floatheader tbody > tr > th {
 +
/* this works for Chrome but not Safari */
 +
    position: sticky;
 +
    top: 50px;
 +
    z-index: 10;
 +
}
 +
 
 +
 
 +
.n5table-dark th, .n5-floatheader th {
 +
/* this works for Safari but not Chrome */
 +
    position: -webkit-sticky; // this is for all Safari (Desktop & iOS), not for Chrome
 +
    position: sticky;
 +
    top: 50px;
 +
    background-color: #3d3d3d; // any bg-color to overlap
 +
    z-index: 10; // any positive value, layer order is global
 +
}
 +
 
 +
 
 +
 
 +
table.n5table-dark, table.n5-weapontable-dark {
 
margin: 1em 0;
 
margin: 1em 0;
−
border: 2px forestgreen solid;
 
−
background: forestgreen;
 
−
color: #FFFFFF;
 
−
cellpadding: 4px;
 
−
padding: 4px;
 
−
border-spacing: 4px;
 
 
border-collapse: collapse;
 
border-collapse: collapse;
 +
color: black;
 +
text-align:center;
 
width:100%;
 
width:100%;
−
border-spacing: 0px;
+
        line-height: 1.1;
 +
}
 +
 
 +
.n5table-dark th {
 +
padding: 0.25em;
 +
border: 2px white solid;
 +
background: #4f4f4f;
 +
font-weight: bold;
 +
text-align:center;
 +
color: white;
 +
}
 +
 
 +
.n5-weapontable-dark th {
 +
text-align:center;
 +
}
 +
 
 +
.n5table-dark td, .n5-weapontable-dark td, .n5-weapontable-dark th {
 +
padding: 0.25em;
 +
border-bottom: 2px white solid;
 +
}
 +
 
 +
.n5table-dark td {
 +
padding: 0.25em;
 +
border-left: 2px white solid;
 +
border-right: 2px white solid;
 +
}
 +
 
 +
.n5table-dark-firstbold tr td:first-child {
 +
font-weight: bold;
 +
}
 +
 
 +
.n5table-dark-lastbold tr td:last-child {
 +
font-weight: bold;
 +
}
 +
 
 +
/*  Define the background color for all the PALE EVEN background rows, regular table and weapon table  */
 +
.n5table-dark tr:nth-child(2n+2), .n5-weapontable-dark tr:nth-child(2n+2) {
 +
background: #f1f2f3;
 +
}
 +
 
 +
/*  Define the background color for all the DARK ODD background rows, regular table and weapon table  */
 +
.n5table-dark tr:nth-child(2n+3), .n5-weapontable-dark tr:nth-child(2n+3) {
 +
background: #c5cccb;
 +
}
 +
 
 +
 
 +
/* N5 Weapon Profile */
 +
 
 +
.n5-darkheader {
 +
background: #3d3d3d;
 +
font-weight: bold;
 +
color: white;
 
}
 
}
  
−
table.n3w-skilltable-short td {
+
.n5-darkheader a.new {
−
padding: 4px;
+
color: #ffa9a9;
 
}
 
}
  
−
table.n3w-skilltable-aro {
+
.n5-darkheader a {
−
margin: 1em 0;
+
color: #9dd1ff;
−
border: 2px #FFBF00 solid;
 
−
background: #FFBF00;
 
−
color: #000000;
 
−
cellpadding: 4px;
 
−
border-collapse: collapse;
 
−
width:70%;
 
−
border-spacing: 0px;
 
 
}
 
}
  
−
table.n3w-skilltable-entire {
+
.n5-weapontable-dark td:first-child, .n5-weapontable-dark th:first-child {
−
margin: 1em 0;
+
border-right: 2px white solid;
−
border: 2px #B20000 solid;
+
}
−
background: #B20000;
+
.n5-weapontable-dark td:last-child, .n5-weapontable-dark th:last-child {
−
color: #FFFFFF;
+
border-left: 2px white solid;
−
cellpadding: 4px;
 
−
border-collapse: collapse;
 
−
width:70%;
 
−
border-spacing: 0px;
 
 
}
 
}
  
−
table.n3w-skilltable-move {
+
 
−
margin: 1em 0;
+
.n5-weapontable-firstrange {
−
border: 2px #1E90FF solid;
+
border-right: none !important;
−
background: #1E90FF;
 
−
color: #FFFFFF;
 
−
cellpadding: 4px;
 
−
border-collapse: collapse;
 
−
width:70%;
 
−
border-spacing: 0px;
 
 
}
 
}
  
 +
.n5-weapontable-lastrange {
 +
border-left: none !important;
 +
}
  
−
table.n3w-skilltable-automatic {
+
.n5-weapontable-greyleft {
−
margin: 1em 0;
+
border-left: 1px grey solid;
−
border: 2px #000000 solid;
 
−
background: #000000;
 
−
color: #FFFFFF;
 
−
cellpadding: 4px;
 
−
border-collapse: collapse;
 
−
width:70%;
 
−
border-spacing: 0px;
 
 
}
 
}
  
  
−
table.n3w-skilltable-deployment {
+
.n5-weapontable-dark td:nth-child(8) {
−
margin: 1em 0;
+
border-right: 2px white solid;
−
border: 2px #4B0082 solid;
 
−
background: #4B0082;
 
−
color: #FFFFFF;
 
−
cellpadding: 4px;
 
−
border-collapse: collapse;
 
−
width:70%;
 
−
border-spacing: 0px;
 
 
}
 
}
  
 +
.n5-weapontable-dark-rightborder {
 +
border-right: 2px white solid;
 +
}
  
  
 +
/*  Formatting for the weapon table cells, dark mode.  */
  
−
.n3w-skill-title {
+
.n5-weapon-name {
 +
text-align: left;
 
font-weight: bold;
 
font-weight: bold;
−
font-size:150%
 
 
}
 
}
  
−
.n3w-skill-type {
+
.n5-weapon-traits {
−
text-align:right;  
+
text-align: left;
 +
}
 +
 
 +
.n5-range-dark\+6 {
 +
background: #94e64d;
 +
}
 +
 
 +
.n5-range-dark\+3 {
 +
background: #97bd75;
 +
}
 +
 
 +
.n5-range-dark0 {
 +
background: #66d9ff;
 +
}
 +
 
 +
.n5-range-dark-3 {
 +
background: #ffc34d;
 
}
 
}
  
−
.n3w-skill-labels {
+
.n5-range-dark-6 {
−
background: #DCDCDC;
+
background: #f36859;
−
color: #000000;
 
−
font-style: italic;
 
 
}
 
}
  
−
.n3w-skill-requirements {
+
.n5-range-dark-- {
−
color: #000000;
+
background: #737373;
−
background: #FFFFFF;  
+
color: #737373;
 
}
 
}
  
−
.n3w-skill-effects {
+
.n5-range-dark\+6, .n5-range-dark\+3 {
−
color: #000000;
+
font-weight: bold;
−
background: #DCDCDC;  
 
 
}
 
}
 +
 +
/*
 +
.n5-range-dark\+6, .n5-range-dark\+3, .n5-range-dark0, .n5-range-dark-3, .n5-range-dark-6 {
 +
font-weight: bold;
 +
}*/
  
  
Line 827: Line 1,723:
 
font-style: italic;
 
font-style: italic;
 
font-size:80%
 
font-size:80%
−
}
 
−
 
−
 
−
 
−
 
−
 
−
 
−
/*    Boxouts    */
 
−
 
−
table.n3w-remember-box {
 
−
margin: 1em 0;
 
−
border: 2px #FFBF00 solid;
 
−
background: #FFBF00;
 
−
color: #000000;
 
−
width:90%;
 
−
border-spacing: 0px;
 
−
}
 
−
 
−
table.n3w-important-box {
 
−
margin: 1em 0;
 
−
border: 2px #B20000 solid;
 
−
background: #B20000;
 
−
color: #FFFFFF;
 
−
width:90%;
 
−
border-spacing: 0px;
 
−
}
 
−
 
−
table.n3w-hsp-box {
 
−
margin: 1em 0;
 
−
border: 2px #cef494 solid;
 
−
background: #ffffcc;
 
−
color: #000000;
 
−
width:90%;
 
−
border-spacing: 0px;
 
−
}
 
−
 
−
table.n3w-hsn3updated-box {
 
−
margin: 1em 0;
 
−
border: 2px #cef494 solid;
 
−
background: #EBFFCC;
 
−
color: #000000;
 
−
width:90%;
 
−
border-spacing: 0px;
 
−
}
 
−
 
−
table.n3w-sibylla-box {
 
−
margin: 1em 0;
 
−
border: 2px #98dfec solid;
 
−
background: #eafffd;
 
−
color: #000000;
 
−
width:70%;
 
−
border-spacing: 0px;
 
−
}
 
−
 
−
table.n3w-blue-box {
 
−
margin: 1em 0;
 
−
border: 1px #74C5EC solid;
 
−
background: #B7DFF5;
 
−
/* color: #000000; */
 
−
width:90%;
 
−
border-spacing: 0px;
 
−
}
 
−
 
−
.n3w-blue-box .n3w-boxout-name {
 
−
color: #124E85;
 
−
}
 
−
 
−
 
−
.n3w-important-box a.new {
 
−
color: #FA9696;
 
−
}
 
−
 
−
 
−
.n3w-boxout-name {
 
−
font-weight: bold;
 
−
font-size:120%;
 
−
}
 
−
 
−
.n3w-boxout-hspname {
 
−
font-style: italic;
 
−
font-size:120%;
 
−
}
 
−
 
−
.n3w-boxout-body {
 
−
font-size:100%;
 
 
}
 
}

Latest revision as of 17:07, 15 October 2025

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


/* Site Notice. */

#siteNotice {
  background-color: #ffe0e0;
  border: 0.2em #dd0a0a solid;
  padding: 0.5em;
}



/* Basic indents formatting here. */


dd {
margin-left: 1.6em;
}


/* Errata formatting here. */

.errata_border {
border-left: 0.2em solid #48c000;
}

.errata_title {
color: #48c000;
}

.errata_highlight {
background: #ddff9b;
}

.errata_highlightblock {
background: #ddff9b;
border: 0.2em solid #ddff9b;
}

.original_highlight {
background: #ffccd1;
}

.original_highlightblock {
background: #ffccd1;
border: 0.2em solid #ffccd1;
}

.original_border {
border-left: 0.25em solid #a70064;
border-style: none none none dashed;
}

.original_title {
color: #a70064;
}

.errata_border, .original_border {
padding-left: 0.5em;
}

.down {
font-style: italic ;
}





/* C1/N4 split formatting goes first. */

.n4 {
border-left: 0.2em solid orange;
padding-left: 0.5em;
/* 
display: none;
 */
}

.n4list {
border-left: 0.2em solid orange;
/* 
display: none;
 */
padding-left: 0.5em;
}


.n4inline {
border-bottom: 0.1em solid orange;
padding-bottom: 0.1em;
/* 
display: none;
 */
}


.c1hide {
border-left: 0.1em solid green;
padding-left: 0.2em;
display: none;
}


/* text stuff */

p {
    margin-bottom: 1em;
}

#bodyContent ul li {
  margin: 0.2em 0;  
}

#bodyContent .n4 ul {
  margin: 0.2em 0;
}

#bodyContent .n4 li {
  margin: 0.2em 0;
}



#bodyContent ul li {
    display: block;
    margin-left: -1.5em;
}

#bodyContent ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -1.5em;
    color: #626262;
}

#bodyContent ul ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -1.5em;
    color: #a6a6a6;
}




/* setting scaling for external images */


/* N5 caption in a block */

.ext-img-block-128inline, .ext-img-block-128inlineleft {
  display: inline-block;
  text-align: center;
}

.ext-img-block-128inlineleft {
  float: left;
}

.ext-img-caption-128inline, .ext-img-caption-128inlineleft {
  display: inline-block;
  font-weight: bold;
}

.ext-img-block-128inline img, .ext-img-block-128inlineleft img {
  max-width: 128px;
  max-height: 128px;
  width: auto;
  height: auto;
  margin: 16px;
}











.ext-img-full img {
  display: block;
  max-width:100%;
  height: auto;
}

.ext-img-fullborder img {
  display: block;
  max-width:100%;
  height: auto;
	border: 1px #7b7b7b solid !important;
}


.ext-img-1024 img {
  display: block;
  max-width:1024px;
  max-height:1024px;
  width: auto;
  height: auto;
}

/* replce with fullwidth responsive
.ext-img-512 img {
  display: block;
  max-width:512px;
  max-height:512px;
  width: auto;
  height: auto;
}
*/

.ext-img-512 img {
  display: block;
  max-width:100%;
  height: auto;
}


.ext-img-256 img {
  display: block;
  max-width: 256px;
  max-height: 256px;
  width: auto;
  height: auto;
}

.ext-img-256inline img {
  display: inlineblock;
  max-width: 256px;
  max-height: 256px;
  width: auto;
  height: auto;
}

.ext-img-128 img {
  display: block;
  max-width: 128px;
  max-height: 128px;
  width: auto;
  height: auto;
}

.ext-img-128inline img {
  display: inlineblock;
  max-width: 128px;
  max-height: 128px;
  width: auto;
  height: auto;
}

.ext-img-128inline {
  text-align: center;
}

.ext-img-96 img {
  display: block;
  max-width: 96px;
  max-height: 96px;
  width: auto;
  height: auto;
}

.ext-img-96inline img {
  display: inlineblock;
  max-width: 96px;
  max-height: 96px;
  width: auto;
  height: auto;
}

.ext-img-64 img {
  display: block;
  max-width: 64px;
  max-height: 64px;
  width: auto;
  height: auto;
}

.ext-img-2eminline img {
  display: inlineblock;
  max-width: 2em;
  max-height: 2em;
  width: auto;
  height: auto;
}


.ext-img-1024border img {
  display: block;
  max-width:1024px;
  max-height:1024px;
  width: auto;
  height: auto;
	border: 1px #7b7b7b solid !important;
}

/* replace with full width responsive
.ext-img-512border img {
  display: block;
  max-width:512px;
  max-height:512px;
  width: auto;
  height: auto;
	border: 1px #7b7b7b solid !important;
}
*/

.ext-img-512border img {
  display: block;
  max-width:100%;
  height: auto;
	border: 1px #7b7b7b solid !important;
}


.ext-img-256border img {
  display: block;
  max-width: 256px;
  max-height: 256px;
  width: auto;
  height: auto;
	border: 1px #7b7b7b solid !important;
}

.ext-img-128border img {
  display: block;
  max-width: 128px;
  max-height: 128px;
  width: auto;
  height: auto;
	border: 1px #7b7b7b solid !important;
}




/* N4 Weapon Profile */

table.n4-weapontable-dark {
	margin: 1em 0;
	border-collapse: collapse;
	color: black;
	text-align:center; 
	width:100%;
}

.n4-darkheader {
	background: #4c4c4c !important;
	font-weight: bold;
	color: white;
}

.n4-darkheader a.new {
	color: #ffa9a9;
}

.n4-darkheader a {
	color: #85b4dd;
}

.n4-weapontable-dark td {
	padding: 0.3em;
	border-bottom: 2px white solid;
}

.n4-weapontable-dark td:first-child {
	border-right: 2px white solid;
}
.n4-weapontable-dark td:last-child {
	border-left: 2px white solid;
}

.n4-weapontable-dark td:nth-child(8) {
	border-right: 2px white solid;
}


.n4-weapontable-dark-rightborder {
	border-right: 2px white solid;
}

	/*  Define the background color for all the EVEN background rows  */
.n4-weapontable-dark tr:nth-child(2n+3){
	background: #f5f3f0;
}

	/*  Define the background color for all the ODD background rows  */
.n4-weapontable-dark tr:nth-child(2n+4){
	background: #d4cec6;
}





table.n4-weapontable {
	margin: 1em 0;
	border: 1px #7b7b7b solid;
	border-collapse: collapse;
	color: black;
	text-align:center; 
	width:100%;
}

.n4-yellowheader{
	background: #FFBF00 !important;
	font-weight: bold;
}


	/*  Define the background color for all the EVEN background rows  */
.n4-weapontable tr:nth-child(2n+3){
	background: white;
}

	/*  Define the background color for all the ODD background rows  */
.n4-weapontable tr:nth-child(2n+4){
	background: #CCF2FF;
}

.n4-weapontable td {
	padding: 0.3em;
	border-bottom: 1px #7b7b7b solid;
}

.n4-weapontable td:first-child {
	border-right: 1px #7b7b7b solid;
}
.n4-weapontable td:last-child {
	border-left: 1px #7b7b7b solid;
}

.n4-weapontable td:nth-child(8) {
	border-right: 1px #7b7b7b solid;
}


.n4-weapontable-rightborder {
	border-right: 1px #7b7b7b solid;
}

.n4-weapontable-firstrange {
	border-right: none !important;
}

.n4-weapontable-lastrange {
	border-left: none !important;
	border-right: 1px #7b7b7b solid;
}





/*  Formatting for the weapon table cells.  */


.n3w-weapon-name {
	text-align:left;
	font-weight: bold;
}

.n3w-weapon-traits {
	text-align:left;
}



.n4-range\+6 {
	background:greenyellow;
}

.n4-range\+3 {
	background:limegreen;
}

.n4-range0 {
	background:dodgerblue;
}

.n4-range-3 {
	background:gold;
}

.n4-range-6 {
	background: #B20000;
	color: #FFFFFF;
}

.n4-range-- {
	/*background: black;*/
	color: #b1b1b1;
}

.n4-range--- {
	background: white;
	color: white;
}

.n4-range\+6, .n4-range\+3, .n4-range0, .n4-range-3, .n4-range-6 {
	font-weight: bold;
}




/*  Formatting for the weapon table cells, dark mode.  */


.n4-range-dark\+6 {
	background: #94e64d;
}

.n4-range-dark\+3 {
	background: #97bd75;
}

.n4-range-dark0 {
	background: #66d9ff;
}

.n4-range-dark-3 {
	background: #ffc34d;
}

.n4-range-dark-6 {
	background: #f36859;
}

.n4-range-dark-- {
	background: #737373;
	color: #737373;
}


.n4-range-dark\+6, .n4-range-dark\+3, .n4-range-dark0, .n4-range-dark-3, .n4-range-dark-6 {
	font-weight: bold;
}



/* N5 Skill Boxes */

table.n5-skillboxgrad {
	padding: 4px;
	border-spacing: 4px;
	border-collapse: collapse;
	width:100%;
}

table.n5-skillboxgrad td {
	padding: 0.2em;
}

.n5-skillgrad-green {
	background: linear-gradient(90deg, rgba(24,139,34,1) 0%, rgba(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n5-skill-greenyellow, .n5-skill-greenyellow {
	background: linear-gradient(90deg,rgba(24,139,34,1) 0%,rgba(24,139,34,1) 20%,rgba(255,191,0,1) 80%,rgba(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n5-skill-blueyellow, .n5-skill-blueyellow {
	background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(30,144,255,1) 20%, rgba(255,191,0,1) 80%, rgba(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n5-skill-purplered, .n5-skill-purplered {
	background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 20%, rgba(178,0,0,1) 80%, rgba(178,0,0,1) 100%);
	color: #FFFFFF;
}

table.n5-skillbox td {
	padding: 0.1em;
}

table.n5-skillbox {
	padding: 2px;
	border-spacing: 2px;
	border-collapse: collapse;
	width:100%;
}

table.n5-skill-green, .n5-skill-green {
	background: forestgreen; 
	color: #FFFFFF;
}

table.n5-skill-black, .n5-skill-black {
	background: black; 
	color: white;
}

table.n5-skill-yellow, .n5-skill-yellow {
	background: #FFBF00; 
	color: black;
}

table.n5-skill-blue, .n5-skill-blue  {
	background: #3278bd; 
	color: white;
}

table.n5-skill-bluegrey, .n5-skill-bluegrey  {
	background: #315779; 
	color: white;
}

table.n5-skill-purple, .n5-skill-purple {
	background: #4B0082; 
	color: white;
}

table.n5-skill-red, .n5-skill-red {
	background: #B20000; 
	color: white;
}


.n5-skill-title {
	font-weight: bold;
	font-size:200%
}

.n5-skill-type {
	font-weight: bold;
	text-align:right; 
	font-size:125%
}

.n5-skill-labels {
	color: #FFFFFF;
	font-size: 100%;
	margin-bottom: 0.5em;
}



/* N5 Skillbox just CSS, code from https://css-generators.com/custom-corners/ */

.cssbox {
  position: relative;
  padding: 1em;
}

.cssbox-purplered: before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 20%, rgba(178,0,0,1) 80%, rgba(178,0,0,1) 100%);
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-greenyellow: before {
    content: "";
    position: absolute;
    inset: 0;
	background: linear-gradient(90deg,rgba(24,139,34,1) 0%,rgba(24,139,34,1) 20%,rgba(255,191,0,1) 80%,rgba(255,191,0,1) 100%);
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-blueyellow: before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(30,144,255,1) 20%, rgba(255,191,0,1) 80%, rgba(255,191,0,1) 100%);
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-green: before {
    content: "";
    position: absolute;
    inset: 0;
	background: forestgreen; 
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-red: before {
    content: "";
    position: absolute;
    inset: 0;
	background: #B20000; 
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-black: before {
    content: "";
    position: absolute;
    inset: 0;
	background: black; 
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-yellow: before {
    content: "";
    position: absolute;
    inset: 0;
	background: #FFBF00; 
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-blue: before {
    content: "";
    position: absolute;
    inset: 0;
	background: #3278bd; 
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}

.cssbox-purple: before {
    content: "";
    position: absolute;
    inset: 0;
	background: #4B0082; 
    clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}


/*
.cssbox:before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0,5px  5px ,5px calc(100% - 5px),calc(100% - 40px - 2.07px) calc(100% - 5px),calc(100% - 5px) calc(100% - 40px - 2.07px),calc(100% - 5px) 5px,5px 5px);
}
*/


.cssbox-title {
	font-weight: bold;
	font-size:200%;
	padding-left: 0.3em;
}

.cssbox-type {
	font-weight: bold;
	text-align:right; 
	font-size:125%;
	padding-right: 0.3em;
}







/* N4 Skill Boxes DELETE */

table.n4-skillboxgrad {
	padding: 4px;
	border-spacing: 4px;
	border-collapse: collapse;
	width:100%;
}

table.n4-skillboxgrad td {
	padding: 0.2em;
}

.n4-skillgrad-green {
	background: linear-gradient(90deg, rgba(24,139,34,1) 0%, rgba(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n4-skill-greenyellow {
	background: linear-gradient(90deg,rgba(24,139,34,1) 0%,rgba(24,139,34,1) 20%,rgba(255,191,0,1) 80%,rgba(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n4-skill-blueyellow {
	background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(30,144,255,1) 20%, rgba(255,191,0,1) 80%, rgba(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n4-skill-purplered {
	background: linear-gradient(90deg, rgba(75,0,130,1) 0%, rgba(75,0,130,1) 20%, rgba(178,0,0,1) 80%, rgba(178,0,0,1) 100%);
	color: #FFFFFF;
}

table.n4-skillbox td {
	padding: 0.2em;
}

table.n4-skillbox {
	padding: 4px;
	border-spacing: 4px;
	border-collapse: collapse;
	width:100%;
}

table.n4-skill-green {
	background: forestgreen; 
	color: #FFFFFF;
}

table.n4-skill-black {
	background: black; 
	color: white;
}

table.n4-skill-yellow {
	background: #FFBF00; 
	color: black;
}

table.n4-skill-blue  {
	background: #1E90FF; 
	color: white;
}

table.n4-skill-bluegrey  {
	background: #315779; 
	color: white;
}

table.n4-skill-purple {
	background: #4B0082; 
	color: white;
}

table.n4-skill-red {
	background: #B20000; 
	color: white;
}


.n4-skill-title {
	font-weight: bold;
	font-size:200%
}

.n4-skill-type {
	text-align:right; 
	font-size:150%
}

table.n4-skill-labels {
	border: 4px #c6c6c6 solid;
	background: #c6c6c6; 
	color: #FFFFFF;
	font-style: italic;
	font-size:100%
}



/* n5 Boxouts */

.n5-req-eff {
	width: 100%;
	font-size: 150%;
	font-weight: bold;
	color: white;
	margin-bottom: 0.2em;
}

.n5-requirements {
	background: #3d3d3d; 
}

.n5-requirements-inner {
	border: 4px #3d3d3d solid;
	padding-left: 0.2em; 
}

.n5-effects {
	background: #989898; 
	margin-top: 0.5em;
}

.n5-effects-inner {
	border: 4px #989898 solid;
	padding-left: 0.2em; 
}

.n5-remember {
	width: 100%;
	border: 0.2em #ea620c solid;
	background: #ea620c; 
	margin-bottom: 0.5em;
}

.n5-remember-inner {
	border: 0.5em #ea620c solid;
	color: #000000;
	background: #ea620c; 
}

.n5-remember-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}

.n5-remember-title {
	font-size: 120%; 
	font-weight: bold; 
	color: #FFFFFF;
}

.n5-important {
	width: 100%;
	border: 0.2em #B20000 solid;
	background: #B20000; 
	margin-bottom: 0.5em;
}

.n5-important-inner {
	border: 0.5em #B20000 solid;
	color: #FFFFFF;
	background: #B20000; 
}

.n5-important-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}

.n5-important-title {
	font-size: 120%; 
	font-weight: bold; 
}

.n5-important-inner a.new {
	color: #ffa9a9;
}

.n5-important-inner a {
	color: #0732ff;
}

.n5-greybox {
	border: 0.2em #8f8f8f solid;
	width: 100%;
	background: #8f8f8f; 
	margin-bottom: 0.5em;
}

.n5-greybox-title {
	font-size: 120%; 
	font-weight: bold; 
	color: #FFFFFF;
}

.n5-greybox-inner {
	border: 0.5em #8f8f8f solid;
	color: #000000;
	background: #8f8f8f; 
}

.n5-greybox-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}

.n5-advice {
	width: 100%;
	border-top: 0.2em #8f8f8f solid; 
	border-bottom: 0.2em #8f8f8f solid;
}

.n5-advice-inner {
	border: 0.5em white solid;
	color: #3d3d3d;
	background: #dceca3; 
/*	font-style: italic; */
	padding-left: 0.5em;
        font-family: Courier New;
}

.n5-advice-title {
	font-size: 150%; 
	font-weight: bold; 
}

.n5-advice-img {
	float: right; 

}


.n5-seealso {
	width: 100%;
	border: 0.2em #b60299 solid;
	background: #b60299; 
/*	margin-bottom: 0.5em;*/
}

.n5-seealso-inner {
	border-left: 0.5em #b60299 solid;
	color: #FFFFFF;
	background: #b60299; 
}

.n5-seealso-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}

.n5-seealso-title {
	font-size: 120%; 
	font-weight: bold; 
}

.n5-seealso-inner a.new {
	color: #ffa9a9;
}

.n5-seealso-inner a {
	color: #0732ff;
}







/* N4 Boxouts DELETE */

.n4-requirements {
	width: 100%;
	background: #e4e4e4; 
}

.n4-requirements-inner {
	border: 4px #e4e4e4 solid;
	color: #000000;
	background: #e4e4e4; 
	font-size:150%
}


.n4-remember {
	width: 100%;
	border: 0.2em #ea620c solid;
	background: #ea620c; 
	margin-bottom: 0.5em;
}

.n4-remember-inner {
	border: 0.5em #ea620c solid;
	color: #000000;
	background: #ea620c; 
}

.n4-remember-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}

.n4-remember-title {
	font-size: 120%; 
	font-weight: bold; 
	color: #FFFFFF;
}


.n4-important {
	width: 100%;
	border: 0.2em #B20000 solid;
	background: #B20000; 
	margin-bottom: 0.5em;
}

.n4-important-inner {
	border: 0.5em #B20000 solid;
	color: #FFFFFF;
	background: #B20000; 
}

.n4-important-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}

.n4-important-title {
	font-size: 120%; 
	font-weight: bold; 
}

.n4-important-inner a.new {
	color: #ffa9a9;
}

.n4-important-inner a {
	color: #0732ff;
}



.n4-greybox {
	border: 0.2em #8f8f8f solid;
	width: 100%;
	background: #8f8f8f; 
	margin-bottom: 0.5em;
}

.n4-greybox-title {
	font-size: 120%; 
	font-weight: bold; 
	color: #FFFFFF;
}

.n4-greybox-inner {
	border: 0.5em #8f8f8f solid;
	color: #000000;
	background: #8f8f8f; 
}

.n4-greybox-innerwhite {
	border: 0.5em #FFFFFF solid;
	color: #000000;
	background: #FFFFFF; 
}







.n4-advice {
	width: 100%;
	background: black; 
	border: 0.2em #8f8f8f solid;
}

.n4-advice-inner {
	border: 0.5em white solid;
	color: #8f8f8f;
	background: white; 
	font-style: italic;
}

.n4-advice-title {
	font-size: 150%; 
}

.n4-advice-img {
	float: right; 
}



/*FAQ and errata boxes*/

.n4-faqbox {
	border: 0.2em grey solid;
	width: 100%;
	margin-bottom: 0.5em;
}


.n4-faqbox-innerbg {
	border: 0.5em grey solid;
	color: #000000;
}


.n4-faqbox-inner {
	border: 0.5em grey solid;
	color: #000000;
	overflow: hidden; 
}


.n4-faqbox-title {
	font-size: 120%; 
	font-weight: bold; 
	color: #FFFFFF;
    float:left; 
}

.n4-faqbox-version {
	font-size: 80%; 
	font-style: italic;
	text-align: right;
	color: #FFFFFF;
    float:right; 
}



.n4-faq  {
	border-color: #5C9900;
	background: #5C9900; 
}

.n4-faq-inner {
	border-color: #EBFFCC;
	background: #EBFFCC; 
}


.n4-errata {
	border-color: #aa6800;
	background: #aa6800; 
}


.n4-errata-inner {
	border-color: #ffebab;
	background: #ffebab; 
}





/* Make the breadcrumbs bold. */

#breadcrumbs2 {
	font-weight: bold;
}


/* The !important tag is used here so that the theme doesn't need to be tweaked! */
#contentSub {
	margin: 0 0 1.4em 0 !important;
}


/* N4 section subnavigation DELETE */

.n4-chapternav {
	width: auto;
	background: #e4e4e4; 
	margin: 0 0 0.5em 0;
}

.n4-chapternav-inner {
	border: 4px #e4e4e4 solid;
	text-align:center; 
	background: #e4e4e4; 
	color: #545454;
}


/* N5 section subnavigation */

.n5-chapternav {
	width: auto;
	background: #e1e4e4; 
	margin: 0 0 0.5em 0;
}

.n5-chapternav-inner {
	border: 4px #e1e4e4 solid;
	text-align:center; 
	background: #e1e4e4; 
	color: #545454;
}




.mw-selflink {
	font-weight: bold;
	color: #545454;
}

.mw-selflink:hover {
	color: #545454;
    text-decoration: none;
}

#contentsub {
	width: 100%;
	background: #e4e4e4; 
	margin: 0 0 0.5em 0;
	width: 100%;
}

#breadcrumbs2 {
	border: 4px #e4e4e4 solid;
	text-align:center; 
	background: #e4e4e4; 
}



/* CSS for the game selector switch */


#n4gametoggle {
  width: 90%; 
  margin: auto; 
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #116200;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: orange;
}

input:focus + .slider {
  box-shadow: 0 0 1px orange;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.gamesliderlabel {
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
}


/* make the categories show up in Tweeki! */
/* 
#catlinks {display:block;}
*/











/* tables */

table.wikitable-dark {
	margin: 1em 0;
	border-collapse: collapse;
	color: black;
	text-align:center; 
	width:100%;
}

.wikitable-dark th {
	padding: 0.3em;
	border: 2px white solid;
	background: #4c4c4c !important;
	font-weight: bold;
	color: white;
	text-align:center; 
}

.wikitable-dark td {
	padding: 0.3em;
	border-bottom: 2px white solid;
	text-align:center; 
}


.wikitable-dark-firstbold tr td:first-child {
	font-weight: bold;
}

.wikitable-dark-lastbold tr td:last-child {
	font-weight: bold;
}


	/*  Define the background color for all the EVEN background rows  */
.wikitable-dark tr:nth-child(2n+2){
	background: #f5f3f0;
}

	/*  Define the background color for all the ODD background rows  */
.wikitable-dark tr:nth-child(2n+3){
	background: #d4cec6;
}


table.wikitable-gamesize {
	margin: 1em 0;
	border-collapse: collapse;
	color: black;
	text-align:center; 
	width:100%;
}

.wikitable-gamesize th {
	padding: 0.3em;
	border: 2px white solid;
	background: #4c4c4c !important;
	font-weight: bold;
	color: white;
	text-align:center; 
}

.wikitable-gamesize td {
	padding: 0.3em;
	border: 2px white solid;
	text-align:center; 
}

.wikitable-gamesize tr td:first-child {
	font-weight: bold;
}


	/*  Define the background color for all the lighter background rows  */
.wikitable-gamesize tr:nth-child(2), tr:nth-child(3), tr:nth-child(6), tr:nth-child(7) {
	background: #f5f3f0;
}

	/*  Define the background color for all the darker background rows  */
.wikitable-gamesize  tr:nth-child(4), tr:nth-child(5) {
	background: #d4cec6;
}




table.n3w-tablewithcolumns {
margin: 1em 0;
border: 1px #AAA solid;
border-collapse: separate;
color: black;
	text-align:center; 
	width:100%;
}


	/*  Define the background color for all the EVEN background rows  */
.n3w-tablewithcolumns tr:nth-child(2n+3){
	background: #CCF2FF;
	border-style: solid; 
	border-width: 0px 1px 1px 0px;
	border-color:gray;
}

	/*  Define the background color for all the ODD background rows  */
.n3w-tablewithcolumns tr:nth-child(2n+4){
	background: white;
	border-style: solid; 
	border-width: 0px 1px 1px 0px;
	border-gray;
}

	/*  Define stuff for individual cells.  */
.n3w-tablewithcolumns td{
	padding: 4px;
border: 1px #AAA solid;
}





/*N5 Tables */


.n5table-dark tbody > tr > th, .n5-floatheader tbody > tr > th {
/* this works for Chrome but not Safari */
    position: sticky;
    top: 50px;
    z-index: 10;
}


.n5table-dark th, .n5-floatheader th {
/* this works for Safari but not Chrome */
    position: -webkit-sticky; // this is for all Safari (Desktop & iOS), not for Chrome
    position: sticky;
    top: 50px;
    background-color: #3d3d3d; // any bg-color to overlap
    z-index: 10; // any positive value, layer order is global
}



table.n5table-dark, table.n5-weapontable-dark {
	margin: 1em 0;
	border-collapse: collapse;
	color: black;
	text-align:center; 
	width:100%;
        line-height: 1.1;
}

.n5table-dark th {
	padding: 0.25em;
	border: 2px white solid;
	background: #4f4f4f;
	font-weight: bold;
	text-align:center; 
	color: white;
}

.n5-weapontable-dark th {
	text-align:center; 
}

.n5table-dark td, .n5-weapontable-dark td, .n5-weapontable-dark th {
	padding: 0.25em;
	border-bottom: 2px white solid;
}

.n5table-dark td {
	padding: 0.25em;
	border-left: 2px white solid;
	border-right: 2px white solid;
}

.n5table-dark-firstbold tr td:first-child {
	font-weight: bold;
}

.n5table-dark-lastbold tr td:last-child {
	font-weight: bold;
}

	/*  Define the background color for all the PALE EVEN background rows, regular table and weapon table  */
.n5table-dark tr:nth-child(2n+2), .n5-weapontable-dark tr:nth-child(2n+2) {
	background: #f1f2f3;
}

	/*  Define the background color for all the DARK ODD background rows, regular table and weapon table  */
.n5table-dark tr:nth-child(2n+3), .n5-weapontable-dark tr:nth-child(2n+3) {
	background: #c5cccb;
}


/* N5 Weapon Profile */

.n5-darkheader {
	background: #3d3d3d;
	font-weight: bold;
	color: white;
}

.n5-darkheader a.new {
	color: #ffa9a9;
}

.n5-darkheader a {
	color: #9dd1ff;
}

.n5-weapontable-dark td:first-child, .n5-weapontable-dark th:first-child {
	border-right: 2px white solid;
}
.n5-weapontable-dark td:last-child, .n5-weapontable-dark th:last-child {
	border-left: 2px white solid;
}


.n5-weapontable-firstrange {
	border-right: none !important;
}

.n5-weapontable-lastrange {
	border-left: none !important;
}

.n5-weapontable-greyleft {
	border-left: 1px grey solid;
}


.n5-weapontable-dark td:nth-child(8) {
	border-right: 2px white solid;
}

.n5-weapontable-dark-rightborder {
	border-right: 2px white solid;
}


/*  Formatting for the weapon table cells, dark mode.  */

.n5-weapon-name {
	text-align: left;
	font-weight: bold;
}

.n5-weapon-traits {
	text-align: left;
}

.n5-range-dark\+6 {
	background: #94e64d;
}

.n5-range-dark\+3 {
	background: #97bd75;
}

.n5-range-dark0 {
	background: #66d9ff;
}

.n5-range-dark-3 {
	background: #ffc34d;
}

.n5-range-dark-6 {
	background: #f36859;
}

.n5-range-dark-- {
	background: #737373;
	color: #737373;
}

.n5-range-dark\+6, .n5-range-dark\+3 {
	font-weight: bold;
}

/*
.n5-range-dark\+6, .n5-range-dark\+3, .n5-range-dark0, .n5-range-dark-3, .n5-range-dark-6 {
	font-weight: bold;
}*/



	/*     Full FAQ Boxout     */


table.n3w-faqtable {
	margin: 1em 0;
	border: 2px #5C9900 solid;
	background: #5C9900; 
	color: #FFFFFF;
	cellpadding: 4px;
	border-collapse: collapse;
	width:70%;
	border-spacing: 0px;
}

.n3w-faq-boxtitle {
	font-weight: bold;
/*
	font-size:150%
*/
}

.n3w-faq-issue {
	color: #000000;
	background: #EBFFCC; 
	font-weight: bold;
	font-size:120%

}

.n3w-faq-answer {
	color: #000000;
	background: #EBFFCC; 
	font-size:120%
}

.n3w-faq-linked-pages {
	background: #EBFFCC; 
	color: #000000;
	font-style: italic;
}

.n3w-faq-id {
	text-align:right;
	font-style: italic;
	font-size:80%
}
Retrieved from "http://infinitythewiki.com/index.php?title=MediaWiki:Common.css&oldid=3741"