Software Carpentry's lessons are written in Markdown, then transformed into HTML using Pandoc which is styled using Bootstrap with a bunch of custom styles layered on top. For a bunch of historical reasons, we translate Markdown that looks like this:

> ## Learning Objectives {.objectives}
>
> *   Learning objective 1
> *   Learning objective 2

into sections that look like this:

<section class="objectives panel panel-warning">
  <div class="panel-heading">
    <h2 id="learning-objectives"><span class="glyphicon glyphicon-certificate"></span>Learning Objectives</h2>
  </div>
  <div class="panel-body">
    <ul>
      <li>Learning objective 1</li>
      <li>Learning objective 2</li>
    </ul>
  </div>
</section>

We'd like to simplify the HTML we generate to be:

<blockquote class="objectives">
  <h2>Learning Objectives</h2>
  <ul>
    <li>Learning objective 1</li>
    <li>Learning objective 2</li>
  </ul>
</blockquote>

Are there tools that will help extract or reverse engineer a minimal set of CSS definitions on top of Bootstrap so that our pages look the same as they do now? If so, the source for the existing format is in this GitHub repo and the new version is coming together in this one.