anchor.diff:        /* Explanations */
         .w3c_explanation { border: 1px solid #ddd; background-color: #ffe; padding: 10px; margin: -10px 5px 25px 5px; }
         .helpwanted { float: right; font-size: 2em; }
  +      .details { display: none; }
  +      .coordinates { float: right; margin: 5px 10px; background-color: #fff; color: #333; border: 1px solid #aaa;}
   
       </style>
   
  
positive.code:           <h2>DETAILS PER PAGE</h2>
            <% processed_pages.each do |page| %>
              <div class='page'>
                <h3><a href='<%= page.url %>'><%= page.url %></a></h3>
                <p class='page_summary'>
                  <%= "#{page.errors.length} errors, #{page.warnings.length} warnings" %>
                </p>
  
                <ul class="page_errors">
                <% page.errors.sort_by {|e| e.line.to_i}.each do |error| %>
                  <li>
                    <% if error.message_id == 'html5' %>
                      HTML5 error on line <%= error.line %>:
                    <% else %>
                      Error <a href="http://validator.w3.org/docs/errors.html#ve-<%= error.message_id %>"><%= error.message_id %></a>
                      on line <%= error.line %>:
                    <% end %>
  
                    <%= CGI::escapeHTML(error.text) %>
  
                    <% if error.source && error.source.strip.length > 0 %>
                      <pre><code class="html"><%= error.source.strip %></code></pre>
                    <% end %>
  
                    <% if error.explanation && error.explanation.strip.length > 0 %>
                      <div class="w3c_explanation"><%= error.explanation.strip %></div>
                    <% end %>
                  </li>
                <% end %>
                </ul>
  
negative.code:               <ul class="page_warnings">
                <% page.warnings.sort_by {|w| w.line.to_i}.each do |warning| %>
                  <li>
                    <span class="label warning">WARNING</span>
                    <strong><%= CGI::escapeHTML(warning.text.capitalize) %></strong>)
  
                    <div class="details"  id="details_<%= warning.object_id %>">
                      <% if warning.line %>
                        <span class="coordinates label">
                          LINE <%= warning.line %>
                        </span>
                      <% end %>
  
                      <% if warning.source && warning.source.strip.length > 0 %>
                        <pre><code class="html"><%= warning.source.strip %></code></pre>
                      <% end %>
  
                      <% if warning.explanation && warning.explanation.strip.length > 0 %>
                        <div class="w3c_explanation"><%= warning.explanation.strip %></div>
                      <% end %>
                    </div>
                  </li>
                <% end %>
                </ul>
  