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
Revision as of 15:40, 14 May 2020 by Ian (talk | contribs)
Jump to: navigation, search

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


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

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



/* setting scaling for external images */

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






/* N4 Skill Boxes */

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(255,191,0,1) 100%);
	color: #FFFFFF;
}

table.n4-skill-blueyellow {
	background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(255,191,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: white;
}

table.n4-skill-blue  {
	background: #1E90FF; 
	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%
}



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




/* 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.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 tr td:first-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;
}






	/*     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=1088"