MediaWiki:Wikia.css/Infobox.css

/* Infobox template style -- Changed colors to old-style infobox */ .infobox, .WikiaArticle .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #000000; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; width: 258px; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; padding-left:5px; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /** Portable infobox styles based on previous Template:Character infobox styling **/ .portable-infobox { color:#000 } .portable-infobox ul { margin-left: 8% !important; } aside.portable-infobox section:nth-child(3) { border-bottom-width:0 !important; } aside.portable-infobox { background-color: white; border: 2px solid #2C2C68; width: 258px; border-radius:7px; overflow:hidden !important; } .portable-infobox .pi-navigation a { color:white !important; } .portable-infobox .pi-collapse .pi-header:first-child::after { border-color: #ffffff; } .pi-item-spacing.pi-secondary-background.pi-secondary-font { font-family: futura; } .pi-image img { width: 100%; height: auto; } .video-thumbnail { display: block; overflow: hidden; } .portable-infobox a:link { color:#0061ae; } .portable-infobox a.new:link { color:#CC2200 !important; } .portable-infobox .pi-navigation { text-align:center !important; } .pi-background.pi-theme-lightblue.pi-layout-stacked nav a, aside.portable-infobox.pi-theme-lightblue .pi-group .pi-header{ color:#002f52 !important; } .pi-theme-red, .pi-theme-darkred { border: 2px solid #5b0100 !important; } .pi-theme-brown, .pi-theme-orange, .pi-theme-yellow { border:2px solid #a55000 !important; } .pi-theme-mint, .pi-theme-green, .pi-theme-lightgreen { border: 2px solid #006d20 !important; } .pi-theme-lightblue, .pi-theme-teal { border: 2px solid #040f66 !important; } .pi-theme-pink, .pi-theme-purple { border:2px solid #6a076d !important; } .pi-theme-lavender, .pi-theme-gray { border:2px solid #4d427b !important; } .pi-theme-red .pi-border-color, .pi-theme-pink .pi-border-color, .pi-theme-darkred .pi-border-color { border-color:#e59f9f; } .pi-theme-orange .pi-border-color, .pi-theme-yellow .pi-border-color, .pi-theme-brown .pi-border-color { border-color:#e6a119; } .pi-theme-green .pi-border-color, .pi-theme-mint .pi-border-color, .pi-theme-lightgreen .pi-border-color { border-color:#63e086 !important; } .pi-theme-lavender .pi-border-color, .pi-theme-gray .pi-border-color { border-color:#afacb7; } .pi-image img { width: 100%; height: auto; } .video-thumbnail { display: block; overflow: hidden; } .portable-infobox a:link { color:#0061ae; } .portable-infobox a.new:link { color:#CC2200 !important; } .portable-infobox .pi-navigation { text-align:center !important; } .pi-background.pi-theme-lightblue.pi-layout-stacked nav a, aside.portable-infobox.pi-theme-lightblue .pi-group .pi-header{ color:#002f52 !important; } .pi-theme-red, .pi-theme-darkred { border: 2px solid #5b0100 !important; } .pi-theme-brown, .pi-theme-orange, .pi-theme-yellow { border:2px solid #a55000 !important; } .pi-theme-mint, .pi-theme-green, .pi-theme-lightgreen { border: 2px solid #006d20 !important; } .pi-theme-lightblue, .pi-theme-teal { border: 2px solid #040f66 !important; } .pi-theme-pink, .pi-theme-purple { border:2px solid #6a076d !important; } .pi-theme-lavender, .pi-theme-gray { border:2px solid #4d427b !important; } .pi-theme-red .pi-border-color, .pi-theme-pink .pi-border-color, .pi-theme-darkred .pi-border-color { border-color:#e59f9f; } .pi-theme-orange .pi-border-color, .pi-theme-yellow .pi-border-color, .pi-theme-brown .pi-border-color { border-color:#e6a119; } .pi-theme-green .pi-border-color, .pi-theme-mint .pi-border-color, .pi-theme-lightgreen .pi-border-color { border-color:#63e086 !important; } .pi-theme-lavender .pi-border-color, .pi-theme-gray .pi-border-color { border-color:#afacb7; } .pi-image img { width: 100%; height: auto; } aside.portable-infobox h2 { text-align:center; box-shadow: 0 -3px 7px 0 #002ED1 inset, 0 -11px 9px 4px #0070F6 inset, 0 3px 3px 0 #0070F6 inset,0 4px 10px 1px #C6ECFF inset, 0 4px 5px 0 #0063FF inset; color:#ffffff; background:#229DFA; font-size:larger; } aside.portable-infobox .pi-group .pi-header, .pi-secondary-background { text-align:center; font-weight:normal; color:#ffffff; box-shadow: 0 -3px 7px 0 #000049 inset, 0 -11px 9px 4px #0001CB inset, 0 3px 3px 0 #0001CB inset,0 4px 10px 1px #339BFC inset, 0 -32px 28px -17px white inset; background:#000BDF; } aside.portable-infobox.pi-theme-red h2 { box-shadow:0 -3px 7px 0 #D00A08 inset, 0 -11px 9px 4px #F20C0C inset, 0 3px 3px 0 #F20C0C inset, 0 4px 10px 1px #FA2424 inset, 0 4px 5px 0 #FE4D4D inset; background:#FF6B60; } aside.portable-infobox.pi-theme-red .pi-group .pi-header, aside.portable-infobox.pi-theme-red .pi-secondary-background { box-shadow: 0 -3px 7px 0 #FE5555 inset, 0 -11px 9px 4px #EA6E6E inset, 0 3px 3px 0 #EA6E6E inset,0 4px 10px 1px #F58383 inset, 0 -32px 28px -17px white inset; background:#FE4D4D; } aside.portable-infobox.pi-theme-green h2 { box-shadow:0 -3px 7px 0 #1C6909 inset, 0 -11px 9px 4px #10B821 inset, 0 3px 3px 0 #04C518 inset, 0 4px 10px 1px #0FF026 inset, 0 4px 5px 0 #008B8B inset; background:#28CE1C; } aside.portable-infobox.pi-theme-green .pi-group .pi-header, aside.portable-infobox.pi-theme-green .pi-secondary-background { box-shadow: 0 -3px 7px 0 #013506 inset, 0 -11px 9px 4px #006B0A inset, 0 3px 3px 0 #028C0F inset,0 4px 10px 1px #00CE13 inset, 0 -32px 28px -17px white inset; background:#008000; } aside.portable-infobox.pi-theme-darkred h2 { box-shadow:0 -3px 7px 0 #5A0808 inset, 0 -11px 9px 4px #850404 inset, 0 3px 3px 0 #850404 inset, 0 4px 10px 1px #A91010 inset, 0 4px 5px 0 #db2929 inset; background:#E31414; } aside.portable-infobox.pi-theme-darkred .pi-group .pi-header, aside.portable-infobox.pi-theme-darkred .pi-secondary-background { box-shadow: 0 -3px 7px 0 #5A0808 inset, 0 -11px 9px 4px #850404 inset, 0 3px 3px 0 #850404 inset,0 4px 10px 1px #A91010 inset, 0 -32px 28px -17px #C80C0C inset; background:#E31414; } aside.portable-infobox.pi-theme-lavender h2 { box-shadow: 0 -3px 7px 0 #6B6B90 inset, 0 -11px 9px 4px #8B8BB0 inset, 0 3px 3px 0 #8B8BB0 inset,0 4px 10px 1px #BFBFE2 inset, 0 -32px 28px -17px #b586e2 inset; background:#CCCCFF; }