MediaWiki:Infoboxes.css

/* ############################### */ /* ### PORTABLE INFOBOX STYLES ### */ /* ############################### */ /*    Project Portable Infobox    */ /* General infobox style */ .portable-infobox { color: #FFFFFF; } /* General infobox styles: Individual Themes */ /* ibround (infobox rounded) is used by Template:BookInfobox, Template:Developerinfo, and Template:Game Info Box */ .portable-infobox.pi-theme-ibround { padding:10px 10px 10px 10px; width: 250px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:1em 0 1em 1em; background-color: #013354; border: 1px solid #B5B7CF; } /* ibsqrtypeone (infobox square type one) is used by Template:Enemybox and Template:Gunbox */ .portable-infobox.pi-theme-ibsqrtypeone { font-size: 11px; width: 250px; line-height: 1.5; border-right:1px solid #999999; border-left:1px solid #999999; border-top:1px solid #999999; } /* ibsqrtypetwo (infobox square type two) is used by Template:Charinfobox, Template:Splicerinfobox, Template:Personinfobox and Template:Levelinfobox */ .portable-infobox.pi-theme-ibsqrtypetwo { max-width: 300px; margin-bottom: 0.5em; margin-top: 4px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #999999; font-size: 13px; } /* ibsqrtypethree (infobox square type three) is used by Template:Researchinfo */ .portable-infobox.pi-theme-ibsqrtypethree { width: 200px; border-bottom:1px solid #999999; } /* For use in template:MoSinfobox on BioShock Wiki:Manual of Style/Sample */ .portable-infobox.pi-theme-MoSinfobox { width:22em; border: 1px solid #888; background-color:#334; margin-bottom:0.5em; margin-left:1em; padding:0.2em; font-size: 89%; color:white; } /* General infobox styles: Helper Classes */ .portable-infobox .pi-secondary-background { background-color: #013354; } .portable-infobox .pi-title { text-align: center; } /* Helper Classes for Individual Themes */ /* ibround */ .portable-infobox.pi-theme-ibround .pi-item { border-bottom:none; } .portable-infobox.pi-theme-ibround.pi-background { background-color: #013354; } .portable-infobox.pi-theme-ibround .pi-title { font-size:16px; font-weight:900; line-height:1.5em; text-align: center; } .portable-infobox.pi-theme-ibround .pi-secondary-font { font-size: 11px; font-weight: normal; } .portable-infobox.pi-theme-ibround .pi-font { text-align:right; font-size:10px; } .portable-infobox.pi-theme-ibround .pi-image-thumbnail { max-width:250px; } /* ibsqrtypeone */ .portable-infobox.pi-theme-ibsqrtypeone.pi-background { background-color: #0E192D; } .portable-infobox.pi-theme-ibsqrtypeone .pi-title { font-weight: bold; font-size:13px; background-color:#013354; } .portable-infobox.pi-theme-ibsqrtypeone .pi-font { font-size: 11px; vertical-align: top; font-weight: normal; } .portable-infobox.pi-theme-ibsqrtypeone .pi-secondary-font { font-size: 11px; font-weight: normal; } .portable-infobox.pi-theme-ibsqrtypeone .pi-item { border-bottom:1px solid #999999; } .portable-infobox.pi-theme-ibsqrtypeone .pi-image-thumbnail { max-width:250px; } /* ibsqrtypetwo */ .portable-infobox.pi-theme-ibsqrtypetwo.pi-background { background-color: #0E192D; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-item { border-bottom:none; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-title { font-family: georgia; border-top: 1px solid #999999; border-bottom: 1px solid #999999; font-size:14px; background-color:#013354; font-weight: bold; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-font { font-weight: normal; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-secondary-font { font-weight: normal; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-header { text-align: center; font-size:14px; font-weight: bold; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-image-thumbnail { max-width:300px; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-caption { font-size:10px; color:#FFFFFF; } .portable-infobox.pi-theme-ibsqrtypetwo .pi-image { border-top: 1px solid #999999; } /* ibsqrtypethree */ .portable-infobox.pi-theme-ibsqrtypethree .pi-font { font-size: 80%; } .portable-infobox.pi-theme-ibsqrtypethree .pi-item { background-color: #0E192D; border-bottom:none; border-left:1px solid #999999; border-right:1px solid #999999; } .portable-infobox.pi-theme-ibsqrtypethree .pi-title { border-top:1px solid #999999; text-align: center; font-weight: bold; background-color:#013354; font-size:14px; border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; } .pi-theme-ibsqrtypethree .pi-item.pi-data:first-child { background: none; border: none; } .portable-infobox.pi-theme-ibsqrtypethree .pi-secondary-font { font-size:13px; } /* MoSinfobox */ .portable-infobox.pi-theme-MoSinfobox .pi-title { background-color:#223; padding:0.5em; font-weight: 700; } .portable-infobox.pi-theme-MoSinfobox .pi-caption { padding:0.5em; text-align:center; color: white; } .portable-infobox.pi-theme-MoSinfobox .pi-secondary-background { background-color: #223; text-align: center; } .portable-infobox.pi-theme-MoSinfobox .pi-image-thumbnail { max-width:100px; max-height:100px; }