css theming

There are four themeable functions defined for user_activity.
You may change the complete output as follows:

Copy the desired theme function from the module, eg:

function theme_user_activity_o_meter($index) {
  $output = '
  <div class="user_activity_o_meter" style="width:100%;height:20px;background-color:#C3D9FF;">
    <div style="width:'. sprintf("%01.0f", $index) .'%;height:20px;background-color:#6BBA70;color:white;text-align:center;"></div>
    <div style="margin-top:-20px;text-align:center;">'. sprintf("%01.2f", $index) .'%</div>
  </div>';

  return $output;
}

to template.php file in your theme's directory (simply create the file, if it does not exist), and rename the function to:

function phptemplate_user_activity_o_meter($index) {}

or

function YOURTHEMENAME_user_activity_o_meter($index) {}

you may then change the output to your likings, e.g.:

function phptemplate_user_activity_o_meter($index) {
  $output = '
  <div class="user_activity_o_meter">
    <div style="width:'. sprintf("%01.0f", $index) .'%;"></div>
    <div>'. sprintf("%01.2f", $index) .'%</div>
  </div>';

  return $output;
}

I don't like inline styles, too. But there's no way around it, as the width of the bar must be generated on the fly. And there's no clean way - I know of - to do this in external css files.

Anyway, I exluded all none vital styles into an external css file.
Hope that helps.

Commited to 5,6,HEAD.
Thanks.