results-template.html

<h1 class="election-section">Electorate Results</h1>
<p class="count"><span class="percentcounted">79.5</span>% Counted. Updated <span class="updatedtime">9 Oct 2015, 11:14pm</span></p>
<div class="afterprefs placeholder">
   <div class="election-well">
      <h2>Count After Preferences</h2>
   </div>
   <div class="module afterprefs electable">
      <table class="manual eg-table results-table">
         <thead>
            <tr>
               <th class="hidden"></th>
               <th class="hidden candidate"></th>
               <th class="votes" colspan="2">Votes</th>
               <th class="swing">Swing</th>
            </tr>
         </thead>
         <tbody>
            <tr class="contesting candidate ptyblue">
               <td class="party ptyblue"><span class="short">LIB</span> <span class="long">Liberal Party</span></td>
               <td class="candidate">{CANDIDATE}</td>
               <td class="votes num">{VOTES}</td>
               <td class="graph pct section">
                  <div class="num-cell">{PERC}%</div>
                  <div class="graph section">
                     <div class="bar ptyblue" style="width: {PERC}%;"></div>
                  </div>
               </td>
               <td class="graph pct">
                  <div class="num-cell">-{SWING}%</div>
                  <div class="swing-graph negative">
                     <div class="bar ptyblue " style="width: {SWING}%;"></div>
                  </div>
                  <div class="swing-graph positive">
                     <div class="bar ptyblue hidden" style="width: {SWING}%;"></div>
                  </div>
               </td>
            </tr>
            <tr class="contesting candidate ptyred">
               <td class="party ptyred"><span class="short">ALP</span> <span class="long">Labor Party</span></td>
               <td class="candidate">{CANDIDATE}</td>
               <td class="votes num">{VOTES}</td>
               <td class="graph pct section">
                  <div class="num-cell">{PERC}%</div>
                  <div class="graph section">
                     <div class="bar ptyred" style="width: {PERC}%;"></div>
                  </div>
               </td>
               <td class="graph pct">
                  <div class="num-cell">+{SWING}%</div>
                  <div class="swing-graph negative">
                     <div class="bar ptyred hidden" style="width: {SWING}%;"></div>
                  </div>
                  <div class="swing-graph positive">
                     <div class="bar ptyred " style="width: {SWING}%;"></div>
                  </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<div class="results-table-group">
   <div class="election-well">
      <h2>First Preference Count</h2>
   </div>
   <div id="detail" class="module votesprimary electable results-table">
      <div class="module">
         <table class="manual eg-table results-table">
            <thead>
               <tr>
                  <th class="hidden"></th>
                  <th class="hidden candidate"></th>
                  <th class="votes" colspan="2">Votes</th>
                  <th class="swing">Swing</th>
               </tr>
            </thead>
            <tbody>
               {FOREACH CANDIDATE}
               <tr class="contesting candidate {COLORCODE}" data-party="{ShortPartyCode}" data-ballotposition="1">
                  <td class="party {COLORCODE}" data-tvname="{CANDIDATE}"><span class="short">{ShortPartyCode}</span> <span class="long">{PartyName}</span></td>
                  <td class="candidate">{CANDIDATE}</td>
                  <td class="votes num">{VOTES}</td>
                  <td class="graph pct section">
                     <div class="num-cell">{PERC}%</div>
                     <div class="graph">
                        <div class="bar ptygold" style="width: {PERC}%;"></div>
                     </div>
                  </td>
                  <td class="graph pct">
                     <div class="num-cell">-{SWING}%</div>
                     <div class="swing-graph negative">
                        <div class="bar ptygold " style="width: {SWING}%;"></div>
                     </div>
                     <div class="swing-graph positive">
                        <div class="bar ptygold hidden" style="width: {SWING}%;"></div>
                     </div>
                  </td>
               </tr>
               {/FOREACH CANDIDATE}
               <tr>
                  <td class="empty"></td>
                  <td class="vote-label">Informal votes</td>
                  <td class="votes num">{INFORMALVOTES}</td>
                  <td class="graph pct section">
                     <div class="num-cell">-</div>
                     <div class="graph"></div>
                  </td>
                  <td class="graph pct">
                     <div class="num-cell">-</div>
                     <div class="swing-graph negative"></div>
                     <div class="swing-graph positive"></div>
                  </td>
               </tr>
               <tr>
                  <td class="empty"></td>
                  <td class="vote-label">Total votes</td>
                  <td class="votes num">{TOTALVOTES}</td>
                  <td class="graph pct section">
                     <div class="num-cell">-</div>
                     <div class="graph"></div>
                  </td>
                  <td class="graph pct">
                     <div class="num-cell">-</div>
                     <div class="swing-graph negative"></div>
                     <div class="swing-graph positive"></div>
                  </td>
               </tr>
            </tbody>
         </table>
      </div>
   </div>
</div>