<article class="list__row-meta--dark browse-list-item">
  <div class="meta">
    <span class="topic"><a href="#">Bologna</a></span>
    <span class="date"><time pubdate datetime="2011-08-28" title="August 28, 2011">Aug. 28, 2011</time></span>
    <span class="type"><a href="#">List</a></span>
  </div>

  <div class="data-block--listicle list-link">
    <div class ="hover-tools--browse">
      <a class="hover-tools--helpers archive-article" href="#" title="Archive this article"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<g>
	<path d="M29,3H3C2.4,3,2,3.4,2,4v4c0,0.6,0.4,1,1,1h23v18.8H6.1V11H5v17c0,0.6,0.4,1,1,1h20c0.6,0,1-0.4,1-1V9h2c0.6,0,1-0.4,1-1V4
		C30,3.4,29.6,3,29,3z M29.1,8H3V4h26.1V8z"/>
	<path d="M22,17c0.6,0,1-0.4,1-1v-4c0-0.6-0.4-1-1-1H10c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1H22z M9.8,11.9h12.2v4.3H9.8V11.9z"/>
</g>
</svg>
</a>
      <a class="hover-tools--helpers delete-article" href="#" title="Delete this article"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="516.375px" height="516.375px" viewBox="0 0 516.375 516.375" style="enable-background:new 0 0 516.375 516.375;"
	 xml:space="preserve">
	 <title>Trash</title>
<g>
	<g>
		<rect x="325.125" y="133.875" width="19.125" height="325.125"/>
		<rect x="248.625" y="133.875" width="19.125" height="325.125"/>
		<rect x="172.125" y="133.875" width="19.125" height="325.125"/>
		<path d="M382.5,76.5h-38.25V38.25C344.25,17.212,327.037,0,306,0h-95.625c-21.038,0-38.25,17.212-38.25,38.25V76.5h-38.25h-76.5
			v19.125h38.25V459c0,32.513,24.862,57.375,57.375,57.375h210.375c32.513,0,57.375-24.862,57.375-57.375V95.625H459V76.5H382.5z
			 M191.25,38.25c0-11.475,7.65-19.125,19.125-19.125H306c11.475,0,19.125,7.65,19.125,19.125V76.5H191.25V38.25z M401.625,459
			c0,21.037-17.213,38.25-38.25,38.25H153c-21.038,0-38.25-17.213-38.25-38.25V95.625h286.875V459z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
    </div>

    <a class="link-number" href="#">
      <div class="title--listicle__number" style="background-image:url(/fa_prototype/assets/images/16x9_comp2.jpg);">10</div>
    </a>
    <h2 class="title"><a href="#">People You Should Have on Your Radar This Year.</a></h2>
    <div class="summary"><a href="#">Top influential politicians, diplomats, and intermediaries.</a></div>
  </div>
 </article>

 <article class="list__row-meta--dark browse-list-item">
  <div class="meta">
    <span class="topic"><a href="#">SYRIA'S UNCERTAIN FUTURE</a></span>
    <span class="date"><time pubdate datetime="2011-08-28" title="August 28, 2011">Oct. 28, 2013</time></span>
    <span class="type"><a href="#">List</a></span>
  </div>

  <div class="data-block--listicle list-link">
    <div class ="hover-tools--browse">
      <a class="hover-tools--helpers archive-article" href="#" title="Archive this article"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<g>
	<path d="M29,3H3C2.4,3,2,3.4,2,4v4c0,0.6,0.4,1,1,1h23v18.8H6.1V11H5v17c0,0.6,0.4,1,1,1h20c0.6,0,1-0.4,1-1V9h2c0.6,0,1-0.4,1-1V4
		C30,3.4,29.6,3,29,3z M29.1,8H3V4h26.1V8z"/>
	<path d="M22,17c0.6,0,1-0.4,1-1v-4c0-0.6-0.4-1-1-1H10c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1H22z M9.8,11.9h12.2v4.3H9.8V11.9z"/>
</g>
</svg>
</a>
      <a class="hover-tools--helpers delete-article" href="#" title="Delete this article"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="516.375px" height="516.375px" viewBox="0 0 516.375 516.375" style="enable-background:new 0 0 516.375 516.375;"
	 xml:space="preserve">
	 <title>Trash</title>
<g>
	<g>
		<rect x="325.125" y="133.875" width="19.125" height="325.125"/>
		<rect x="248.625" y="133.875" width="19.125" height="325.125"/>
		<rect x="172.125" y="133.875" width="19.125" height="325.125"/>
		<path d="M382.5,76.5h-38.25V38.25C344.25,17.212,327.037,0,306,0h-95.625c-21.038,0-38.25,17.212-38.25,38.25V76.5h-38.25h-76.5
			v19.125h38.25V459c0,32.513,24.862,57.375,57.375,57.375h210.375c32.513,0,57.375-24.862,57.375-57.375V95.625H459V76.5H382.5z
			 M191.25,38.25c0-11.475,7.65-19.125,19.125-19.125H306c11.475,0,19.125,7.65,19.125,19.125V76.5H191.25V38.25z M401.625,459
			c0,21.037-17.213,38.25-38.25,38.25H153c-21.038,0-38.25-17.213-38.25-38.25V95.625h286.875V459z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
    </div>

    <a class="link-number" href="#">
      <div class="title--listicle__number no-image">8</div>
    </a>
    <h2 class="title"><a href="#">Incredible Things You Didn't Know We Could Make Into Lists</a></h2>
    <div class="summary"><a href="#">UK Pacekeepers Face Crisis in the Golan Heights</a></div>
  </div>

<div id="modalDeleteArticle" class="close-modal">
  <div id="modalBackdrop" style="z-index: 1000; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; margin: 0px; opacity: 0.55; background: rgb(0, 0, 0);"></div>
    <div id="modalContent">  
      <div class="ctools-modal-content modal-forms-modal-content" style="width: 480px; height: 300px;">
        <div class="popups-container">

          <div class="modal-header popups-title">
            <span class="popups-close close">Close</span>
            <div class="clear-block"></div>
          </div>

          <div class="modal-scroll">
            <div id="modal-content" class="modal-content popups-body" style="width: 275px; height: 255px;">

              <div class="save-article-progress">
                <div class="icon icon-delete">
                  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="516.375px" height="516.375px" viewBox="0 0 516.375 516.375" style="enable-background:new 0 0 516.375 516.375;"
	 xml:space="preserve">
	 <title>Trash</title>
<g>
	<g>
		<rect x="325.125" y="133.875" width="19.125" height="325.125"/>
		<rect x="248.625" y="133.875" width="19.125" height="325.125"/>
		<rect x="172.125" y="133.875" width="19.125" height="325.125"/>
		<path d="M382.5,76.5h-38.25V38.25C344.25,17.212,327.037,0,306,0h-95.625c-21.038,0-38.25,17.212-38.25,38.25V76.5h-38.25h-76.5
			v19.125h38.25V459c0,32.513,24.862,57.375,57.375,57.375h210.375c32.513,0,57.375-24.862,57.375-57.375V95.625H459V76.5H382.5z
			 M191.25,38.25c0-11.475,7.65-19.125,19.125-19.125H306c11.475,0,19.125,7.65,19.125,19.125V76.5H191.25V38.25z M401.625,459
			c0,21.037-17.213,38.25-38.25,38.25H153c-21.038,0-38.25-17.213-38.25-38.25V95.625h286.875V459z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

                </div>
                <div class="anonymous-save-message">
                  <h3 class="title-delete">Are you sure you want to delete this article from your folder?</h3>
                  <center>
                    <a class="button-anonymous delete-yes button__red-reversed--light" href="#">YES</a>
                    <a class="button-anonymous delete-keep button__blue" href="#">KEEP ARTICLE</a>
                  </center>
                </div>
              </div>

            </div>
          </div>

        </div>
      </div>
  </div>
</div>

 </article>