MediaWiki: Common.css
From Infinity
(Reverse C1 and N4 defaults.) |
|||
(168 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 */ | ||
+ | |||
+ | |||
+ | /* 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 62: | ||
.n4 { | .n4 { | ||
− | border-left: | + | border-left: 0.2em solid orange; |
− | padding-left: | + | padding-left: 0.5em; |
+ | /* | ||
+ | display: none; | ||
+ | */ | ||
+ | } | ||
+ | |||
+ | .n4list { | ||
+ | border-left: 0.2em solid orange; | ||
+ | /* | ||
display: none; | 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: 1.5em; | ||
+ | } | ||
+ | |||
+ | #bodyContent ul li{ | ||
+ | margin: 0.5em 0; | ||
+ | } | ||
+ | |||
+ | #bodyContent .n4 ul { | ||
+ | margin: 0.5em 0; | ||
+ | } | ||
+ | |||
+ | #bodyContent .n4 li { | ||
+ | margin: 0.5em 0; | ||
+ | } | ||
+ | |||
+ | #bodyContent ul li { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #bodyContent ul li:before { | ||
+ | /*Using a Bootstrap glyphicon as the bullet point*/ | ||
+ | content: "\e072"; | ||
+ | font-family: 'Glyphicons Halflings'; | ||
+ | float: left; | ||
+ | margin-right: 0.3em; | ||
+ | color: #48788a; | ||
+ | } | ||
+ | |||
+ | #bodyContent ul ul li:before { | ||
+ | /*Using a Bootstrap glyphicon as the bullet point*/ | ||
+ | content: "\e072"; | ||
+ | font-family: 'Glyphicons Halflings'; | ||
+ | float: left; | ||
+ | margin-right: 0.3em; | ||
+ | color: #8ab3c2; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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-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-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; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
/* N4 Skill Boxes */ | /* 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(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 20: | Line 534: | ||
} | } | ||
− | table.n4-skill- | + | table.n4-skill-green { |
− | |||
background: forestgreen; | background: forestgreen; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
− | table.n4-skill- | + | table.n4-skill-black { |
− | |||
background: black; | background: black; | ||
color: white; | color: white; | ||
} | } | ||
− | table.n4-skill- | + | table.n4-skill-yellow { |
− | |||
background: #FFBF00; | background: #FFBF00; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | table.n4-skill-blue { | ||
+ | background: #1E90FF; | ||
color: white; | color: white; | ||
} | } | ||
− | table.n4-skill- | + | table.n4-skill-bluegrey { |
− | + | background: #315779; | |
− | background: # | ||
color: white; | color: white; | ||
} | } | ||
− | table.n4-skill- | + | table.n4-skill-purple { |
− | |||
background: #4B0082; | background: #4B0082; | ||
color: white; | color: white; | ||
} | } | ||
− | table.n4-skill- | + | table.n4-skill-red { |
− | |||
background: #B20000; | background: #B20000; | ||
color: white; | color: white; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.n4-skill-title { | .n4-skill-title { | ||
Line 77: | Line 585: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
font-style: italic; | font-style: italic; | ||
− | font-size: | + | font-size:100% |
} | } | ||
Line 99: | Line 607: | ||
.n4-remember { | .n4-remember { | ||
width: 100%; | width: 100%; | ||
− | background: # | + | border: 0.2em #ea620c solid; |
+ | background: #ea620c; | ||
+ | margin-bottom: 0.5em; | ||
} | } | ||
.n4-remember-inner { | .n4-remember-inner { | ||
− | border: | + | border: 0.5em #ea620c solid; |
color: #000000; | color: #000000; | ||
− | background: # | + | background: #ea620c; |
+ | } | ||
+ | |||
+ | .n4-remember-innerwhite { | ||
+ | border: 0.5em #FFFFFF solid; | ||
+ | color: #000000; | ||
+ | background: #FFFFFF; | ||
} | } | ||
.n4-remember-title { | .n4-remember-title { | ||
− | font-size: | + | font-size: 120%; |
+ | font-weight: bold; | ||
+ | color: #FFFFFF; | ||
} | } | ||
Line 115: | Line 633: | ||
.n4-important { | .n4-important { | ||
width: 100%; | width: 100%; | ||
+ | border: 0.2em #B20000 solid; | ||
background: #B20000; | background: #B20000; | ||
+ | margin-bottom: 0.5em; | ||
} | } | ||
.n4-important-inner { | .n4-important-inner { | ||
− | border: | + | border: 0.5em #B20000 solid; |
color: #FFFFFF; | color: #FFFFFF; | ||
background: #B20000; | background: #B20000; | ||
+ | } | ||
+ | |||
+ | .n4-important-innerwhite { | ||
+ | border: 0.5em #FFFFFF solid; | ||
+ | color: #000000; | ||
+ | background: #FFFFFF; | ||
} | } | ||
.n4-important-title { | .n4-important-title { | ||
− | font-size: | + | font-size: 120%; |
+ | font-weight: bold; | ||
} | } | ||
Line 139: | Line 666: | ||
.n4-greybox { | .n4-greybox { | ||
+ | border: 0.2em #8f8f8f solid; | ||
width: 100%; | width: 100%; | ||
− | background: # | + | background: #8f8f8f; |
+ | margin-bottom: 0.5em; | ||
+ | } | ||
+ | |||
+ | .n4-greybox-title { | ||
+ | font-size: 120%; | ||
+ | font-weight: bold; | ||
+ | color: #FFFFFF; | ||
} | } | ||
.n4-greybox-inner { | .n4-greybox-inner { | ||
− | border: | + | border: 0.5em #8f8f8f solid; |
+ | color: #000000; | ||
+ | background: #8f8f8f; | ||
+ | } | ||
+ | |||
+ | .n4-greybox-innerwhite { | ||
+ | border: 0.5em #FFFFFF solid; | ||
color: #000000; | color: #000000; | ||
− | background: # | + | background: #FFFFFF; |
} | } | ||
+ | |||
Line 157: | Line 699: | ||
width: 100%; | width: 100%; | ||
background: black; | background: black; | ||
− | border: | + | border: 0.2em #8f8f8f solid; |
} | } | ||
.n4-advice-inner { | .n4-advice-inner { | ||
− | border: | + | border: 0.5em white solid; |
− | color: | + | color: #8f8f8f; |
background: white; | background: white; | ||
font-style: italic; | font-style: italic; | ||
Line 174: | Line 716: | ||
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 182: | Line 788: | ||
#breadcrumbs2 { | #breadcrumbs2 { | ||
font-weight: bold; | 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; | ||
} | } | ||
Line 190: | Line 802: | ||
width: auto; | width: auto; | ||
background: #e4e4e4; | background: #e4e4e4; | ||
− | margin: 0 0 0 | + | margin: 0 0 0.5em 0; |
} | } | ||
Line 226: | Line 838: | ||
/* CSS for the game selector switch */ | /* CSS for the game selector switch */ | ||
+ | |||
+ | |||
+ | #n4gametoggle { | ||
+ | width: 90%; | ||
+ | margin: auto; | ||
+ | } | ||
.switch { | .switch { | ||
Line 247: | Line 865: | ||
right: 0; | right: 0; | ||
bottom: 0; | bottom: 0; | ||
− | background-color: # | + | background-color: #116200; |
-webkit-transition: .4s; | -webkit-transition: .4s; | ||
transition: .4s; | transition: .4s; | ||
Line 265: | Line 883: | ||
input:checked + .slider { | input:checked + .slider { | ||
− | background-color: | + | background-color: orange; |
} | } | ||
input:focus + .slider { | input:focus + .slider { | ||
− | box-shadow: 0 0 1px | + | box-shadow: 0 0 1px orange; |
} | } | ||
Line 285: | Line 903: | ||
.slider.round:before { | .slider.round:before { | ||
border-radius: 50%; | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | .gamesliderlabel { | ||
+ | font-size: 30px; | ||
+ | font-weight: bold; | ||
+ | vertical-align: middle; | ||
} | } | ||
Line 305: | Line 929: | ||
/* tables */ | /* tables */ | ||
− | + | table.wikitable-dark { | |
− | + | margin: 1em 0; | |
− | table. | + | border-collapse: collapse; |
− | margin: 1em 0; | + | color: black; |
− | + | text-align:center; | |
− | border-collapse: collapse; | + | width:100%; |
− | color: black; | ||
} | } | ||
− | . | + | .wikitable-dark th { |
− | background: # | + | padding: 0.3em; |
+ | border: 2px white solid; | ||
+ | background: #4c4c4c !important; | ||
font-weight: bold; | 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; | font-weight: bold; | ||
} | } | ||
Line 347: | Line 963: | ||
/* Define the background color for all the EVEN background rows */ | /* Define the background color for all the EVEN background rows */ | ||
− | . | + | .wikitable-dark tr:nth-child(2n+2){ |
− | background: # | + | background: #f5f3f0; |
− | |||
− | |||
− | |||
} | } | ||
/* Define the background color for all the ODD background rows */ | /* Define the background color for all the ODD background rows */ | ||
− | . | + | .wikitable-dark tr:nth-child(2n+3){ |
− | background: | + | background: #d4cec6; |
− | |||
− | |||
− | |||
} | } | ||
− | + | table.wikitable-gamesize { | |
− | + | margin: 1em 0; | |
− | + | border-collapse: collapse; | |
− | + | color: black; | |
− | + | text-align:center; | |
− | + | width:100%; | |
− | |||
− | |||
− | |||
− | text-align: | ||
− | |||
} | } | ||
− | . | + | .wikitable-gamesize th { |
− | text-align: | + | 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 */ |
− | background: # | + | .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; | ||
} | } | ||
− | |||
Line 445: | Line 1,048: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 597: | Line 1,096: | ||
font-style: italic; | font-style: italic; | ||
font-size:80% | font-size:80% | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Latest revision as of 10:47, 15 September 2023
/* CSS placed here will be applied to all skins */ /* 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: 1.5em; } #bodyContent ul li{ margin: 0.5em 0; } #bodyContent .n4 ul { margin: 0.5em 0; } #bodyContent .n4 li { margin: 0.5em 0; } #bodyContent ul li { display: block; } #bodyContent ul li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\e072"; font-family: 'Glyphicons Halflings'; float: left; margin-right: 0.3em; color: #48788a; } #bodyContent ul ul li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\e072"; font-family: 'Glyphicons Halflings'; float: left; margin-right: 0.3em; color: #8ab3c2; } /* 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-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-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; } /* 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(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% } /* 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; } /*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 */ .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 */ #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; } /* 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% }