Activity Structure

<ul class="activityList">
  <li class="activityItem activityApplication|activityPage|activityUser collapsable,collapsed|expanded"> <!-- Item -->
    <div class="activityHeader">
      <span class="activityAuthor"><a href=""></a></span>
      <span class="activityAction"></span>
      <span class="activityTime"></span>
      <!--if item expandable -->
        <a class="toolExpand">&#9660;</a> 
      <!-- end expandable -->
    </div>
    <!-- optional -->
    <div class="activityContent"> 
    </div>
    <!-- end optional -->
    <!-- if item expandable -->
    <div class="activitySummary">
      <span class="activitySnapshot">
        <a href=""> <img /> </a>
        <img class="activityActionAvatar"/>
      </span>
    </div>
    <ul class="activityList">
      <li class="activityItem"> <!-- subItem -->
        <div class="activityHeader">
          <span class="activityAuthor"><a href=""></a></span>
          <span class="activityAction"></span>
          <span class="activityTime"></span>
          <!--if subitem expandable -->
            <a class="toolExpand">&#9660;</a> 
          <!-- end expandable -->
        </div>
         <!--if subitem expandable -->
        <div class="activityContent">
        </div>
        <!-- end expandable -->
      </li> <!-- end subItem -->
    </ul>
    <!-- end expandable -->
  </li> <!-- end Item -->
</ul>