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 */
/* 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-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 #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 EVEN background rows */
.wikitable-gamesize tr:nth-child(2n+1){
background: #f5f3f0;
}
/* Define the background color for all the ODD background rows */
.wikitable-gamesize tr:nth-child(2n+2){
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%
}