User:Mainframe98/Portableinfoboxes.css

/* Project Portable Infoboxes */ /* 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; } /* 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:1px solid #999999; } /* ibsqrtypethreetoptext (infobox square type three top text) is used by Template:Researchinfo for the text at the top of the template */ .ibsqrtypethreetoptext { text-align: right; } /* General infobox styles: Helper Classes */ .portable-infobox.pi-background { background-color: #0E192D; } .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-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; } .portable-infobox.pi-theme-ibsqrtypeone .pi-image { border-top: 1px solid #999999; } /* ibsqrtypetwo */ .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 { border-bottom:none; } .portable-infobox.pi-theme-ibsqrtypethree .pi-title { font-weight: bold; background-color:#013354; font-size:14px; border-bottom:1px solid #999999; } .portable-infobox.pi-theme-ibsqrtypethree .pi-secondary-font { font-size:13px; }