Foreign Affairs Style Guide

Foreign Affairs

Multimedia - Body


The body component of multimedia nodes.

Redmine Prototyping Ticket(s)
Data Sources:

International development has moved beyond charity. Gone are the days when the United States would just spend its seemingly bottomless largess to help less fortunate or vanquished countries, as it did after World War II. International development has reached a new, globally competitive stage, bringing with it enormous strategic and economic implications for the United States in the years ahead.

<!-- Same tools used on article page -->
<div class="l-news-release-tools">
  <nav class="article-tools">
    <h1 class="element-invisible">Article Tools</h1>
    <a class="article-tools-item">
      <div class="article-tools-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="41.6 316.6 916.7 916.7" enable-background="new 41.6 316.6 916.7 916.7" xml:space="preserve">
<title>Facebook</title>
<path d="M805.6,1233.3H194.4c-84,0-152.8-68.8-152.8-152.8V469.4c0-84,68.7-152.8,152.8-152.8h611.1c84,0,152.8,68.8,152.8,152.8
	v611.1C958.3,1164.6,889.6,1233.3,805.6,1233.3z M656.6,507.6C515.3,507.6,500,622.2,500,622.2v114.6h-76.4v114.6H500V1157h114.6
	V851.4h106.9l15.3-114.6H614.6v-76.4c0-38.2,38.2-38.2,38.2-38.2h76.4l15.3-99.3C710.1,507.6,656.6,507.6,656.6,507.6z"/>
</svg>
</div>
      <span class="article-tools-item__counter">30</span>
    </a>
    <a class="article-tools-item">
      <div class="article-tools-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="49.1 417.8 883.5 714.4" enable-background="new 49.1 417.8 883.5 714.4" xml:space="preserve">
<title>Twitter</title>
<path d="M926.2,501.7c-31.1,15.5-65.2,24.8-102.5,27.9c37.3-21.7,65.2-59,77.6-99.4c-34.2,21.7-71.4,34.2-111.8,43.5
	c-34.2-34.2-80.7-55.9-130.4-55.9c-99.4,0-177,80.7-177,180.1c0,15.5,3.1,27.9,3.1,40.4c-149.1-6.2-279.5-77.6-366.5-186.3
	c-15.5,24.8-24.8,55.9-24.8,90.1c0,62.1,31.1,118,77.6,149.1c-31.1,0-52.8-9.3-83.8-21.7c0,0,0,0,0,3.1c0,87,62.1,161.5,146,177
	c-15.5,3.1-31.1,3.1-46.6,3.1c-12.4,0-21.7,0-34.2-3.1C174.6,921,243,973.8,320.6,973.8c-62.1,49.7-136.6,77.6-220.5,77.6
	c-15.5,0-27.9,0-43.5-3.1c77.6,52.8,173.9,83.9,273.3,83.9c329.2,0,506.2-273.3,506.2-512.4c0-6.2,0-15.5,0-21.7
	C873.4,570,901.3,539,926.2,501.7z"/>
</svg>
</div>
      <span class="article-tools-item__counter">15</span>
    </a>
    <a class="article-tools-item">
      <div class="article-tools-item__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12"><defs></defs><path d="M16 8.5V.9l-3.3 3.76L16 8.5zM0 .75v8.73l3.79-4.41L0 .75zM15.46 0H.67l7.4 8.4L15.46 0z"/><path d="M12.03 5.42l-3.96 4.5-3.61-4.1L0 11.02V12h16v-1.96l-3.97-4.62z"/></svg></div>
      <span class="article-tools-item__counter">5</span>
    </a>
    <a class="article-tools-item">
      <div class="article-tools-item__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18"><path d="M3 0v3H0v11h3v4h13v-4h3V3h-3V0H3zm.9 1h11.2v3.7H3.9V1zM4 9.6h11V17H4V9.6z" fill-rule="evenodd" clip-rule="evenodd"/></svg></div>
    </a>
    <a class="article-tools-item">
      <div class="article-tools-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="54.1 408.2 914.3 538.9" enable-background="new 54.1 408.2 914.3 538.9" xml:space="preserve">
<g>
	<path d="M403.1,827.8H204.3l-39.8,119.3H54.1L244,408.2h128.1L562,947.1H442.8L403.1,827.8z M283.8,584.9l-48.6,159h141.3
		l-48.6-159c-17.7-44.2-22.1-79.5-22.1-79.5l0,0C305.9,509.8,297.1,540.7,283.8,584.9z"/>
	<path d="M849.2,858.7H703.4L672.5,947h-83.9l141.3-406.4h97.2L968.4,947h-88.3L849.2,858.7z M760.9,677.6l-39.8,119.3h106
		l-35.3-119.3c-13.3-35.3-13.3-57.4-13.3-57.4l0,0C774.1,620.2,769.7,642.3,760.9,677.6z"/>
</g>
</svg>
</div>
    </a>
  </nav>
</div>
<div class="l-news-release-column">
  <p>International development has moved beyond charity. Gone are the days when the United States would just spend its seemingly bottomless largess to help less fortunate or vanquished countries, as it did after World War II. International development has reached a new, globally competitive stage, bringing with it enormous strategic and economic implications for the United States in the years ahead.</p>
</div>