FANDOM


  • OWL

    I noticed that Wookieepedia has infoboxes that look great, but are also omni-compatible portable infoboxes. I want that exact infobox on my wiki. I've copied and pasted the CSS and Javascript that I assume this infobox's style requires, but the infobox on my wiki has not changed (this link is to a test page).

    Please help, I want the same infobox Wookieepedia has!

      Loading editor
    • Ask Wookieepedia, such as an admin there what the exact coding is. That's your best option.

        Loading editor
    • Where did you put the CSS? I don't see anything related to their infobox in your Common or Wikia CSS files.

        Loading editor
    • OWL

      I searched Wookieepedia's Wikia.css and Common.css for anything including the word "infobox", and pasted that into my Common.css. Are you looking at the correct file?

        Loading editor
    • Well I don't know how the CSS loading part works, but you don't seem to have any rules for infobox themes. Theirs are the following:

      .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 
      }
        Loading editor
    • OWL

      I'm not sure what that is supposed to do. I don't really use the themes, but my Template:Character infobox is under the "character" theme, which still doesn't work. So...

        Loading editor
    • Your infobox call on your demo page uses the "Jedi" theme, as set by the type parameter, not "character". If I create a test page on the Star Wars wiki with the exact same call, I get the same output as on your wiki (except for the red links and the image, which doesn't exist on your wiki).

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.