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
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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%
}