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
Line 348: Line 348:
  
 
.n4-greybox {
 
.n4-greybox {
border: 0.2em #e4e4e4 solid;
+
border: 0.2em #b5b5b5 solid;
 
width: 100%;
 
width: 100%;
background: #e4e4e4;  
+
background: #b5b5b5;  
 
margin-bottom: 0.5em;
 
margin-bottom: 0.5em;
 
}
 
}
Line 357: Line 357:
 
font-size: 120%;  
 
font-size: 120%;  
 
font-weight: bold;  
 
font-weight: bold;  
color: #FFFFFF;
+
color: #000000;
 
}
 
}
  
 
.n4-greybox-inner {
 
.n4-greybox-inner {
border: 0.5em #e4e4e4 solid;
+
border: 0.5em #b5b5b5 solid;
 
color: #000000;
 
color: #000000;
background: #e4e4e4;  
+
background: #b5b5b5;  
 
}
 
}
  

Revision as of 14:39, 30 April 2020

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


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

.n4 {
border-left: 4px solid orange;
padding-left: 10px;
display: none;
}



/* setting scaling for external images */

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


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



.ext-img-256 img {
  display: block;
  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-1024border img {
  display: block;
  max-width:1024px;
  max-height:1024px;
  width: auto;
  height: auto;
	border: 1px #7b7b7b solid !important;
}

.ext-img-512border img {
  display: block;
  max-width:512px;
  max-height:512px;
  width: auto;
  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 {
	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;
}







/* N4 Skill Boxes */

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

table.n4-skill-green {
	border: 4px forestgreen solid;
	background: forestgreen; 
	color: #FFFFFF;
}

table.n4-skill-black {
	border: 4px black solid;
	background: black; 
	color: white;
}

table.n4-skill-yellow {
	border: 4px #FFBF00 solid;
	background: #FFBF00; 
	color: white;
}

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

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

table.n4-skill-red {
	border: 4px #B20000 solid;
	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%
}



/* N4 Boxouts */

.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 #b5b5b5 solid;
	width: 100%;
	background: #b5b5b5; 
	margin-bottom: 0.5em;
}

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

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

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







.n4-advice {
	width: 100%;
	background: black; 
	border: 2px black solid;
}

.n4-advice-inner {
	border: 4px white solid;
	color: grey;
	background: white; 
	font-style: italic;
}

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

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




/* 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 */

.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;
}

.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 */

.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: #ccc;
  -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: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

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%;
}


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











/* tables */



table.n3wiki-basictable {
margin: 1em 0;
border: 1px #AAA solid;
border-collapse: collapse;
color: black;
}

.n3w-yellowheader{
	background: #FFBF00;
	font-weight: bold;
}


	/*  Define the background color for all the EVEN background rows  */
.n3wiki-basictable tr:nth-child(even){
	background: #CCF2FF;
}

}





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

.n3w-yellowheader{
	background: #FFBF00;
	font-weight: bold;
}


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

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






	/*  Formatting for the weapon table cells.  */


.n3w-weaponcolumn {
/* old, not for final version. */
	text-align:left;
/*	font-weight: bold; */
}

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



.n3w-rangeplus6 {
	background:greenyellow;
}

.n3w-rangeplus3 {
	background:limegreen;
}

.n3w-range0 {
	background:dodgerblue;
}

.n3w-rangeminus3 {
	background:gold;
}

.n3w-rangeminus6 {
	background: #B20000;
	color: #FFFFFF;
}

.n3w-rangeplus6, .n3w-rangeplus3, .n3w-range0, .n3w-rangeminus3, .n3w-rangeminus6 {
	font-weight: bold;
}





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;
}




	/*  Skill Boxes   */

table.n3w-skilltable-short {
	margin: 1em 0;
	border: 2px forestgreen solid;
	background: forestgreen; 
	color: #FFFFFF;
	cellpadding: 4px;
	padding: 4px;
	border-spacing: 4px;
	border-collapse: collapse;
	width:100%;
	border-spacing: 0px;
}

table.n3w-skilltable-short td {
	padding: 4px;
}

table.n3w-skilltable-aro {
	margin: 1em 0;
	border: 2px #FFBF00 solid;
	background: #FFBF00;
	color: #000000;
	cellpadding: 4px;
	border-collapse: collapse;
	width:70%;
	border-spacing: 0px;
}

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

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


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


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




.n3w-skill-title {
	font-weight: bold;
	font-size:150%
}

.n3w-skill-type {
	text-align:right; 
}

.n3w-skill-labels {
	background: #DCDCDC; 
	color: #000000;
	font-style: italic;
}

.n3w-skill-requirements {
	color: #000000;
	background: #FFFFFF; 
}

.n3w-skill-effects {
	color: #000000;
	background: #DCDCDC; 
}



	/*     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%
}






	/*     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%;
}