Board Thread:General Discussion/@comment-11001-20150820033755/@comment-15419758-20150820212347

We can make the new infoboxes look like the old ones with CSS. I've already made a portable infobox, and I just need Batran to add the following code to make the transition nearly seamless:

.portable-infobox{ border:1px #BBBBBB solid; background-color:white; } .pi-title{ background-color:#3366CC; text-align:center; color:white; margin:4px; padding:1em; font-size:120%; font-weight:bold; } .pi-caption{ text-align:center; } .pi-theme-red .pi-title{ background-color:red; } .pi-theme-orange .pi-title{ background-color:orange; } .pi-theme-yellow .pi-title{ background-color:yellow; } .pi-theme-green .pi-title{ background-color:green; } .pi-theme-lime .pi-title{ background-color:#00FF00; } .pi-theme-cyan .pi-title{ background-color:#00FFFF; } .pi-theme-blue .pi-title{ background-color:blue; } .pi-theme-navy .pi-title{ background-color:#000088; } .pi-theme-violet .pi-title{ background-color:#5500AA; } .pi-theme-magenta .pi-title{ background-color:#FF00FF; } .pi-theme-brown .pi-title{ background-color:#773D00; } .pi-theme-skyblue .pi-title{ background-color:#71B9FF; } .pi-theme-redorange .pi-title{ background-color:#FF7000; }