<onlyinclude>[[File:GoldCoin.gif|14px]]</onlyinclude> Example: {{GoldCoin}} (or whatever you call your template)<p>Otherwise, assuming you use the same file name as here and you have a default icon, all you need to do is change the template, file and parameter names, e.g.: </p>
<onlyinclude>[[File:{{#switch: {{{1|}}}
|goldcoin = GoldCoin.gif
default_icon.jpg
}}|14px]]</onlyinclude>
Example: {{templatename|goldcoin}}
{{{!}}class="wikitable"
|-
!
!
!
!
{{!}}-
{{!}}
{{!}}
{{!}}
{{!}}{{#if:{{{2|}}}|
{{!}}-
{{!}}
{{!}}
{{!}}
{{!}}}}{{#if:{{{3|}}}|
{{!}}-
{{!}}
{{!}}
{{!}}
{{!}}}}
{{!}}}
<p>Result:
</p>
<table class="wikitable"><tr><th>
</th><th>
</th><th>
</th><th>
</th></tr><tr><td>
</td><td>
</td><td>
</td><td>
</td></tr></table>
.WikiaPageHeader .header-container a {
color:#fff;
}
<p>If it's not useful (I don't see any other links in your header at the moment) you could simply remove that rule. Otherwise you could keep it and add this one to make header button text black:
</p>
.WikiaPageHeader .header-container a.wikia-button {
color:#000;
}
ul.tabbernav li {
display: inline-flex;
}
.pi-theme-Battle300 .pi-title {
background-color:#7995CA
}
.pi-theme-Battle300 .pi-navigation {
background-color:#7995CA
}
.pi-theme-Battle300 .pi-navigation a {
color:white
}
.pi-theme-Battle300 .pi-header {
background-color:#B4C5E3
}
.pi-theme-Battle300 {
width:300px!important
}
.pi-theme-Battle300 .pi-image img {
max-width:100%;
min-width:100%;
height:auto
}
.pi-theme-Battle350 .pi-title {
background-color:#7995CA
}
.pi-theme-Battle350 .pi-navigation {
background-color:#7995CA
}
.pi-theme-Battle350 .pi-navigation a {
color:white
}
.pi-theme-Battle350 .pi-header {
background-color:#B4C5E3
}
.pi-theme-Battle350 {
width:350px!important
}
.pi-theme-Battle350 .pi-image img {
max-width:100%;
min-width:100%;
height:auto
}
.pi-theme-Aurebesh .pi-title {
background-color:#808080
}
.pi-theme-Aurebesh .pi-navigation {
background-color:#808080
}
.pi-theme-Aurebesh .pi-navigation a {
color:white
}
.pi-theme-Aurebesh .pi-header {
background-color:#D6F0F5
}
.pi-theme-Aurebesh,.pi-theme-Aurebesh .infobox {
width:250px!important
}
.pi-theme-Aurebesh table.infoboxtable,.pi-theme-Aurebesh .infobox table.infoboxtable {
max-width:100%
}
.pi-theme-character .pi-title {
background-color:#94C7D1
}
.pi-theme-character .pi-navigation {
background-color:#94C7D1
}
.pi-theme-character .pi-navigation a {
color:white
}
.pi-theme-character .pi-header {
background-color:#D6F0F5
}
.pi-theme-Bounty-hunter .pi-title {
background-color:#406B2E
}
.pi-theme-Bounty-hunter .pi-navigation {
background-color:#406B2E
}
.pi-theme-Bounty-hunter .pi-navigation a {
color:white
}
.pi-theme-Bounty-hunter .pi-header {
background-color:#8DB87A
}
.pi-theme-Bureaucrat .pi-title {
background-color:#9966CC
}
.pi-theme-Bureaucrat .pi-navigation {
background-color:#9966CC
}
.pi-theme-Bureaucrat .pi-navigation a {
color:white
}
.pi-theme-Bureaucrat .pi-header {
background-color:#C9A0DC
}
.pi-theme-Chiss-ascendancy .pi-title {
background-color:#1994E6
}
.pi-theme-Chiss-ascendancy .pi-navigation {
background-color:#1994E6
}
.pi-theme-Chiss-ascendancy .pi-navigation a {
color:white
}
.pi-theme-Chiss-ascendancy .pi-header {
background-color:#9ED5FA
}
.pi-theme-CIS .pi-title {
background-color:#73263D
}
.pi-theme-CIS .pi-navigation {
background-color:#73263D
}
.pi-theme-CIS .pi-navigation a {
color:white
}
.pi-theme-CIS .pi-header {
background-color:#D194A6
}
.pi-theme-Corporate .pi-title {
background-color:#BB6331
}
.pi-theme-Corporate .pi-navigation {
background-color:#BB6331
}
.pi-theme-Corporate .pi-navigation a {
color:white
}
.pi-theme-Corporate .pi-header {
background-color:#DD8450
}
.pi-theme-Criminal .pi-title {
background-color:#6B342E
}
.pi-theme-Criminal .pi-navigation {
background-color:#6B342E
}
.pi-theme-Criminal .pi-navigation a {
color:white
}
.pi-theme-Criminal .pi-header {
background-color:#A66159
}
.pi-theme-Dark-Jedi .pi-title {
background-color:#444444
}
.pi-theme-Dark-Jedi .pi-navigation {
background-color:#444444
}
.pi-theme-Dark-Jedi .pi-navigation a {
color:white
}
.pi-theme-Dark-Jedi .pi-header {
background-color:#777777
}
.pi-theme-Dathomiri .pi-title {
background-color:#4B0082
}
.pi-theme-Dathomiri .pi-navigation {
background-color:#4B0082
}
.pi-theme-Dathomiri .pi-navigation a {
color:white
}
.pi-theme-Dathomiri .pi-header {
background-color:#E6E6FA
}
.pi-theme-First-Order .pi-title {
background-color:#000000
}
.pi-theme-First-Order .pi-navigation {
background-color:#000000
}
.pi-theme-First-Order .pi-navigation a {
color:white
}
.pi-theme-First-Order .pi-header {
background-color:#9E1919;
color:white
}
.pi-theme-Galactic-Empire .pi-title {
background-color:#242742
}
.pi-theme-Galactic-Empire .pi-navigation {
background-color:#242742
}
.pi-theme-Galactic-Empire .pi-navigation a {
color:white
}
.pi-theme-Galactic-Empire .pi-header {
background-color:#8589AD
}
.pi-theme-Galactic-Republic .pi-title {
background-color:#2E406B
}
.pi-theme-Galactic-Republic .pi-navigation {
background-color:#2E406B
}
.pi-theme-Galactic-Republic .pi-navigation a {
color:white
}
.pi-theme-Galactic-Republic .pi-header {
background-color:#7089C2
}
.pi-theme-GFFA .pi-title {
background-color:#337147
}
.pi-theme-GFFA .pi-navigation {
background-color:#337147
}
.pi-theme-GFFA .pi-navigation a {
color:white
}
.pi-theme-GFFA .pi-header {
background-color:#5AB577
}
.pi-theme-Hutt-Cartel .pi-title {
background-color:#B8860B
}
.pi-theme-Hutt-Cartel .pi-navigation {
background-color:#B8860B
}
.pi-theme-Hutt-Cartel .pi-navigation a {
color:white
}
.pi-theme-Hutt-Cartel .pi-header {
background-color:#FCD116
}
.pi-theme-Infinite-Empire .pi-title {
background-color:#FF6600
}
.pi-theme-Infinite-Empire .pi-navigation {
background-color:#FF6600
}
.pi-theme-Infinite-Empire .pi-navigation a {
color:white
}
.pi-theme-Infinite-Empire .pi-header {
background-color:#FF9D00
}
.pi-theme-Jedaii .pi-title {
background-color:#333333
}
.pi-theme-Jedaii .pi-navigation {
background-color:#333333
}
.pi-theme-Jedaii .pi-navigation a {
color:white
}
.pi-theme-Jedaii .pi-header {
background-color:#DDDDDD
}
.pi-theme-Jedi .pi-title {
background-color:#736326
}
.pi-theme-Jedi .pi-navigation {
background-color:#736326
}
.pi-theme-Jedi .pi-navigation a {
color:white
}
.pi-theme-Jedi .pi-header {
background-color:#C2B170
}
.pi-theme-Mandalorian .pi-title {
background-color:#9CABB0
}
.pi-theme-Mandalorian .pi-navigation {
background-color:#9CABB0
}
.pi-theme-Mandalorian .pi-navigation a {
color:white
}
.pi-theme-Mandalorian .pi-header {
background-color:#CAD4D5
}
.pi-theme-New-Republic .pi-title {
background-color:#0F1C8A
}
.pi-theme-New-Republic .pi-navigation {
background-color:#0F1C8A
}
.pi-theme-New-Republic .pi-navigation a {
color:white
}
.pi-theme-New-Republic .pi-header {
background-color:#5260E0
}
.pi-theme-Rebel .pi-title {
background-color:#2D1452
}
.pi-theme-Rebel .pi-navigation {
background-color:#2D1452
}
.pi-theme-Rebel .pi-navigation a {
color:white
}
.pi-theme-Rebel .pi-header {
background-color:#7859A6
}
.pi-theme-Resistance .pi-title {
background-color:#000000
}
.pi-theme-Resistance .pi-navigation {
background-color:#000000
}
.pi-theme-Resistance .pi-navigation a {
color:white
}
.pi-theme-Resistance .pi-header {
background-color:#E65600
}
.pi-theme-Sith .pi-title {
background-color:#AA0000
}
.pi-theme-Sith .pi-navigation {
background-color:#AA0000
}
.pi-theme-Sith .pi-navigation a {
color:white
}
.pi-theme-Sith .pi-header {
background-color:#EE5555
}
.pi-theme-Sith-Empire .pi-title {
background-color:#990000
}
.pi-theme-Sith-Empire .pi-navigation {
background-color:#990000
}
.pi-theme-Sith-Empire .pi-navigation a {
color:white
}
.pi-theme-Sith-Empire .pi-header {
background-color:#B1B2BC
}
.pi-theme-Yuuzhan-Vong .pi-title {
background-color:#663D00
}
.pi-theme-Yuuzhan-Vong .pi-navigation {
background-color:#663D00
}
.pi-theme-Yuuzhan-Vong .pi-navigation a {
color:white
}
.pi-theme-Yuuzhan-Vong .pi-header {
background-color:#A68759
}
.pi-theme-Deity .pi-title {
background-color:#AAAAAA
}
.pi-theme-Deity .pi-navigation {
background-color:#AAAAAA
}
.pi-theme-Deity .pi-navigation a {
color:white
}
.pi-theme-Deity .pi-header {
background-color:#DDDDDD
}
.pi-theme-Droid .pi-title {
background-color:#B5B5B5
}
.pi-theme-Droid .pi-navigation {
background-color:#B5B5B5
}
.pi-theme-Droid .pi-navigation a {
color:white
}
.pi-theme-Droid .pi-header {
background-color:#BBDDBB
}
.pi-theme-Pet .pi-title {
background-color:#339900
}
.pi-theme-Pet .pi-navigation {
background-color:#339900
}
.pi-theme-Pet .pi-navigation a {
color:white
}
.pi-theme-Pet .pi-header {
background-color:#33FF33
}
.pi-theme-Disease .pi-title {
background-color:#330033
}
.pi-theme-Disease .pi-navigation {
background-color:#330033
}
.pi-theme-Disease .pi-navigation a {
color:white
}
.pi-theme-Disease .pi-header {
background-color:#CCCCCC
}
.pi-theme-Force .pi-title {
background-color:#94C7D1;
color:black
}
.pi-theme-Force .pi-navigation {
background-color:#94C7D1
}
.pi-theme-Force .pi-navigation a {
color:black
}
.pi-theme-Force .pi-header {
background-color:#D6F0F5
}
.pi-theme-IU-media .pi-title {
background-color:#6E373D
}
.pi-theme-IU-media .pi-navigation {
background-color:#6E373D
}
.pi-theme-IU-media .pi-navigation a {
color:white
}
.pi-theme-IU-media .pi-header {
background-color:#A85660
}
.pi-theme-Language .pi-title {
background-color:#999966
}
.pi-theme-Language .pi-navigation {
background-color:#999966
}
.pi-theme-Language .pi-navigation a {
color:white
}
.pi-theme-Plant .pi-title {
background-color:#339933
}
.pi-theme-Plant .pi-navigation {
background-color:#339933
}
.pi-theme-Plant .pi-navigation a {
color:white
}
.pi-theme-Plant .pi-header {
background-color:#BBDDBB
}
.pi-theme-Species .pi-title {
background-color:#808080
}
.pi-theme-Species .pi-navigation {
background-color:#808080
}
.pi-theme-Species .pi-navigation a {
color:white
}
.pi-theme-Species .pi-header {
background-color:#D6F0F5
}
.pi-theme-Sport .pi-title {
background-color:#999099
}
.pi-theme-Sport .pi-navigation {
background-color:#999099
}
.pi-theme-Sport .pi-navigation a {
color:white
}
.pi-theme-Sport .pi-header {
background-color:#CCCCCC
}
.pi-theme-Tactics .pi-title {
background-color:#333333
}
.pi-theme-Tactics .pi-navigation {
background-color:#333333
}
.pi-theme-Tactics .pi-navigation a {
color:white
}
.pi-theme-Tactics .pi-header {
background-color:#CCCCCC
}
.pi-theme-Title .pi-title {
background-color:#222222
}
.pi-theme-Title .pi-navigation {
background-color:#222222
}
.pi-theme-Title .pi-navigation a {
color:white
}
.pi-theme-Title .pi-header {
background-color:#CCCCCC
}
.pi-theme-astro .pi-title {
background-color:#004466
}
.pi-theme-astro .pi-navigation {
background-color:#004466
}
.pi-theme-astro .pi-navigation a {
color:white
}
.pi-theme-astro .pi-header {
background-color:#BBCCDD
}
.pi-theme-astro .pi-data-value ul {
list-style-position:outside!important;
margin-left:5px!important
}
.pi-theme-Planet .pi-title {
background-color:#999966
}
.pi-theme-Planet .pi-navigation {
background-color:#999966
}
.pi-theme-Planet .pi-navigation a {
color:white
}
.pi-theme-Planet .pi-header {
background-color:#DDDDBB
}
.pi-theme-Star .pi-title {
background-color:#CD853F
}
.pi-theme-Star .pi-navigation {
background-color:#CD853F
}
.pi-theme-Star .pi-navigation a {
color:white
}
.pi-theme-Star .pi-header {
background-color:#FFDAB9
}
.pi-theme-Battle .pi-title {
background-color:#7995CA
}
.pi-theme-Battle .pi-navigation {
background-color:#7995CA
}
.pi-theme-Battle .pi-navigation a {
color:white
}
.pi-theme-Battle .pi-header {
background-color:#B4C5E3
}
.pi-theme-Battle {
width:400px!important
}
.pi-theme-Battle .pi-image img {
max-width:100%;
min-width:100%;
height:auto
}
.pi-theme-Event .pi-title {
background-color:#B0C4DE;
color:black
}
.pi-theme-Event .pi-navigation {
background-color:#B0C4DE
}
.pi-theme-Event .pi-navigation a {
color:black
}
.pi-theme-Event {
width:300px!important
}
.pi-theme-Event .pi-image img {
max-width:100%;
min-width:100%;
height:auto
}
.pi-theme-Holiday .pi-title {
background-color:#023D53
}
.pi-theme-Holiday .pi-navigation {
background-color:#023D53
}
.pi-theme-Holiday .pi-navigation a {
color:white
}
.pi-theme-Holiday .pi-header {
background-color:#679EBA
}
.pi-theme-Year .pi-title {
background-color:#B0C4DE;
color:#000!important
}
.pi-theme-Year .pi-navigation {
text-align:left;
font-weight:normal
}
.pi-theme-Year .pi-navigation a {
color:#006cb0
}
.pi-theme-Year .pi-navigation:last-child a {
color:#000
}
.pi-theme-Year .pi-header {
background-color:#CCCCCC
}
.pi-theme-Year .pi-navigation:nth-child(odd) {
background-color:#f0f0f0
}
.pi-theme-Year .pi-navigation:nth-child(even) {
background-color:#f9f9f9
}
.pi-theme-Year .pi-navigation:last-child {
background-color:#B0C4DE;
text-align:center;
font-weight:bold
}
.pi-theme-Band .pi-title {
background-color:#FDD017;
color:black
}
.pi-theme-Band .pi-navigation {
background-color:#FDD017
}
.pi-theme-Band .pi-navigation a {
color:black
}
.pi-theme-Band .pi-header {
background-color:#FFF380
}
.pi-theme-Company .pi-title {
background-color:#222222
}
.pi-theme-Company .pi-navigation {
background-color:#222222
}
.pi-theme-Company .pi-navigation a {
color:white
}
.pi-theme-Company .pi-header {
background-color:#CCCCCC
}
.pi-theme-Family .pi-title {
background-color:#BC8F8F
}
.pi-theme-Family .pi-navigation {
background-color:#BC8F8F
}
.pi-theme-Family .pi-navigation a {
color:white
}
.pi-theme-Family .pi-header {
background-color:#FFEBCD
}
.pi-theme-Fleet .pi-title {
background-color:#666699
}
.pi-theme-Fleet .pi-navigation {
background-color:#666699
}
.pi-theme-Fleet .pi-navigation a {
color:white
}
.pi-theme-Fleet .pi-header {
background-color:#CCCCCC
}
.pi-theme-group .pi-title {
background-color:#999999
}
.pi-theme-group .pi-navigation {
background-color:#999999
}
.pi-theme-group .pi-navigation a {
color:white
}
.pi-theme-group .pi-header {
background-color:#CCCCCC
}
.pi-theme-City .pi-title {
background-color:#AC8751
}
.pi-theme-City .pi-navigation {
background-color:#AC8751
}
.pi-theme-City .pi-navigation a {
color:white
}
.pi-theme-City .pi-header {
background-color:#DFCAA0
}
.pi-theme-Location .pi-title {
background-color:#004466
}
.pi-theme-Location .pi-navigation {
background-color:#004466
}
.pi-theme-Location .pi-navigation a {
color:white
}
.pi-theme-Location .pi-header {
background-color:#BBCCDD
}
.pi-theme-Racing-track .pi-title {
background-color:#715081
}
.pi-theme-Racing-track .pi-navigation {
background-color:#715081
}
.pi-theme-Racing-track .pi-navigation a {
color:white
}
.pi-theme-Racing-track .pi-header {
background-color:#866E91
}
.pi-theme-Structure .pi-title {
background-color:#AC8751
}
.pi-theme-Structure .pi-navigation {
background-color:#AC8751
}
.pi-theme-Structure .pi-navigation a {
color:white
}
.pi-theme-Structure .pi-header {
background-color:#DFCAA0
}
.pi-theme-Armor .pi-title {
background-color:#8888FF
}
.pi-theme-Armor .pi-navigation {
background-color:#8888FF
}
.pi-theme-Armor .pi-navigation a {
color:white
}
.pi-theme-Armor .pi-header {
background-color:#89A7FF
}
.pi-theme-Artifact .pi-title {
background-color:#7995CA
}
.pi-theme-Artifact .pi-navigation {
background-color:#7995CA
}
.pi-theme-Artifact .pi-navigation a {
color:white
}
.pi-theme-Artifact .pi-header {
background-color:#C5D1E8
}
.pi-theme-Clothing .pi-title {
background-color:#805817
}
.pi-theme-Clothing .pi-navigation {
background-color:#805817
}
.pi-theme-Clothing .pi-navigation a {
color:white
}
.pi-theme-Clothing .pi-header {
background-color:#AA9470
}
.pi-theme-Device .pi-title {
background-color:#7995CA
}
.pi-theme-Device .pi-navigation {
background-color:#7995CA
}
.pi-theme-Device .pi-navigation a {
color:white
}
.pi-theme-Device .pi-header {
background-color:#BECCE5
}
.pi-theme-Food .pi-title {
background-color:#FF8000
}
.pi-theme-Food .pi-navigation {
background-color:#FF8000
}
.pi-theme-Food .pi-navigation a {
color:white
}
.pi-theme-Food .pi-header {
background-color:#FFBF00
}
.pi-theme-Holocron .pi-title {
background-color:#444444
}
.pi-theme-Holocron .pi-navigation {
background-color:#444444
}
.pi-theme-Holocron .pi-navigation a {
color:white
}
.pi-theme-Holocron .pi-header {
background-color:#777777
}
.pi-theme-Lightsaber .pi-title {
background-color:#5599AA
}
.pi-theme-Lightsaber .pi-navigation {
background-color:#5599AA
}
.pi-theme-Lightsaber .pi-navigation a {
color:white
}
.pi-theme-Lightsaber .pi-header {
background-color:#AAEEEE
}
.pi-theme-Medal .pi-title {
background-color:#7995CA
}
.pi-theme-Medal .pi-navigation {
background-color:#7995CA
}
.pi-theme-Medal .pi-navigation a {
color:white
}
.pi-theme-Medal .pi-header {
background-color:#999999
}
.pi-theme-Substance .pi-title {
background-color:#25277A
}
.pi-theme-Substance .pi-navigation {
background-color:#25277A
}
.pi-theme-Substance .pi-navigation a {
color:white
}
.pi-theme-Substance .pi-header {
background-color:#B2ADFF
}
.pi-theme-Weapon .pi-title {
background-color:#AA0000
}
.pi-theme-Weapon .pi-navigation {
background-color:#AA0000
}
.pi-theme-Weapon .pi-navigation a {
color:white
}
.pi-theme-Weapon .pi-header {
background-color:#EE5555
}
.pi-theme-Filming-location .pi-title {
background-color:#9952E0
}
.pi-theme-Filming-location .pi-navigation {
background-color:#9952E0
}
.pi-theme-Filming-location .pi-navigation a {
color:white
}
.pi-theme-OOU-company .pi-title {
background-color:#222222
}
.pi-theme-OOU-company .pi-navigation {
background-color:#222222
}
.pi-theme-OOU-company .pi-navigation a {
color:white
}
.pi-theme-Person .pi-title {
background-color:#336666
}
.pi-theme-Person .pi-navigation {
background-color:#336666
}
.pi-theme-Person .pi-navigation a {
color:white
}
.pi-theme-Person .pi-header {
background-color:#339999
}
.pi-theme-User .pi-title {
background-color:#94C7D1
}
.pi-theme-User .pi-navigation {
background-color:#94C7D1
}
.pi-theme-User .pi-navigation a {
color:white
}
.pi-theme-User .pi-header {
background-color:#D6F0F5
}
.pi-theme-WPinfobox .pi-title {
background-color:#181818
}
.pi-theme-WPinfobox .pi-navigation {
background-color:#181818
}
.pi-theme-WPinfobox .pi-navigation a {
color:white
}
.pi-theme-WPinfobox .pi-header {
background-color:#CCCCCC
}
.pi-theme-Board-game .pi-title {
background-color:#87CEEB;
color:black
}
.pi-theme-Board-game .pi-navigation {
background-color:#87CEEB
}
.pi-theme-Board-game .pi-navigation a {
color:black
}
.pi-theme-Board-game .pi-header {
background-color:#73B9A2
}
.pi-theme-Other-Media .pi-title {
background-color:#E64219
}
.pi-theme-Other-Media .pi-navigation {
background-color:#E64219
}
.pi-theme-Other-Media .pi-navigation a {
color:white
}
.pi-theme-Other-Media .pi-header {
background-color:#FAB09E
}
.pi-theme-Music .pi-title {
background-color:#515981
}
.pi-theme-Music .pi-navigation {
background-color:#515981
}
.pi-theme-Music .pi-navigation a {
color:white
}
.pi-theme-Music .pi-header {
background-color:#D7E8FC
}
.pi-theme-Toy-line .pi-title {
background-color:#BF7EA5
}
.pi-theme-Toy-line .pi-navigation {
background-color:#BF7EA5
}
.pi-theme-Toy-line .pi-navigation a {
color:white
}
.pi-theme-Toy-line .pi-header {
background-color:#E2C7D8
}
.pi-theme-Website .pi-title {
background-color:#336699
}
.pi-theme-Website .pi-navigation {
background-color:#336699
}
.pi-theme-Website .pi-navigation a {
color:white
}
.pi-theme-Website .pi-header {
background-color:#336699
}
.pi-theme-Media .pi-title {
background-color:#999966
}
.pi-theme-Media .pi-navigation {
background-color:#999966
}
.pi-theme-Media .pi-navigation a {
color:white
}
.pi-theme-Media .pi-header {
background-color:#DDDDBB
}
.pi-theme-starship .pi-title {
background-color:#666699
}
.pi-theme-starship .pi-navigation {
background-color:#666699
}
.pi-theme-starship .pi-navigation a {
color:white
}
.pi-theme-starship .pi-header {
background-color:#BBBBDD
}
.pi-theme-Ship-series .pi-title {
background-color:#305930
}
.pi-theme-Ship-series .pi-navigation {
background-color:#305930
}
.pi-theme-Ship-series .pi-navigation a {
color:white
}
.pi-theme-Ship-series .pi-header {
background-color:#97AA6B
}
.pi-theme-Aquatic-vehicle .pi-title {
background-color:#446699
}
.pi-theme-Aquatic-vehicle .pi-navigation {
background-color:#446699
}
.pi-theme-Aquatic-vehicle .pi-navigation a {
color:white
}
.pi-theme-Aquatic-vehicle .pi-header {
background-color:#AABBDD
}
.pi-theme-Ground-vehicle .pi-title {
background-color:#669966
}
.pi-theme-Ground-vehicle .pi-navigation {
background-color:#669966
}
.pi-theme-Ground-vehicle .pi-navigation a {
color:white
}
.pi-theme-Ground-vehicle .pi-header {
background-color:#BBDDBB
}
.pi-theme-Repulsorlift-vehicle .pi-title {
background-color:#458B74
}
.pi-theme-Repulsorlift-vehicle .pi-navigation {
background-color:#458B74
}
.pi-theme-Repulsorlift-vehicle .pi-navigation a {
color:white
}
.pi-theme-Repulsorlift-vehicle .pi-header {
background-color:#73B9A2
}
.portable-infobox {
width:250px
}
.portable-infobox .reference,.refadjust .reference {
font-size:7.5px;
line-height:1.5
}
.portable-infobox .pi-data:nth-child(even) {
background-color:#F0F0F0
}
.portable-infobox .pi-data:nth-child(odd) {
background-color:#f9f9f9
}
.portable-infobox .pi-border-color {
border-bottom-style:none !important
}
.portable-infobox .pi-item-spacing {
padding:4px
}
.portable-infobox .pi-title {
font-size:0.96em;
font-weight:bold;
color:#FFFFFF;
text-align:center;
line-height:1.5
}
.portable-infobox .pi-secondary-font {
font-size:0.8em;
line-height:1.5
}
.portable-infobox .pi-data-label {
font-weight:normal;
padding:0;
display:-webkit-flex;
display:flex
}
.pi-data .pi-data-label {
-webkit-flex-basis:auto;
-moz-flex-basis:auto;
flex-basis:auto;
-webkit-align-items:center;
-moz-align-items:center;
align-items:center;
width:45%
}
.portable-infobox .pi-data-value {
font-size:0.8em;
line-height:1.5
}
.pi-data .pi-data-value {
ms-flex-preferred-size:auto;
-webkit-flex-basis:auto;
-moz-flex-basis:auto;
flex-basis:auto;
-webkit-align-items:center;
-moz-align-items:center;
align-items:center;
width:55%
}
.portable-infobox .pi-data-value:not(:first-child) {
padding-left:5px
}
.portable-infobox .pi-data-value li {
line-height:1.5em
}
.portable-infobox.pi-navigation:last-child,.portable-infobox .pi-navigation:last-child {
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-ms-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
text-align:center
}
.pi-image img {
max-width:100%;
height:auto
}
.lcs-container {
margin-right: 320px;
}
<p>Your navbar looks fantastic by the way!
</p>
/* PI-THEME-SONG BEGIN */
.pi-theme-song {
background-color: rgb(242, 242, 242) !important;
border: 1px solid #CCC;
padding: 4px;
}
.pi-theme-song .pi-header, .pi-theme-song .pi-title, .pi-theme-song .pi-data-label {
background-color: #FE7E03 !important;
color: white;
}
.pi-theme-song .pi-title {
text-align: center;
font-weight: bold;
font-size: 14px;
}
.pi-theme-song .pi-item-spacing {
padding: 2px 10px 0px 10px;
}
.pi-theme-song .pi-data:not(:last-of-type), .pi-theme-song .pi-group {
border: unset;
}
.pi-theme-song .pi-data-label {
margin-left: -10px;
padding: 0px 2px;
}
.pi-theme-song .pi-secondary-font {
font-size: 12px;
}
/* PI-THEME-SONG END */
<p>Hope that helps :)
</p>