<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa
1.0" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>var _sf_startpt=(new Date()).getTime();</script>
<meta name="Generator" content="Drupal 7 (http://drupal.org)" />
<base
href='http://www.scmp.com/infographics/article/1810040/infographic-world-languages?comment-sort=recommended'
/>
<title>INFOGRAPHIC: A world of languages - and how many speak
them</title>
<script
src="http://cdn2.scmp.com/sites/default/files/js/js_oCVMDTeSNt-_QxknevWyf6yO5OzmME3AhRz3ggZgNtg.js"></script>
<script
src="http://cdn2.scmp.com/sites/default/files/js/js_H7q2xORKmR9AN8Qx5spKEIBp7R_wG2apAswJoCUZY7I.js"></script>
<script
src="http://www.scmp.com/sites/all/themes/boom/javascripts/bootstrap.min.js"></script>
<script
src="http://cdn3.scmp.com/sites/default/files/js/js__X4RzA7YjsdrwM6-DQoSh8wx7Hit38tG2XoNigy98as.js"></script>
<script>var mtGA = {"slot":2,"name":"Metered
Access","value":false,"scope":1};</script>
<script>jQuery.extend(Drupal.settings,
{"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"boom","theme_token":"zf3rA71iGszynhqFIeQqL2J60qLGq8fpY6-jV9n_ggo","js":{"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery\/1.10\/jquery.min.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"http:\/\/www.scmp.com\/sites\/all\/themes\/boom\/javascripts\/bootstrap.min.js":1,"sites\/all\/libraries\/device_detection\/device.js":1,"1":1}},"chartbeat":{"uid":34625,"domain":"scmp.com","sections":",
desktop","path":"scmp.com\/printmail\/infographics\/article\/1810040\/infographic-world-languages"},"colorbox":{"opacity":"0.85","current":"{current}
of {total}","previous":"\u00ab Prev","next":"Next
\u00bb","close":"Close","maxWidth":"100%","maxHeight":"100%","fixed":true,"__drupal_alter_by_ref":["sites\/all\/libraries\/colorbox\/example1"]},"cr":{"txt":"\u003Cdiv
class=\u0022bg-wrapper\u0022\u003E\u003Cimg class=\u0022bg\u0022
src=\u0022\/sites\/all\/themes\/scmp\/images\/lightbox\/meter-full.jpg\u0022
\/\u003E\u003C\/div\u003E\r\n\r\n\u003Cdiv
class=\u0022popup-content\u0022\u003E\r\n\u003Ch1\u003ECookies
required\u003C\/h1\u003E\r\n\r\n\u003Ch2\u003ECookies are required to
login.\u003C\/h2\u003E\r\n\r\n\u003Cp\u003EPlease enable your cookies and
then try logging in
again.\u003C\/p\u003E\r\n\u003C\/div\u003E\r\n\r\n\u003Cdiv
class=\u0022popout-footer\u0022\u003EMore info on \u003Ca
href=\u0022http:\/\/support.google.com\/accounts\/bin\/answer.py?hl=en\u0026amp;answer=61416\u0022
style=\u0022color: black;\u0022\u003Ehow to enable
cookies\u003C\/a\u003E\u003C\/div\u003E\r\n"},"scmpSearch":{"active":false},"bootstrap":{"anchorsFix":"1","anchorsSmoothScrolling":"1","formHasError":1,"popoverEnabled":"1","popoverOptions":{"animation":1,"html":0,"placement":"right","selector":"","trigger":"click","triggerAutoclose":1,"title":"","content":"","delay":0,"container":"body"},"tooltipEnabled":"1","tooltipOptions":{"animation":1,"html":0,"placement":"auto
left","selector":"","trigger":"hover
focus","delay":0,"container":"body"}}});</script>
<meta name="robots" content=noindex, nofollow /> <link
rel='shortcut icon'
href='http://www.scmp.com/sites/all/themes/boom/favicon.ico'
type='image/x-icon' />
<style type='text/css' media='all'>/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be
altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0;
z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0;
width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;
-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;
-moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They
are
ordered & tabbed in a way that represents the nesting of the generated
HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px;
background:url(images/controls.png)
no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px;
background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px;
background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px;
background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top
repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right
top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0
repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px
repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center;
width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px;
color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png)
no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat
center center;}
/* these elements are buttons, and may need to have additional
styles
reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0;
padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on
:focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active,
#cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px;
color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0;
background:url(images/controls.png) no-repeat -75px 0; width:25px;
height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px;
background:url(images/controls.png) no-repeat -50px 0; width:25px;
height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0;
background:url(images/controls.png) no-repeat -25px 0; width:25px;
height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha
transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor
element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}.ctools-locked {
color: red;
border: 1px solid red;
padding: 1em;
}
.ctools-owns-lock {
background: #FFFFDD none repeat scroll 0 0;
border: 1px solid #F0C020;
padding: 1em;
}
a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
padding-right: 18px !important;
background: url(../images/status-active.gif) right center no-repeat;
}
div.ctools-ajaxing {
float: left;
width: 18px;
background: url(../images/status-active.gif) center center no-repeat;
}
div.panel-pane div.admin-links {
font-size: xx-small;
margin-right: 1em;
}
div.panel-pane div.admin-links li a {
color: #ccc;
}
div.panel-pane div.admin-links li {
padding-bottom: 2px;
background: white;
z-index: 201;
}
div.panel-pane div.admin-links:hover a,
div.panel-pane div.admin-links-hover a {
color: #000;
}
div.panel-pane div.admin-links a:before {
content: "[";
}
div.panel-pane div.admin-links a:after {
content: "]";
}
div.panel-pane div.panel-hide {
display: none;
}
/** For IE we add the class via js; for other browsers we rely on :hover **/
div.panel-pane div.panel-hide-hover,
div.panel-pane:hover div.panel-hide {
display: block;
position: absolute;
z-index: 200;
margin-top: -1.5em;
}
div.panel-pane div.node {
margin: 0;
padding: 0;
}
div.panel-pane div.feed a {
float: right;
}
#edit-apachesolr-panels-search-form-predict {
background-color: white;
}
#simplenews-admin-filter .form-item {
clear: both;
line-height: 1.75em;
margin: 0pt 1em 0pt 0pt;
}
#simplenews-admin-filter .form-item label {
float: left;
width: 12em;
}
#simplenews-admin-filter .spacer {
margin-left: 12em;
}
#simplenews-admin-filter .form-select,
#simplenews-admin-filter .form-text {
width: 14em;
}
.block-simplenews .issues-link,
.block-simplenews .issues-list {
margin-top: 1em;
}
.block-simplenews .issues-list .newsletter-created {
display: none;
}
/**
* @file
* Generic theme-independent base styles.
*/
/**
* Autocomplete.
*
* @see autocomplete.js
*/
/* Suggestion list */
#autocomplete {
border: 1px solid;
overflow: hidden;
position: absolute;
z-index: 100;
}
#autocomplete ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#autocomplete li {
background: #fff;
color: #000;
cursor: default;
white-space: pre;
zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
background-image: url(../../misc/throbber-inactive.png);
background-position: 100% center; /* LTR */
background-repeat: no-repeat;
}
html.js input.throbbing {
background-image: url(../../misc/throbber-active.gif);
background-position: 100% center; /* LTR */
}
/**
* Collapsible fieldsets.
*
* @see collapse.js
*/
html.js fieldset.collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
display: none;
}
fieldset.collapsible {
position: relative;
}
fieldset.collapsible .fieldset-legend {
display: block;
}
/**
* Resizable textareas.
*
* @see textarea.js
*/
.form-textarea-wrapper textarea {
display: block;
margin: 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.resizable-textarea .grippie {
background: #eee url(../../misc/grippie.png) no-repeat center 2px;
border: 1px solid #ddd;
border-top-width: 0;
cursor: s-resize;
height: 9px;
overflow: hidden;
}
/**
* TableDrag behavior.
*
* @see tabledrag.js
*/
body.drag {
cursor: move;
}
.draggable a.tabledrag-handle {
cursor: move;
float: left; /* LTR */
height: 1.7em;
margin-left: -1em; /* LTR */
overflow: hidden;
text-decoration: none;
}
a.tabledrag-handle:hover {
text-decoration: none;
}
a.tabledrag-handle .handle {
background: url(../../misc/draggable.png) no-repeat 6px 9px;
height: 13px;
margin: -0.4em 0.5em; /* LTR */
padding: 0.42em 0.5em; /* LTR */
width: 13px;
}
a.tabledrag-handle-hover .handle {
background-position: 6px -11px;
}
div.indentation {
float: left; /* LTR */
height: 1.7em;
margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
padding: 0.42em 0 0.42em 0.6em; /* LTR */
width: 20px;
}
div.tree-child {
background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR
*/
}
div.tree-child-horizontal {
background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
text-align: right; /* LTR */
}
/**
* TableHeader behavior.
*
* @see tableheader.js
*/
table.sticky-header {
background-color: #fff;
margin-top: 0;
}
/**
* Progress behavior.
*
* @see progress.js
*/
/* Bar */
.progress .bar {
background-color: #fff;
border: 1px solid;
}
.progress .filled {
background-color: #000;
height: 1.5em;
width: 5px;
}
.progress .percentage {
float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
display: inline-block;
}
.ajax-progress .throbber {
background: transparent url(../../misc/throbber-active.gif) no-repeat 0px
center;
float: left; /* LTR */
height: 15px;
margin: 2px;
width: 15px;
}
.ajax-progress .message {
padding-left: 20px;
}
tr .ajax-progress .throbber {
margin: 0 2px;
}
.ajax-progress-bar {
width: 16em;
}
/**
* Inline items.
*/
.container-inline div,
.container-inline label {
display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
display: block;
}
/**
* Prevent text wrapping.
*/
.nowrap {
white-space: nowrap;
}
/**
* For anything you want to hide on page load when JS is enabled, so
* that you can use the JS to control visibility and avoid flicker.
*/
html.js .js-hide {
display: none;
}
/**
* Hide elements from all users.
*
* Used for elements which should not be immediately displayed to any user.
An
* example would be a collapsible fieldset that will be expanded with a
click
* from a user. The effect of this class can be toggled with the jQuery
show()
* and hide() functions.
*/
.element-hidden {
display: none;
}
/**
* Hide elements visually, but keep them available for screen-readers.
*
* Used for information required for screen-reader users to understand and
use
* the site where visual display is undesirable. Information provided in
this
* manner should be kept concise, to avoid unnecessary burden on the user.
* "!important" is used to prevent unintentional overrides.
*/
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
}
/**
* The .element-focusable class extends the .element-invisible class to
allow
* the element to be focusable when navigated to via the keyboard.
*/
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
/**
* Markup free clearing.
*
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
* html .clearfix {
height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
min-height: 1%;
}
/**
* @file
* Styles for menus and navigation markup.
*/
/**
* Markup generated by theme_menu_tree().
*/
ul.menu {
border: none;
list-style: none;
text-align: left; /* LTR */
}
ul.menu li {
margin: 0 0 0 0.5em; /* LTR */
}
ul li.expanded {
list-style-image: url(../../misc/menu-expanded.png);
list-style-type: circle;
}
ul li.collapsed {
list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
list-style-type: disc;
}
ul li.leaf {
list-style-image: url(../../misc/menu-leaf.png);
list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
padding: 0.2em 0.5em 0 0; /* LTR */
margin: 0;
}
li a.active {
color: #000;
}
td.menu-disabled {
background: #ccc;
}
/**
* Markup generated by theme_links().
*/
ul.inline,
ul.links.inline {
display: inline;
padding-left: 0;
}
ul.inline li {
display: inline;
list-style-type: none;
padding: 0 0.5em;
}
/**
* Markup generated by theme_breadcrumb().
*/
.breadcrumb {
padding-bottom: 0.5em;
}
/**
* Markup generated by theme_menu_local_tasks().
*/
ul.primary {
border-bottom: 1px solid #bbb;
border-collapse: collapse;
height: auto;
line-height: normal;
list-style: none;
margin: 5px;
padding: 0 0 0 1em; /* LTR */
white-space: nowrap;
}
ul.primary li {
display: inline;
}
ul.primary li a {
background-color: #ddd;
border-color: #bbb;
border-style: solid solid none solid;
border-width: 1px;
height: auto;
margin-right: 0.5em; /* LTR */
padding: 0 1em;
text-decoration: none;
}
ul.primary li.active a {
background-color: #fff;
border: 1px solid #bbb;
border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
background-color: #eee;
border-color: #ccc;
border-bottom-color: #eee;
}
ul.secondary {
border-bottom: 1px solid #bbb;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
border-right: 1px solid #ccc; /* LTR */
display: inline;
padding: 0 1em;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #999;
}
/**
* @file
* Styles for system messages.
*/
div.messages {
background-position: 8px 8px; /* LTR */
background-repeat: no-repeat;
border: 1px solid;
margin: 6px 0;
padding: 10px 10px 10px 50px; /* LTR */
}
div.status {
background-image: url(../../misc/message-24-ok.png);
border-color: #be7;
}
div.status,
.ok {
color: #234600;
}
div.status,
table tr.ok {
background-color: #f8fff0;
}
div.warning {
background-image: url(../../misc/message-24-warning.png);
border-color: #ed5;
}
div.warning,
.warning {
color: #840;
}
div.warning,
table tr.warning {
background-color: #fffce5;
}
div.error {
background-image: url(../../misc/message-24-error.png);
border-color: #ed541d;
}
div.error,
.error {
color: #8c2e0b;
}
div.error,
table tr.error {
background-color: #fef5f1;
}
div.error p.error {
color: #333;
}
div.messages ul {
margin: 0 0 0 1em; /* LTR */
padding: 0;
}
div.messages ul li {
list-style-image: none;
}
/**
* @file
* Basic styling for common markup.
*/
/**
* HTML elements.
*/
fieldset {
margin-bottom: 1em;
padding: 0.5em;
}
form {
margin: 0;
padding: 0;
}
hr {
border: 1px solid gray;
height: 1px;
}
img {
border: 0;
}
table {
border-collapse: collapse;
}
th {
border-bottom: 3px solid #ccc;
padding-right: 1em; /* LTR */
text-align: left; /* LTR */
}
tbody {
border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
background-color: #eee;
border-bottom: 1px solid #ccc;
padding: 0.1em 0.6em;
}
/**
* Markup generated by theme_tablesort_indicator().
*/
th.active img {
display: inline;
}
td.active {
background-color: #ddd;
}
/**
* Markup generated by theme_item_list().
*/
.item-list .title {
font-weight: bold;
}
.item-list ul {
margin: 0 0 0.75em 0;
padding: 0;
}
.item-list ul li {
margin: 0 0 0.25em 1.5em; /* LTR */
padding: 0;
}
/**
* Markup generated by Form API.
*/
.form-item,
.form-actions {
margin-top: 1em;
margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
}
.form-item .description {
font-size: 0.85em;
}
label {
display: block;
font-weight: bold;
}
label.option {
display: inline;
font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
vertical-align: middle;
}
.marker,
.form-required {
color: #f00;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
border: 2px solid red;
}
/**
* Inline items.
*/
.container-inline .form-actions,
.container-inline.form-actions {
margin-top: 0;
margin-bottom: 0;
}
/**
* Markup generated by theme_more_link().
*/
.more-link {
text-align: right; /* LTR */
}
/**
* Markup generated by theme_more_help_link().
*/
.more-help-link {
text-align: right; /* LTR */
}
.more-help-link a {
background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
padding: 1px 0 1px 20px; /* LTR */
}
/**
* Markup generated by theme_pager().
*/
.item-list .pager {
clear: both;
text-align: center;
}
.item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0.5em;
}
.pager-current {
font-weight: bold;
}
/**
* Autocomplete.
*
* @see autocomplete.js
*/
/* Suggestion list */
#autocomplete li.selected {
background: #0072b9;
color: #fff;
}
/**
* Collapsible fieldsets.
*
* @see collapse.js
*/
html.js fieldset.collapsible .fieldset-legend {
background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
padding-left: 15px; /* LTR */
}
html.js fieldset.collapsed .fieldset-legend {
background-image: url(../../misc/menu-collapsed.png); /* LTR */
background-position: 5px 50%; /* LTR */
}
.fieldset-legend span.summary {
color: #999;
font-size: 0.9em;
margin-left: 0.5em;
}
/**
* TableDrag behavior.
*
* @see tabledrag.js
*/
tr.drag {
background-color: #fffff0;
}
tr.drag-previous {
background-color: #ffd;
}
.tabledrag-toggle-weight {
font-size: 0.9em;
}
body div.tabledrag-changed-warning {
margin-bottom: 0.5em;
}
/**
* TableSelect behavior.
*
* @see tableselect.js
*/
tr.selected td {
background: #ffc;
}
td.checkbox,
th.checkbox {
text-align: center;
}
/**
* Progress bar.
*
* @see progress.js
*/
.progress {
font-weight: bold;
}
.progress .bar {
background: #ccc;
border-color: #666;
margin: 0 0.2em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.progress .filled {
background: #0072b9 url(../../misc/progress.gif);
}
/**
* Styles for theme in the Aggregator module.
*/
#aggregator .feed-source .feed-title {
margin-top: 0;
}
#aggregator .feed-source .feed-image img {
margin-bottom: 0.75em;
}
#aggregator .feed-source .feed-icon {
float: right; /* LTR */
display: block;
}
#aggregator .feed-item {
margin-bottom: 1.5em;
}
#aggregator .feed-item-title {
margin-bottom: 0;
font-size: 1.3em;
}
#aggregator .feed-item-meta,
#aggregator .feed-item-body {
margin-bottom: 0.5em;
}
#aggregator .feed-item-categories {
font-size: 0.9em;
}
#aggregator td {
vertical-align: bottom;
}
#aggregator td.categorize-item {
white-space: nowrap;
}
#aggregator .categorize-item .news-item .body {
margin-top: 0;
}
#aggregator .categorize-item h3 {
margin-bottom: 1em;
margin-top: 0;
}
/**
* @file
* Styling for the Book module.
*/
.book-navigation .menu {
border-top: 1px solid #888;
padding: 1em 0 0 3em; /* LTR */
}
.book-navigation .page-links {
border-top: 1px solid #888;
border-bottom: 1px solid #888;
text-align: center;
padding: 0.5em;
}
.book-navigation .page-previous {
text-align: left;
width: 42%;
display: block;
float: left; /* LTR */
}
.book-navigation .page-up {
margin: 0 5%;
width: 4%;
display: block;
float: left; /* LTR */
}
.book-navigation .page-next {
text-align: right;
width: 42%;
display: block;
float: right;
}
#book-outline {
min-width: 56em;
}
.book-outline-form .form-item {
margin-top: 0;
margin-bottom: 0;
}
html.js #edit-book-pick-book {
display: none;
}
.form-item-book-bid .description {
clear: both;
}
#book-admin-edit select {
margin-right: 24px;
}
#book-admin-edit select.progress-disabled {
margin-right: 0;
}
#book-admin-edit tr.ajax-new-content {
background-color: #ffd;
}
#book-admin-edit .form-item {
float: left;
}
#comments {
margin-top: 15px;
}
.indented {
margin-left: 25px; /* LTR */
}
.comment-unpublished {
background-color: #fff4f4;
}
.comment-preview {
background-color: #ffffea;
}
/**
* @file
* Main stylesheet for Date module.
*/
/* Force start/end dates to float using inline-block, where it works,
otherwise inline. */
.container-inline-date {
clear: both;
}
.container-inline-date .form-item {
float: none;
margin: 0;
padding: 0;
}
.container-inline-date > .form-item {
display: inline-block;
margin-right: 0.5em; /* LTR */
margin-bottom: 10px;
vertical-align: top;
}
.container-inline-date .form-item .form-item {
float: left; /* LTR */
}
.container-inline-date .form-item,
.container-inline-date .form-item input {
width: auto;
}
.container-inline-date .description {
clear: both;
}
.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
margin-right: 5px; /* LTR */
}
.container-inline-date .date-spacer {
margin-left: -5px; /* LTR */
}
.views-right-60 .container-inline-date div {
margin: 0;
padding: 0;
}
.container-inline-date .date-timezone .form-item {
clear: both;
float: none;
width: auto;
}
/* The exposed Views form doesn't need some of these styles */
.container-inline-date .date-padding {
padding: 10px;
float: left;
}
.views-exposed-form .container-inline-date .date-padding {
padding: 0;
}
/* Fixes for date popup css so it will behave in Drupal */
#calendar_div,
#calendar_div td,
#calendar_div th {
margin: 0;
padding: 0;
}
#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
border-collapse: separate;
margin: 0;
width: 185px;
}
.calendar td {
padding: 0;
}
/* formatting for start/end dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}
.date-prefix-inline {
display: inline-block;
}
.date-clear {
clear: both;
display: block;
float: none;
}
.date-no-float {
clear: both;
float: none;
width: 98%;
}
.date-float {
clear: none;
float: left;
width: auto;
}
/* Add space between date option checkboxes ('All day' & 'Collect End Date')
*/
.date-float .form-type-checkbox{
padding-right: 1em;
}
/* Add space between the date and time portions of the date_select widget. */
.form-type-date-select .form-type-select[class$=hour] {
margin-left: .75em; /* LTR */
}
.date-container .date-format-delete {
float: left;
margin-top: 1.8em;
margin-left: 1.5em;
}
.date-container .date-format-name {
float: left;
}
.date-container .date-format-type {
float: left;
padding-left: 10px;
}
.date-container .select-container {
clear: left;
float: left;
}
/* Calendar day css */
div.date-calendar-day {
background: #F3F3F3;
border-top: 1px solid #EEE;
border-left: 1px solid #EEE;
border-right: 1px solid #BBB;
border-bottom: 1px solid #BBB;
color: #999;
float: left;
line-height: 1;
margin: 6px 10px 0 0;
text-align: center;
width: 40px;
}
div.date-calendar-day span {
display: block;
text-align: center;
}
div.date-calendar-day span.month {
background-color: #B5BEBE;
color: white;
font-size: .9em;
padding: 2px;
text-transform: uppercase;
}
div.date-calendar-day span.day {
font-size: 2em;
font-weight: bold;
}
div.date-calendar-day span.year {
font-size: .9em;
padding: 2px;
}
/* Admin styling */
.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
margin-left: 1.3em;
}
#edit-field-settings-granularity .form-type-checkbox {
margin-right: .6em; /* LTR */
}
.date-year-range-select {
margin-right: 1em;
}
#ui-datepicker-div {
font-size: 100%;
font-family: Verdana, sans-serif;
background: #eee;
border-right:2px #666 solid;
border-bottom:2px #666 solid;
z-index: 9999;
}
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker
.ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next
span { display: block; position: absolute; left: 50%; margin-left: -8px; top:
50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em;
margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right;
}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse:
collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight:
bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em;
text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin:
.7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom:
0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em
.2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto;
overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto
.4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0; border-left-width:1px; }
/* Field display */
.field .field-label {
font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
float:left; /*LTR*/
}
/* Form display */
form .field-multiple-table {
margin: 0;
}
form .field-multiple-table th.field-label {
padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
width: 30px;
padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
padding-right: .5em; /*LTR*/
}
form .field-add-more-submit {
margin: .5em 0 0;
}
.node-unpublished {
background-color: #fff4f4;
}
.preview .node {
background-color: #ffffea;
}
td.revision-current {
background: #ffc;
}
.poll {
overflow: hidden;
}
.poll .bar {
height: 1em;
margin: 1px 0;
background-color: #ddd;
}
.poll .bar .foreground {
background-color: #000;
height: 1em;
float: left; /* LTR */
}
.poll .links {
text-align: center;
}
.poll .percent {
text-align: right; /* LTR */
}
.poll .total {
text-align: center;
}
.poll .vote-form {
text-align: center;
}
.poll .vote-form .choices {
text-align: left; /* LTR */
margin: 0 auto;
display: table;
}
.poll .vote-form .choices .title {
font-weight: bold;
}
.node-form #edit-poll-more {
margin: 0;
}
.node-form #poll-choice-table .form-text {
display: inline;
width: auto;
}
.node-form #poll-choice-table td.choice-flag {
white-space: nowrap;
width: 4em;
}
td.poll-chtext {
width: 80%;
}
td.poll-chvotes .form-text {
width: 85%;
}
.search-form {
margin-bottom: 1em;
}
.search-form input {
margin-top: 0;
margin-bottom: 0;
}
.search-results {
list-style: none;
}
.search-results p {
margin-top: 0;
}
.search-results .title {
font-size: 1.2em;
}
.search-results li {
margin-bottom: 1em;
}
.search-results .search-snippet-info {
padding-left: 1em; /* LTR */
}
.search-results .search-info {
font-size: 0.85em;
}
.search-advanced .criterion {
float: left; /* LTR */
margin-right: 2em; /* LTR */
}
.search-advanced .action {
float: left; /* LTR */
clear: left; /* LTR */
}
#permissions td.module {
font-weight: bold;
}
#permissions td.permission {
padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
font-size: 0.85em;
padding-bottom: .5em;
}
/**
* Override default textfield float to put the "Add role" button next to
* the input textfield.
*/
#user-admin-roles td.edit-name {
clear: both;
}
#user-admin-roles .form-item-name {
float: left; /* LTR */
margin-right: 1em; /* LTR */
}
/**
* Password strength indicator.
*/
.password-strength {
width: 17em;
float: right; /* LTR */
margin-top: 1.4em;
}
.password-strength-title {
display: inline;
}
.password-strength-text {
float: right; /* LTR */
font-weight: bold;
}
.password-indicator {
background-color: #C4C4C4;
height: 0.3em;
width: 100%;
}
.password-indicator div {
height: 100%;
width: 0%;
background-color: #47C965;
}
input.password-confirm,
input.password-field {
width: 16em;
margin-bottom: 0.4em;
}
div.password-confirm {
float: right; /* LTR */
margin-top: 1.5em;
visibility: hidden;
width: 17em;
}
div.form-item div.password-suggestions {
padding: 0.2em 0.5em;
margin: 0.7em 0;
width: 38.5em;
border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
margin-bottom: 0;
}
.confirm-parent,
.password-parent {
clear: left; /* LTR */
margin: 0;
width: 36.3em;
}
/* Generated by user.module but used by profile.module: */
.profile {
clear: both;
margin: 1em 0;
}
.profile .user-picture {
float: right; /* LTR */
margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
border-bottom: 1px solid #ccc;
}
.profile dl {
margin: 0 0 1.5em 0;
}
.profile dt {
margin: 0 0 0.2em 0;
font-weight: bold;
}
.profile dd {
margin: 0 0 1em 0;
}
.views-exposed-form .views-exposed-widget {
float: left; /* LTR */
padding: .5em 1em 0 0; /* LTR */
}
.views-exposed-form .views-exposed-widget .form-submit {
margin-top: 1.6em;
}
.views-exposed-form .form-item,
.views-exposed-form .form-submit {
margin-top: 0;
margin-bottom: 0;
}
.views-exposed-form label {
font-weight: bold;
}
.views-exposed-widgets {
margin-bottom: .5em;
}
/* table style column align */
.views-align-left {
text-align: left;
}
.views-align-right {
text-align: right;
}
.views-align-center {
text-align: center;
}
/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
border-top: none;
}
.view .progress-disabled {
float: none;
}
div.tweets-pulled-listing ul {
list-style: none;
}
div.tweets-pulled-listing div.tweet-authorphoto {
margin: 0 5px 0 0;
float: left;
}
div.tweets-pulled-listing div.tweet-authorphoto img {
max-height: 40px;
max-width: 40px;
}
div.tweets-pulled-listing a {
color: blue;
}
div.tweets-pulled-listing .tweet-author a {
font-weight: bold;
}
div.tweets-pulled-listing .tweet-time a {
color: silver;
}
div.tweets-pulled-listing div.tweet-divider {
clear: left;
border-bottom: 1px solid #efefef;
margin: 5px 0 5px 0;
}</style>
</head>
<body>
<div class="print-message">Message from sender:<br /><br /><em>One
typo I noticed: Telugu spelled "Telegu", a common error<br />
<br />
HS</em></div><p />
<div class="print-logo"><img class="print-logo" id="logo"
typeof="Image" src="http://cdn4.scmp.com/sites/all/themes/boom/logo.png"
alt="South China Morning Post" /></div>
<div class="print-site_name">Published on <em
class="placeholder">South China Morning Post</em> (<a
href="http://www.scmp.com">http://www.scmp.com</a>)</div>
<p />
<div class="print-breadcrumb"><a href="http://www.scmp.com/">Home</a>
> INFOGRAPHIC: A world of languages - and how many speak them</div>
<hr class="print-hr" />
<div class="print-content"><article id="node-1810040" class="node
node-article node-teaser clearfix"
about="/infographics/article/1810040/infographic-world-languages"
typeof="sioc:Item foaf:Document">
<header>
<h2><a
href="http://www.scmp.com/infographics/article/1810040/infographic-world-languages">INFOGRAPHIC:
A world of languages - and how many speak them</a> <span
class="print-footnote">[1]</span></h2>
<span property="dc:title" content="INFOGRAPHIC: A world of languages
- and how many speak them" class="rdf-meta element-hidden"></span><span
property="sioc:num_replies" content="19" datatype="xsd:integer"
class="rdf-meta element-hidden"></span> <span class="submitted">
<span property="dc:date dc:created"
content="2015-05-27T09:05:14+08:00" datatype="xsd:dateTime"
rel="sioc:has_creator">Submitted by <span class="username" xml:lang=""
about="https://www.scmp.com/users/laurencechu-1" typeof="sioc:UserAccount"
property="foaf:name" datatype="">Laurence.chu</span> on May 27th 2015,
9:05am</span> </span>
</header>
<!-- google_ad_section_start -->
<p>There are at least 7,102 known languages alive in the world today.
Twenty-three of these languages are a mother tongue for more than 50
million people. The 23 languages make up the native tongue of 4.1 billion
people.</p><!-- google_ad_section_end --> <footer>
</footer>
<div id="comment-wrapper"></div></article>
</div>
<div class="print-footer"></div>
<hr class="print-hr" />
<div class="print-source_url">
<strong>Source URL (modified on Jun 1st 2015, 6:21pm):</strong>
http://www.scmp.com/infographics/article/1810040/infographic-world-languages?comment-sort=recommended
</div>
<div class="print-links"><p><strong>Links</strong><br />[1]
http://www.scmp.com/infographics/article/1810040/infographic-world-languages<br
/>
</p></div>
<script
src="http://cdn3.scmp.com/sites/default/files/js/js_e4v-HnmROYmbwOLZ7cqc5hAOjRq7N8eytPDzP281zBE.js"></script>
<script
src="http://cdn1.scmp.com/sites/default/files/js/js__Y3IVPZKls7uiQ0t8wjXwYrxNmhijdOTZu4xVUbRXY0.js"></script>
<script
src="http://cdn4.scmp.com/sites/default/files/js/js_g40IOOmAUKB4LOr_crtMT06ZrSerBwvf1iETKXfE6wQ.js"></script>
<script>var _comscore = _comscore || [];
_comscore.push({ c1: "2", c2: "6687883" });
(function() {
var s = document.createElement("script"), el =
document.getElementsByTagName("script")[0]; s.async = true;
s.src = (document.location.protocol == "https:" ? "https://sb" :
"http://b") + ".scorecardresearch.com/beacon.js";
el.parentNode.insertBefore(s, el);
})();</script>
<script
src="http://cdn1.scmp.com/sites/default/files/js/js_2KlXA4Z5El1IQFVPxDN1aX5mIoMSFWGv3vwsP77K9yk.js"></script>
</body>
</html>