More colorful performance indicator

sv_rainbow_performance.php

{if member_group == '1'}
<style>
@-webkit-keyframes rainbow {
    0% {
        background-color: rgba(255,0,0,0.7);
    }
    33% {
        background-color: rgba(0,255,0,0.7);
    }
    66% {
        background-color: rgba(0,0,255,0.7);
    }
    100% {
        background-color: rgba(255,0,0,0.7);
    }
}
#bsd-performance { -webkit-animation: rainbow 3s infinite; }
</style>
<div id="bsd-performance" style="position: fixed; right: 0; bottom: 0; padding: 7px; color: white; font-family: Verdana, sans-serif; z-index: 999; ">
    {total_queries} queries<br />
    {elapsed_time} seconds
</div> 
{/if}

Can't believe -webkit-animation: rainbow... is a real thing.

css3 animation names are arbitrary — they just refer to a named set of keyframes. it's all user-defined.

sorry to disappoint!