Add lang css/js switcher code

pull/2487/head
jmontoyaa 8 years ago
parent 992b401658
commit f9f87cb09f
  1. 34
      app/Resources/public/assets/bootstrap-languages/.bower.json
  2. 191
      app/Resources/public/assets/bootstrap-languages/LICENSE.md
  3. 111
      app/Resources/public/assets/bootstrap-languages/README.md
  4. 25
      app/Resources/public/assets/bootstrap-languages/bower.json
  5. 4
      app/Resources/public/assets/bootstrap-languages/build-minify.sh
  6. 7
      app/Resources/public/assets/bootstrap-languages/build-pages.sh
  7. 28
      app/Resources/public/assets/bootstrap-languages/build-png.sh
  8. 417
      app/Resources/public/assets/bootstrap-languages/index.html
  9. 403
      app/Resources/public/assets/bootstrap-languages/languages.css
  10. 1
      app/Resources/public/assets/bootstrap-languages/languages.min.css
  11. BIN
      app/Resources/public/assets/bootstrap-languages/languages.png
  12. 247
      app/Resources/public/assets/bootstrap-languages/map

@ -0,0 +1,34 @@
{
"name": "bootstrap-languages",
"main": [
"languages.min.css",
"languages.png"
],
"homepage": "https://github.com/usrz/bootstrap-languages",
"authors": [
"Pier Fumagalli <pier@usrz.com>"
],
"description": "Language labels and icons for Bootstrap 3",
"keywords": [
"language",
"flags"
],
"license": "Apache v2",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"_release": "81e4a03bb3",
"_resolution": {
"type": "branch",
"branch": "master",
"commit": "81e4a03bb304b649bf0e6ef406ce0249ddd4421d"
},
"_source": "https://github.com/usrz/bootstrap-languages.git",
"_target": "*",
"_originalSource": "bootstrap-language",
"_direct": true
}

@ -0,0 +1,191 @@
Apache License
==============
[Version 2.0, January 2004](http://www.apache.org/licenses/LICENSE-2.0.html)
1 - Definitions
---------------
* *"License"* shall mean the terms and conditions for use, reproduction, and
distribution as defined by Sections 1 through 9 of this document.
* *"Licensor"* shall mean the copyright owner or entity authorized by the
copyright owner that is granting the License.
* *"Legal Entity"* shall mean the union of the acting entity and all other
entities that control, are controlled by, or are under common control with
that entity. For the purposes of this definition, "control" means (i) the
power, direct or indirect, to cause the direction or management of such
entity, whether by contract or otherwise, or (ii) ownership of fifty
percent (50%) or more of the outstanding shares, or (iii) beneficial
ownership of such entity.
* *"You"* (or *"Your"*) shall mean an individual or Legal Entity exercising
permissions granted by this License.
* *"Source"* form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation source,
and configuration files.
* *"Object"* form shall mean any form resulting from mechanical transformation
or translation of a Source form, including but not limited to compiled
object code, generated documentation, and conversions to other media types.
* *"Work"* shall mean the work of authorship, whether in Source or Object form,
made available under the License, as indicated by a copyright notice that
is included in or attached to the work (an example is provided in the
Appendix below).
* *"Derivative Works"* shall mean any work, whether in Source or Object form,
that is based on (or derived from) the Work and for which the editorial
revisions, annotations, elaborations, or other modifications represent, as
a whole, an original work of authorship. For the purposes of this License,
Derivative Works shall not include works that remain separable from, or
merely link (or bind by name) to the interfaces of, the Work and Derivative
Works thereof.
* *"Contribution"* shall mean any work of authorship, including the original
version of the Work and any modifications or additions to that Work or
Derivative Works thereof, that is intentionally submitted to Licensor for
inclusion in the Work by the copyright owner or by an individual or Legal
Entity authorized to submit on behalf of the copyright owner. For the
purposes of this definition, "submitted" means any form of electronic,
verbal, or written communication sent to the Licensor or its
representatives, including but not limited to communication on electronic
mailing lists, source code control systems, and issue tracking systems that
are managed by, or on behalf of, the Licensor for the purpose of discussing
and improving the Work, but excluding communication that is conspicuously
marked or otherwise designated in writing by the copyright owner as "Not a
Contribution."
* *"Contributor"* shall mean Licensor and any individual or Legal Entity on
behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2 - Grant of Copyright License
------------------------------
Subject to the terms and conditions of this License, each Contributor
hereby grants to You a perpetual, worldwide, non-exclusive, no-charge,
royalty-free, irrevocable copyright license to reproduce, prepare
Derivative Works of, publicly display, publicly perform, sublicense, and
distribute the Work and such Derivative Works in Source or Object form.
3 - Grant of Patent License
---------------------------
Subject to the terms and conditions of this License, each Contributor
hereby grants to You a perpetual, worldwide, non-exclusive, no-charge,
royalty-free, irrevocable (except as stated in this section) patent license
to make, have made, use, offer to sell, sell, import, and otherwise
transfer the Work, where such license applies only to those patent claims
licensable by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s) with the
Work to which such Contribution(s) was submitted. If You institute patent
litigation against any entity (including a cross-claim or counterclaim in a
lawsuit) alleging that the Work or a Contribution incorporated within the
Work constitutes direct or contributory patent infringement, then any
patent licenses granted to You under this License for that Work shall
terminate as of the date such litigation is filed.
4 - Redistribution
------------------
You may reproduce and distribute copies of the Work or Derivative Works
thereof in any medium, with or without modifications, and in Source or
Object form, provided that You meet the following conditions:
1. You must give any other recipients of the Work or Derivative Works a
copy of this License; and
2. You must cause any modified files to carry prominent notices stating
that You changed the files; and
3. You must retain, in the Source form of any Derivative Works that You
distribute, all copyright, patent, trademark, and attribution notices
from the Source form of the Work, excluding those notices that do not
pertain to any part of the Derivative Works; and
4. If the Work includes a "NOTICE" text file as part of its distribution,
then any Derivative Works that You distribute must include a readable
copy of the attribution notices contained within such NOTICE file,
excluding those notices that do not pertain to any part of the
Derivative Works, in at least one of the following places: within a
NOTICE text file distributed as part of the Derivative Works; within the
Source form or documentation, if provided along with the Derivative
Works; or, within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents of the
NOTICE file are for informational purposes only and do not modify the
License. You may add Your own attribution notices within Derivative
Works that You distribute, alongside or as an addendum to the NOTICE
text from the Work, provided that such additional attribution notices
cannot be construed as modifying the License. You may add Your own
copyright statement to Your modifications and may provide additional or
different license terms and conditions for use, reproduction, or
distribution of Your modifications, or for any such Derivative Works as
a whole, provided Your use, reproduction, and distribution of the Work
otherwise complies with the conditions stated in this License.
5 - Submission of Contributions
-------------------------------
Unless You explicitly state otherwise, any Contribution intentionally
submitted for inclusion in the Work by You to the Licensor shall be under
the terms and conditions of this License, without any additional terms or
conditions. Notwithstanding the above, nothing herein shall supersede or
modify the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6 - Trademarks
--------------
This License does not grant permission to use the trade names, trademarks,
service marks, or product names of the Licensor, except as required for
reasonable and customary use in describing the origin of the Work and
reproducing the content of the NOTICE file.
7 - Disclaimer of Warranty
--------------------------
Unless required by applicable law or agreed to in writing, Licensor
provides the Work (and each Contributor provides its Contributions) on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
or implied, including, without limitation, any warranties or conditions of
TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR
PURPOSE. You are solely responsible for determining the appropriateness of
using or redistributing the Work and assume any risks associated with Your
exercise of permissions under this License.
8 - Limitation of Liability
---------------------------
In no event and under no legal theory, whether in tort (including
negligence), contract, or otherwise, unless required by applicable law
(such as deliberate and grossly negligent acts) or agreed to in writing,
shall any Contributor be liable to You for damages, including any direct,
indirect, special, incidental, or consequential damages of any character
arising as a result of this License or out of the use or inability to use
the Work (including but not limited to damages for loss of goodwill, work
stoppage, computer failure or malfunction, or any and all other commercial
damages or losses), even if such Contributor has been advised of the
possibility of such damages.
9 - Accepting Warranty or Additional Liability
----------------------------------------------
While redistributing the Work or Derivative Works thereof, You may choose
to offer, and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this License.
However, in accepting such obligations, You may act only on Your own behalf
and on Your sole responsibility, not on behalf of any other Contributor,
and only if You agree to indemnify, defend, and hold each Contributor
harmless for any liability incurred by, or claims asserted against, such
Contributor by reason of your accepting any such warranty or additional
liability.

@ -0,0 +1,111 @@
The _Languages for Bootstrap 3_ project provides a simple way to present
language labels and names in a _Bootstrap 3_ project.
Head over to the [documentation](http://usrz.github.io/bootstrap-languages)
pages for some hint on how languages are presented, and how to use this library.
This project is distributed under the terms of the
[Apache Software License, Version 2](LICENSE.md).
Install from bower
==========
```bash
bower install bootstrap-language
```
Flag Icons
==========
Flag images have originally made by [IconDrawer](http://www.icondrawer.com),
then converted and assembled using [ImageMagick](http://www.imagemagick.org/)
and optimized using [PNGCrush](http://pmt.sourceforge.net/pngcrush/index.html)
with the following script:
```bash
#!/bin/sh
SMALL=""
MEDIUM=""
LARGE=""
for COUNTRY in sa by bg cz dk de gr us es ee fi fr ie in hr hu id is it \
il jp kr lt lv mk my mt nl no pl pt ro ru sk si al rs se \
th tr ua vn cn "_United*Nations" ; do
SMALL="${SMALL} 16/${COUNTRY}.png"
MEDIUM="${MEDIUM} 24/${COUNTRY}.png"
LARGE="${LARGE} 32/${COUNTRY}.png"
done
montage ${SMALL} -tile 1x -crop 14x11+1+2 -background transparent -geometry '14x11>+0+0' -gravity NorthWest small.png
montage ${MEDIUM} -tile 1x -crop 22x16+1+4 -background transparent -geometry '22x16>+0+0' -gravity NorthWest medium.png
montage ${LARGE} -tile 1x -crop 30x22+1+5 -background transparent -geometry '30x22>+0+0' -gravity NorthWest large.png
montage small.png medium.png large.png -mode Concatenate -background transparent -tile 1x4 sprite.png
pngcrush sprite.png languages.png
```
The mapping between language and country flag is as follows (in order):
<table>
<thead>
<tr>
<th colspan="2">Language</th>
<th colspan="2">Country</th>
<th colspan="3">Y-Offset</th>
</tr>
<tr>
<th>ISO</th>
<th>Name</th>
<th>ISO</th>
<th>Name</th>
<th>S</th>
<th>M</th>
<th>L</th>
</tr>
</thead>
<tbody>
<tr><th>ar</th> <td>Arabic</td> <td>SA</td> <td>Saudi Arabia</td> <td>0</td> <td>484</td> <td>1188</td></tr>
<tr><th>be</th> <td>Belarusian</td> <td>BY</td> <td>Belarus</td> <td>11</td> <td>500</td> <td>1210</td></tr>
<tr><th>bg</th> <td>Bulgarian</td> <td>BG</td> <td>Bulgaria</td> <td>22</td> <td>516</td> <td>1232</td></tr>
<tr><th>cs</th> <td>Czech</td> <td>CZ</td> <td>Czech</td> <td>33</td> <td>532</td> <td>1254</td></tr>
<tr><th>da</th> <td>Danish</td> <td>DK</td> <td>Denmark</td> <td>44</td> <td>548</td> <td>1276</td></tr>
<tr><th>de</th> <td>German</td> <td>DE</td> <td>Germany</td> <td>55</td> <td>564</td> <td>1298</td></tr>
<tr><th>el</th> <td>Greek</td> <td>GR</td> <td>Greece</td> <td>66</td> <td>580</td> <td>1320</td></tr>
<tr><th>en</th> <td>English</td> <td>US</td> <td>United</td> <td>77</td> <td>596</td> <td>1342</td></tr>
<tr><th>es</th> <td>Spanish</td> <td>ES</td> <td>Spain</td> <td>88</td> <td>612</td> <td>1364</td></tr>
<tr><th>et</th> <td>Estonian</td> <td>EE</td> <td>Estonia</td> <td>99</td> <td>628</td> <td>1386</td></tr>
<tr><th>fi</th> <td>Finnish</td> <td>FI</td> <td>Finland</td> <td>110</td> <td>644</td> <td>1408</td></tr>
<tr><th>fr</th> <td>French</td> <td>FR</td> <td>France</td> <td>121</td> <td>660</td> <td>1430</td></tr>
<tr><th>ga</th> <td>Irish</td> <td>IE</td> <td>Ireland</td> <td>132</td> <td>676</td> <td>1452</td></tr>
<tr><th>hi</th> <td>Hindi</td> <td>IN</td> <td>India</td> <td>143</td> <td>692</td> <td>1474</td></tr>
<tr><th>hr</th> <td>Croatian</td> <td>HR</td> <td>Croatia</td> <td>154</td> <td>708</td> <td>1496</td></tr>
<tr><th>hu</th> <td>Hungarian</td> <td>HU</td> <td>Hungary</td> <td>165</td> <td>724</td> <td>1518</td></tr>
<tr><th>in</th> <td>Indonesian</td> <td>ID</td> <td>Indonesia</td> <td>176</td> <td>740</td> <td>1540</td></tr>
<tr><th>is</th> <td>Icelandic</td> <td>IS</td> <td>Iceland</td> <td>187</td> <td>756</td> <td>1562</td></tr>
<tr><th>it</th> <td>Italian</td> <td>IT</td> <td>Italy</td> <td>198</td> <td>772</td> <td>1584</td></tr>
<tr><th>iw</th> <td>Hebrew</td> <td>IL</td> <td>Israel</td> <td>209</td> <td>788</td> <td>1606</td></tr>
<tr><th>ja</th> <td>Japanese</td> <td>JP</td> <td>Japan</td> <td>220</td> <td>804</td> <td>1628</td></tr>
<tr><th>ko</th> <td>Korean</td> <td>KR</td> <td>South</td> <td>231</td> <td>820</td> <td>1650</td></tr>
<tr><th>lt</th> <td>Lithuanian</td> <td>LT</td> <td>Lithuania</td> <td>242</td> <td>836</td> <td>1672</td></tr>
<tr><th>lv</th> <td>Latvian</td> <td>LV</td> <td>Latvia</td> <td>253</td> <td>852</td> <td>1694</td></tr>
<tr><th>mk</th> <td>Macedonian</td> <td>MK</td> <td>Macedonia</td> <td>264</td> <td>868</td> <td>1716</td></tr>
<tr><th>ms</th> <td>Malay</td> <td>MY</td> <td>Malaysia</td> <td>275</td> <td>884</td> <td>1738</td></tr>
<tr><th>mt</th> <td>Maltese</td> <td>MT</td> <td>Malta</td> <td>286</td> <td>900</td> <td>1760</td></tr>
<tr><th>nl</th> <td>Dutch</td> <td>NL</td> <td>Netherlands</td> <td>297</td> <td>916</td> <td>1782</td></tr>
<tr><th>no</th> <td>Norwegian</td> <td>NO</td> <td>Norway</td> <td>308</td> <td>932</td> <td>1804</td></tr>
<tr><th>pl</th> <td>Polish</td> <td>PL</td> <td>Poland</td> <td>319</td> <td>948</td> <td>1826</td></tr>
<tr><th>pt</th> <td>Portuguese</td> <td>PT</td> <td>Portugal</td> <td>330</td> <td>964</td> <td>1848</td></tr>
<tr><th>ro</th> <td>Romanian</td> <td>RO</td> <td>Romania</td> <td>341</td> <td>980</td> <td>1870</td></tr>
<tr><th>ru</th> <td>Russian</td> <td>RU</td> <td>Russia</td> <td>352</td> <td>996</td> <td>1892</td></tr>
<tr><th>sk</th> <td>Slovak</td> <td>SK</td> <td>Slovakia</td> <td>363</td> <td>1012</td> <td>1914</td></tr>
<tr><th>sl</th> <td>Slovenian</td> <td>SI</td> <td>Slovenia</td> <td>374</td> <td>1028</td> <td>1936</td></tr>
<tr><th>sq</th> <td>Albanian</td> <td>AL</td> <td>Albania</td> <td>385</td> <td>1044</td> <td>1958</td></tr>
<tr><th>sr</th> <td>Serbian</td> <td>RS</td> <td>Serbia</td> <td>396</td> <td>1060</td> <td>1980</td></tr>
<tr><th>sv</th> <td>Swedish</td> <td>SE</td> <td>Sweden</td> <td>407</td> <td>1076</td> <td>2002</td></tr>
<tr><th>th</th> <td>Thai</td> <td>TH</td> <td>Thailand</td> <td>418</td> <td>1092</td> <td>2024</td></tr>
<tr><th>tr</th> <td>Turkish</td> <td>TR</td> <td>Turkey</td> <td>429</td> <td>1108</td> <td>2046</td></tr>
<tr><th>uk</th> <td>Ukrainian</td> <td>UA</td> <td>Ukraine</td> <td>440</td> <td>1124</td> <td>2068</td></tr>
<tr><th>vi</th> <td>Vietnamese</td> <td>VN</td> <td>Vietnam</td> <td>451</td> <td>1140</td> <td>2090</td></tr>
<tr><th>zh</th> <td>Chinese</td> <td>CN</td> <td>China</td> <td>462</td> <td>1156</td> <td>2112</td></tr>
</tbody>
</table>

@ -0,0 +1,25 @@
{
"name": "bootstrap-languages",
"main": [
"languages.min.css",
"languages.png"
],
"version": "1.0.0",
"homepage": "https://github.com/usrz/bootstrap-languages",
"authors": [
"Pier Fumagalli <pier@usrz.com>"
],
"description": "Language labels and icons for Bootstrap 3",
"keywords": [
"language",
"flags"
],
"license": "Apache v2",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}

@ -0,0 +1,4 @@
#!/bin/sh
# Minify our CSS
curl -X POST -s --data-urlencode 'input@languages.css' http://cssminifier.com/raw > languages.min.css

@ -0,0 +1,7 @@
#!/bin/sh
git checkout gh-pages
git checkout master index.html languages.min.css languages.png
git commit -a -m 'Pages built.'
git push
git checkout master

@ -0,0 +1,28 @@
#!/bin/bash
# The default flags are picked up from country-flag-icons by Wil Linssen:
# https://github.com/linssen/country-flag-icons
path_to_svg=../country-flag-icons/images/svg
svgs=""
for alpha2 in sa by bg cz dk de gr gb es ee fi fr ie in hr hu id is it \
il jp kr lt lv mk my mt nl no pl pt ro ru sk si al rs se \
th tr ua vn cn ; do
# Convert an alpha-2 code to an alpha-3 code according to ISO 3166-1
alpha3=$(grep "^$alpha2" map|cut -f2)
svgs="$svgs $path_to_svg/$alpha3.svg"
done
# United nation flag is not supported by the country-flag-icons project,
# so download a copy directly from wikipedia
wget -qOun.svg https://upload.wikimedia.org/wikipedia/commons/2/2f/Flag_of_the_United_Nations.svg
svgs="$svgs un.svg"
montage $svgs -tile 1x -resize 14x11\! -geometry '14x11>+0+0' -gravity NorthWest small.png
montage $svgs -tile 1x -resize 22x16\! -geometry '22x16>+0+0' -gravity NorthWest medium.png
montage $svgs -tile 1x -resize 30x22\! -geometry '30x22>+0+0' -gravity NorthWest large.png
montage small.png medium.png large.png -mode Concatenate -background transparent -tile 1x4 sprite.png
pngcrush sprite.png languages.png
rm un.svg small.png medium.png large.png sprite.png

@ -0,0 +1,417 @@
<!DOCTYPE html>
<html>
<head>
<title>Languages for Bootstrap 3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:url" content="http://usrz.github.io/bootstrap-languages/" />
<meta property="og:title" content="Languages for Bootstrap 3" />
<meta property="og:description" content="The Languages for Bootstrap 3 project provides a simple way to present language labels and names in a Bootstrap 3 project.">
<meta property="og:image" content="http://www.usrz.com/logo-1000.jpg" />
<link rel="shortcut icon" href="http://usrz.github.io/bootstrap-languages/favicon.ico" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css"/>
<link rel="stylesheet" href="languages.min.css"/>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js"></script>
<style>
h1 { padding-top: 50px; }
.mynavigation { padding-top: 70px; }
.panel-sample>h1 { padding-top: 0px; }
.panel-narrow {
margin-top: 20px;
margin-left: 40px;
margin-right: 40px;
}
.panel-sample {
text-align: center;
}
.panel-sample .dropdown-menu li {
text-align: left;
padding: 3px 5px;
}
.panel-code {
font-family: Menlo, Monaco, Consolas, "Courier New" , monospace;
background-color: #f9f2f4;
text-align: left;
white-space: pre;
overflow: scroll;
}
.panel-code:before {
content: '';
}
.panel-code:after {
content: '';
}
code>b {
color: #600;
}
li.list-group-item>a { padding: 0px; }
li.list-group-item.active>a { color: #fff; }
li.list-group-item>a:hover { background: none; }
</style>
<script>
$(document).ready(function() {
$('.panel-sample').each(function (index, element) {
/* Get the HTML of the element and split it by line */
var s = $(element).html();
var a = s.split(/\n/);
/* Remove leading and trailing empty lines */
var x;
for (x = 0; (x < a.length) && (a[x].match(/^\s*$/) != null); x++);
a.splice(0, x);
for (x = a.length; (x > 0) && (a[x - 1].match(/^\s*$/) != null); x --);
a.splice(x, a.length - x);
/* Calculate the leading whitespace in the code block */
var w = new Array(1000).join(' ');
for (x in a) {
/* Ignore empty lines */
if (a[x].match(/^\s*$/)) continue;
/* Figure out the leading space */
var l = a[x].match(/^\s*/);
if (l == null) continue;
var l = l.toString();
if (l.length < w.length) w = l;
}
/* Remove the leading whitespace in each line */
if (w.length < 999) for (x in a) a[x] = a[x].substring(w.length);
/* Prettify */
$('<div class="panel-body panel-code"/>')
.html(prettyPrintOne($('<div/>').text(a.join('\n')).html(), 'html'))
.insertBefore(element);
});
});
</script>
</head>
<body data-spy="scroll" data-target=".mynavigation">
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<span class="navbar-brand">Languages for Bootstrap 3</span>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="https://github.com/usrz/bootstrap-languages">GitHub Project</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.usrz.com/">&copy; USRZ.COM</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-2 mynavigation">
<ul class="list-group nav" data-spy="affix">
<li class="list-group-item"><a href="#navigation-1">Supported languages</a></li>
<li class="list-group-item"><a href="#navigation-2">Basic usage</a></li>
<li class="list-group-item"><a href="#navigation-3">Label types</a></li>
<li class="list-group-item"><a href="#navigation-4">Icon sizes</a></li>
<li class="list-group-item"><a href="#navigation-5">Usage in headings</a></li>
<li class="list-group-item"><a href="#navigation-6">Usage in text</a></li>
<li class="list-group-item"><a href="#navigation-7">Usage in buttons</a></li>
<li class="list-group-item"><a href="#navigation-8">Usage in drop downs</a></li>
</ul>
</div>
<div class="col-sm-10">
<!-- + ================================================================ +
| SUPPORTED LANGUAGES |
+ ================================================================ + -->
<h1 id="navigation-1">Supported languages</h1>
<p>
<em>Languages for Bootstrap 3</em> provides an easy way to add
language labels to your <em>Bootstrap</em> code.
</p>
<p>
It currently supports the following 43 languages:
</p>
<div class="well panel-narrow">
<div class="row">
<div class="col-sm-4">
<p><span class="lang-sm lang-lbl-full" lang="ar"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="be"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="bg"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="cs"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="da"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="de"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="el"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="en"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="es"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="et"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="fi"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="fr"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="ga"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="hi"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="hr"></span></p>
</div>
<div class="col-sm-4">
<p><span class="lang-sm lang-lbl-full" lang="hu"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="in"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="is"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="it"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="iw"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="ja"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="ko"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="lt"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="lv"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="mk"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="ms"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="mt"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="nl"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="no"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="pl"></span></p>
</div>
<div class="col-sm-4">
<p><span class="lang-sm lang-lbl-full" lang="pt"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="ro"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="ru"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="sk"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="sl"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="sq"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="sr"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="sv"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="th"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="tr"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="uk"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="vi"></span></p>
<p><span class="lang-sm lang-lbl-full" lang="zh"></span></p>
<p>&nbsp;</p>
<p><span class="lang-sm lang-lbl-full" ></span></p>
</div>
</div>
</div>
<!-- + ================================================================ +
| BASIC USAGE |
+ ================================================================ + -->
<h1 id="navigation-2">Basic Usage</h1>
<p>
In order to use language labels and icons, first of all download
the latest <a href="languages.min.css" download>CSS</a> and
<a href="languages.png" download>sprites</a>. Upload them somewhere
and <code>&lt;link .../&gt;</code> the CSS from your HTML page.
</p>
<p>
After adding the CSS to your page, language labels can be added
using a <code>span</code> tag with a <code>lang</code>attribute.
</p>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
This is an exaple in the <span class="lang-sm lang-lbl" lang="en"></span> language.
</div>
</div>
<!-- + ================================================================ +
| LABEL TYPES |
+ ================================================================ + -->
<h1 id="navigation-3">Label types</h1>
<p>Labels for the various icons can be applied automatically either in the native language, or in english, or both:</p>
<ul>
<li><b>native language</b> using the <code>lang-lbl</code> class,</li>
<li><b>english</b> using the <code>lang-lbl-en</code> class,</li>
<li><b>both native and english</b> using the <code>lang-lbl-full</code> class,</li>
</ul>
<p>Labels are omitted when one of the above mentioned classes is not used.</p>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
A native label &nbsp;<span class="lang-sm lang-lbl" lang="ja"></span>&nbsp;,
then in english &nbsp;<span class="lang-sm lang-lbl-en" lang="ja"></span>&nbsp; and
and finally using both &nbsp;<span class="lang-sm lang-lbl-full" lang="ja"></span>&nbsp;.
</div>
</div>
<!-- + =========================================================== +
| LABEL TYPES |
+ =========================================================== + -->
<h1 id="navigation-4">Icon sizes</h1>
<p>The icons for labels come in 3 different sizes:</p>
<ul>
<li><b>extra small</b> <small>(14x11 pixels)</small> using the <code>lang-xs</code> class,</li>
<li><b>small</b> <small>(22x16 pixels)</small> using the <code>lang-sm</code> class and</li>
<li><b>large</b> <small>(30x22 pixels)</small> using the <code>lang-lg</code> class.</li>
</ul>
<p>Icons are omitted when one of the above mentioned classes is not used.</p>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
Icons come in
extra small <span class="lang-xs" lang="is"></span>
small <span class="lang-sm" lang="is"></span> or
large <span class="lang-lg" lang="is"></span>
</div>
</div>
<!-- + ================================================================ +
| USAGE IN HEADINGS |
+ ================================================================ + -->
<h1 id="navigation-5">Usage in headings</h1>
<p>
Label placement has been optimized for use in <em>Bootstrap</em>'s
default heading styles. Simply placing them within the various
<code>&lt;hX&gt;...&lt;/hX&gt;</code> tags should adjust their
position relative to the line.
</p>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
<h1><span class="lang-lg lang-lbl" lang="be"></span> large in a <code>&lt;h1/&gt;</code> heading</h1>
<h1><span class="lang-sm lang-lbl" lang="bg"></span> small in a <code>&lt;h1/&gt;</code> heading</h1>
<h1><span class="lang-xs lang-lbl" lang="cs"></span> x-small in a <code>&lt;h1/&gt;</code> heading</h1>
<hr/>
<h2><span class="lang-lg lang-lbl" lang="de"></span> large in a <code>&lt;h2/&gt;</code> heading</h2>
<h2><span class="lang-sm lang-lbl" lang="el"></span> small in a <code>&lt;h2/&gt;</code> heading</h2>
<h2><span class="lang-xs lang-lbl" lang="en"></span> x-small in a <code>&lt;h2/&gt;</code> heading</h2>
<hr/>
<h3><span class="lang-lg lang-lbl" lang="et"></span> large in a <code>&lt;h3/&gt;</code> heading</h3>
<h3><span class="lang-sm lang-lbl" lang="fi"></span> small in a <code>&lt;h3/&gt;</code> heading</h3>
<h3><span class="lang-xs lang-lbl" lang="fr"></span> x-small in a <code>&lt;h3/&gt;</code> heading</h3>
<hr/>
<h4><span class="lang-lg lang-lbl" lang="hi"></span> large in a <code>&lt;h4/&gt;</code> heading</h4>
<h4><span class="lang-sm lang-lbl" lang="hr"></span> small in a <code>&lt;h4/&gt;</code> heading</h4>
<h4><span class="lang-xs lang-lbl" lang="hu"></span> x-small in a <code>&lt;h4/&gt;</code> heading</h4>
<hr/>
<h5><span class="lang-sm lang-lbl" lang="it"></span> small in a <code>&lt;h5/&gt;</code> heading</h5>
<h5><span class="lang-xs lang-lbl" lang="iw"></span> x-small in a <code>&lt;h5/&gt;</code> heading</h5>
<hr/>
<h6><span class="lang-xs lang-lbl" lang="lv"></span> x-small in a <code>&lt;h6/&gt;</code> heading</h6>
</div>
</div>
<!-- + ================================================================ +
| USAGE IN HEADINGS |
+ ================================================================ + -->
<h1 id="navigation-6">Usage in text</h1>
<p>
Label placement has also been optimized for use in <em>Bootstrap</em>'s
standard paragraphs.
</p>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
<p class="lead"><span class="lang-lg lang-lbl" lang="ms"></span> large in a <code>.lead</code> paragraph</p>
<p class="lead"><span class="lang-sm lang-lbl" lang="mt"></span> small in a <code>.lead</code> paragraph</p>
<p class="lead"><span class="lang-xs lang-lbl" lang="nl"></span> x-small in a <code>.lead</code> paragraph</p>
<hr/>
<p><span class="lang-sm lang-lbl" lang="pt"></span> small in a standard paragraph</p>
<p><span class="lang-xs lang-lbl" lang="ro"></span> x-small in a standard paragraph</p>
<hr/>
<p><small><span class="lang-sm lang-lbl" lang="sl"></span> small in a <code>&lt;small/&gt;</code> section</small></p>
<p><small><span class="lang-xs lang-lbl" lang="sq"></span> x-small in a <code>&lt;small/&gt;</code> section</small></p>
</div>
</div>
<!-- + ================================================================ +
| USAGE IN BUTTONS |
+ ================================================================ + -->
<h1 id="navigation-7">Usage in buttons</h1>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
<p>In large buttons:</p>
<button type="button" class="btn btn-default btn-lg">
<span class="lang-lg lang-lbl" lang="sr"></span> (large)
</button>
<button type="button" class="btn btn-default btn-lg">
<span class="lang-sm lang-lbl" lang="sv"></span> (small)
</button>
<button type="button" class="btn btn-default btn-lg">
<span class="lang-xs lang-lbl" lang="th"></span> (extra small)
</button>
<hr/>
<p>In regular buttons:</p>
<button type="button" class="btn btn-default">
<span class="lang-sm lang-lbl" lang="tr"></span> (small)
</button>
<button type="button" class="btn btn-default">
<span class="lang-xs lang-lbl" lang="uk"></span> (extra small)
</button>
<hr/>
<p>In small and extra small buttons:</p>
<button type="button" class="btn btn-default btn-sm">
<span class="lang-xs lang-lbl" lang="vi"></span> (extra small)
</button>
<button type="button" class="btn btn-default btn-xs">
<span class="lang-xs lang-lbl" lang="zh"></span> (extra small)
</button>
</div>
</div>
<!-- + ================================================================ +
| USAGE IN DROP DOWNS |
+ ================================================================ + -->
<h1 id="navigation-8">Usage in drop downs</h1>
<div class="panel panel-default panel-narrow">
<div class="panel-body panel-sample">
<div class="btn-group dropup">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="lang-sm lang-lbl-full" lang="it"></span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><span class="lang-sm lang-lbl-full" lang="ar"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="be"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="bg"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="cs"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="da"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="de"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="el"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="en"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="es"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="et"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="fi"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="fr"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="ga"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="hi"></span></li>
<li><span class="lang-sm lang-lbl-full" lang="hr"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<hr/>
<h6 class="text-center">
Copyright &copy; 2014 <a href="http://www.usrz.com/">USRZ.com</a> and
Pier Paolo Fumagalli. Distributed under the terms of the
<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache Software
License, Version 2.</a>
</h6>
</body>
</html>

@ -0,0 +1,403 @@
/* ========================================================================== *
* Copyright 2014 USRZ.com and Pier Paolo Fumagalli *
* -------------------------------------------------------------------------- *
* Licensed under the Apache License, Version 2.0 (the "License"); *
* you may not use this file except in compliance with the License. *
* You may obtain a copy of the License at *
* *
* http://www.apache.org/licenses/LICENSE-2.0 *
* *
* Unless required by applicable law or agreed to in writing, software *
* distributed under the License is distributed on an "AS IS" BASIS, *
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. *
* See the License for the specific language governing permissions and *
* limitations under the License. *
* ========================================================================== */
/* Define properties for our icons (default to the unknown language flag) */
.lang-xs { background-position: 0px -473px; min-width: 14px; height: 11px; min-height: 11px; max-height: 11px; background-repeat: no-repeat; display: inline-block; background-image: url('./languages.png'); }
.lang-sm { background-position: 0px -1172px; min-width: 22px; height: 16px; min-height: 16px; max-height: 16px; background-repeat: no-repeat; display: inline-block; background-image: url('./languages.png'); }
.lang-lg { background-position: 0px -2134px; min-width: 30px; height: 22px; min-height: 22px; max-height: 22px; background-repeat: no-repeat; display: inline-block; background-image: url('./languages.png'); }
/* Positions in our sprite for xs-sized images */
.lang-xs[lang=ar] { background-position: 0px 0px; }
.lang-xs[lang=be] { background-position: 0px -11px; }
.lang-xs[lang=bg] { background-position: 0px -22px; }
.lang-xs[lang=cs] { background-position: 0px -33px; }
.lang-xs[lang=da] { background-position: 0px -44px; }
.lang-xs[lang=de] { background-position: 0px -55px; }
.lang-xs[lang=el] { background-position: 0px -66px; }
.lang-xs[lang=en] { background-position: 0px -77px; }
.lang-xs[lang=es] { background-position: 0px -88px; }
.lang-xs[lang=et] { background-position: 0px -99px; }
.lang-xs[lang=fi] { background-position: 0px -110px; }
.lang-xs[lang=fr] { background-position: 0px -121px; }
.lang-xs[lang=ga] { background-position: 0px -132px; }
.lang-xs[lang=hi] { background-position: 0px -143px; }
.lang-xs[lang=hr] { background-position: 0px -154px; }
.lang-xs[lang=hu] { background-position: 0px -165px; }
.lang-xs[lang=in] { background-position: 0px -176px; }
.lang-xs[lang=is] { background-position: 0px -187px; }
.lang-xs[lang=it] { background-position: 0px -198px; }
.lang-xs[lang=iw] { background-position: 0px -209px; }
.lang-xs[lang=ja] { background-position: 0px -220px; }
.lang-xs[lang=ko] { background-position: 0px -231px; }
.lang-xs[lang=lt] { background-position: 0px -242px; }
.lang-xs[lang=lv] { background-position: 0px -253px; }
.lang-xs[lang=mk] { background-position: 0px -264px; }
.lang-xs[lang=ms] { background-position: 0px -275px; }
.lang-xs[lang=mt] { background-position: 0px -286px; }
.lang-xs[lang=nl] { background-position: 0px -297px; }
.lang-xs[lang=no] { background-position: 0px -308px; }
.lang-xs[lang=pl] { background-position: 0px -319px; }
.lang-xs[lang=pt] { background-position: 0px -330px; }
.lang-xs[lang=ro] { background-position: 0px -341px; }
.lang-xs[lang=ru] { background-position: 0px -352px; }
.lang-xs[lang=sk] { background-position: 0px -363px; }
.lang-xs[lang=sl] { background-position: 0px -374px; }
.lang-xs[lang=sq] { background-position: 0px -385px; }
.lang-xs[lang=sr] { background-position: 0px -396px; }
.lang-xs[lang=sv] { background-position: 0px -407px; }
.lang-xs[lang=th] { background-position: 0px -418px; }
.lang-xs[lang=tr] { background-position: 0px -429px; }
.lang-xs[lang=uk] { background-position: 0px -440px; }
.lang-xs[lang=vi] { background-position: 0px -451px; }
.lang-xs[lang=zh] { background-position: 0px -462px; }
/* Positions in our sprite for sm-sized images */
.lang-sm[lang=ar] { background-position: 0px -484px; }
.lang-sm[lang=be] { background-position: 0px -500px; }
.lang-sm[lang=bg] { background-position: 0px -516px; }
.lang-sm[lang=cs] { background-position: 0px -532px; }
.lang-sm[lang=da] { background-position: 0px -548px; }
.lang-sm[lang=de] { background-position: 0px -564px; }
.lang-sm[lang=el] { background-position: 0px -580px; }
.lang-sm[lang=en] { background-position: 0px -596px; }
.lang-sm[lang=es] { background-position: 0px -612px; }
.lang-sm[lang=et] { background-position: 0px -628px; }
.lang-sm[lang=fi] { background-position: 0px -644px; }
.lang-sm[lang=fr] { background-position: 0px -660px; }
.lang-sm[lang=ga] { background-position: 0px -676px; }
.lang-sm[lang=hi] { background-position: 0px -692px; }
.lang-sm[lang=hr] { background-position: 0px -708px; }
.lang-sm[lang=hu] { background-position: 0px -724px; }
.lang-sm[lang=in] { background-position: 0px -740px; }
.lang-sm[lang=is] { background-position: 0px -756px; }
.lang-sm[lang=it] { background-position: 0px -772px; }
.lang-sm[lang=iw] { background-position: 0px -788px; }
.lang-sm[lang=ja] { background-position: 0px -804px; }
.lang-sm[lang=ko] { background-position: 0px -820px; }
.lang-sm[lang=lt] { background-position: 0px -836px; }
.lang-sm[lang=lv] { background-position: 0px -852px; }
.lang-sm[lang=mk] { background-position: 0px -868px; }
.lang-sm[lang=ms] { background-position: 0px -884px; }
.lang-sm[lang=mt] { background-position: 0px -900px; }
.lang-sm[lang=nl] { background-position: 0px -916px; }
.lang-sm[lang=no] { background-position: 0px -932px; }
.lang-sm[lang=pl] { background-position: 0px -948px; }
.lang-sm[lang=pt] { background-position: 0px -964px; }
.lang-sm[lang=ro] { background-position: 0px -980px; }
.lang-sm[lang=ru] { background-position: 0px -996px; }
.lang-sm[lang=sk] { background-position: 0px -1012px; }
.lang-sm[lang=sl] { background-position: 0px -1028px; }
.lang-sm[lang=sq] { background-position: 0px -1044px; }
.lang-sm[lang=sr] { background-position: 0px -1060px; }
.lang-sm[lang=sv] { background-position: 0px -1076px; }
.lang-sm[lang=th] { background-position: 0px -1092px; }
.lang-sm[lang=tr] { background-position: 0px -1108px; }
.lang-sm[lang=uk] { background-position: 0px -1124px; }
.lang-sm[lang=vi] { background-position: 0px -1140px; }
.lang-sm[lang=zh] { background-position: 0px -1156px; }
/* Positions in our sprite for lg-sized images */
.lang-lg[lang=ar] { background-position: 0px -1188px; }
.lang-lg[lang=be] { background-position: 0px -1210px; }
.lang-lg[lang=bg] { background-position: 0px -1232px; }
.lang-lg[lang=cs] { background-position: 0px -1254px; }
.lang-lg[lang=da] { background-position: 0px -1276px; }
.lang-lg[lang=de] { background-position: 0px -1298px; }
.lang-lg[lang=el] { background-position: 0px -1320px; }
.lang-lg[lang=en] { background-position: 0px -1342px; }
.lang-lg[lang=es] { background-position: 0px -1364px; }
.lang-lg[lang=et] { background-position: 0px -1386px; }
.lang-lg[lang=fi] { background-position: 0px -1408px; }
.lang-lg[lang=fr] { background-position: 0px -1430px; }
.lang-lg[lang=ga] { background-position: 0px -1452px; }
.lang-lg[lang=hi] { background-position: 0px -1474px; }
.lang-lg[lang=hr] { background-position: 0px -1496px; }
.lang-lg[lang=hu] { background-position: 0px -1518px; }
.lang-lg[lang=in] { background-position: 0px -1540px; }
.lang-lg[lang=is] { background-position: 0px -1562px; }
.lang-lg[lang=it] { background-position: 0px -1584px; }
.lang-lg[lang=iw] { background-position: 0px -1606px; }
.lang-lg[lang=ja] { background-position: 0px -1628px; }
.lang-lg[lang=ko] { background-position: 0px -1650px; }
.lang-lg[lang=lt] { background-position: 0px -1672px; }
.lang-lg[lang=lv] { background-position: 0px -1694px; }
.lang-lg[lang=mk] { background-position: 0px -1716px; }
.lang-lg[lang=ms] { background-position: 0px -1738px; }
.lang-lg[lang=mt] { background-position: 0px -1760px; }
.lang-lg[lang=nl] { background-position: 0px -1782px; }
.lang-lg[lang=no] { background-position: 0px -1804px; }
.lang-lg[lang=pl] { background-position: 0px -1826px; }
.lang-lg[lang=pt] { background-position: 0px -1848px; }
.lang-lg[lang=ro] { background-position: 0px -1870px; }
.lang-lg[lang=ru] { background-position: 0px -1892px; }
.lang-lg[lang=sk] { background-position: 0px -1914px; }
.lang-lg[lang=sl] { background-position: 0px -1936px; }
.lang-lg[lang=sq] { background-position: 0px -1958px; }
.lang-lg[lang=sr] { background-position: 0px -1980px; }
.lang-lg[lang=sv] { background-position: 0px -2002px; }
.lang-lg[lang=th] { background-position: 0px -2024px; }
.lang-lg[lang=tr] { background-position: 0px -2046px; }
.lang-lg[lang=uk] { background-position: 0px -2068px; }
.lang-lg[lang=vi] { background-position: 0px -2090px; }
.lang-lg[lang=zh] { background-position: 0px -2112px; }
/* Labels for the unknown language */
.lang-lbl:after { content: "Unknown language"; }
.lang-lbl-en:after { content: "Unknown language"; }
.lang-lbl-full:after { content: "Unknown language"; }
/* Labels in native (default) language */
.lang-lbl[lang=ar]:after { content: "\000627\000644\000639\000631\000628\00064A\000629"; }
.lang-lbl[lang=be]:after { content: "\000411\000435\00043B\000430\000440\000443\000441\00043A\000456"; }
.lang-lbl[lang=bg]:after { content: "\000411\00044A\00043B\000433\000430\000440\000441\00043A\000438"; }
.lang-lbl[lang=cs]:after { content: "\00010Ce\000161tina"; }
.lang-lbl[lang=da]:after { content: "Dansk"; }
.lang-lbl[lang=de]:after { content: "Deutsch"; }
.lang-lbl[lang=el]:after { content: "\000395\0003BB\0003BB\0003B7\0003BD\0003B9\0003BA\0003AC"; }
.lang-lbl[lang=en]:after { content: "English"; }
.lang-lbl[lang=es]:after { content: "Espa\0000F1ol"; }
.lang-lbl[lang=et]:after { content: "Eesti"; }
.lang-lbl[lang=fi]:after { content: "Suomi"; }
.lang-lbl[lang=fr]:after { content: "Fran\0000E7ais"; }
.lang-lbl[lang=ga]:after { content: "Gaeilge"; }
.lang-lbl[lang=hi]:after { content: "\000939\00093F\000902\000926\000940"; }
.lang-lbl[lang=hr]:after { content: "Hrvatski"; }
.lang-lbl[lang=hu]:after { content: "Magyar"; }
.lang-lbl[lang=in]:after { content: "Bahasa\000020indonesia"; }
.lang-lbl[lang=is]:after { content: "\0000CDslenska"; }
.lang-lbl[lang=it]:after { content: "Italiano"; }
.lang-lbl[lang=iw]:after { content: "\0005E2\0005D1\0005E8\0005D9\0005EA"; }
.lang-lbl[lang=ja]:after { content: "\0065E5\00672C\008A9E"; }
.lang-lbl[lang=ko]:after { content: "\00D55C\00AD6D\00C5B4"; }
.lang-lbl[lang=lt]:after { content: "Lietuvi\000173"; }
.lang-lbl[lang=lv]:after { content: "Latvie\000161u"; }
.lang-lbl[lang=mk]:after { content: "\00041C\000430\00043A\000435\000434\00043E\00043D\000441\00043A\000438"; }
.lang-lbl[lang=ms]:after { content: "Bahasa\000020melayu"; }
.lang-lbl[lang=mt]:after { content: "Malti"; }
.lang-lbl[lang=nl]:after { content: "Nederlands"; }
.lang-lbl[lang=no]:after { content: "Norsk"; }
.lang-lbl[lang=pl]:after { content: "Polski"; }
.lang-lbl[lang=pt]:after { content: "Portugu\0000EAs"; }
.lang-lbl[lang=ro]:after { content: "Rom\0000E2n\000103"; }
.lang-lbl[lang=ru]:after { content: "\000420\000443\000441\000441\00043A\000438\000439"; }
.lang-lbl[lang=sk]:after { content: "Sloven\00010Dina"; }
.lang-lbl[lang=sl]:after { content: "Sloven\000161\00010Dina"; }
.lang-lbl[lang=sq]:after { content: "Shqipe"; }
.lang-lbl[lang=sr]:after { content: "\000421\000440\00043F\000441\00043A\000438"; }
.lang-lbl[lang=sv]:after { content: "Svenska"; }
.lang-lbl[lang=th]:after { content: "\000E44\000E17\000E22"; }
.lang-lbl[lang=tr]:after { content: "T\0000FCrk\0000E7e"; }
.lang-lbl[lang=uk]:after { content: "\000423\00043A\000440\000430\000457\00043D\000441\00044C\00043A\000430"; }
.lang-lbl[lang=vi]:after { content: "Ti\001EBFng\000020vi\001EC7t"; }
.lang-lbl[lang=zh]:after { content: "\004E2D\006587"; }
/* Labels in english language */
.lang-lbl-en[lang=ar]:after { content: "Arabic"; }
.lang-lbl-en[lang=be]:after { content: "Belarusian"; }
.lang-lbl-en[lang=bg]:after { content: "Bulgarian"; }
.lang-lbl-en[lang=cs]:after { content: "Czech"; }
.lang-lbl-en[lang=da]:after { content: "Danish"; }
.lang-lbl-en[lang=de]:after { content: "German"; }
.lang-lbl-en[lang=el]:after { content: "Greek"; }
.lang-lbl-en[lang=en]:after { content: "English"; }
.lang-lbl-en[lang=es]:after { content: "Spanish"; }
.lang-lbl-en[lang=et]:after { content: "Estonian"; }
.lang-lbl-en[lang=fi]:after { content: "Finnish"; }
.lang-lbl-en[lang=fr]:after { content: "French"; }
.lang-lbl-en[lang=ga]:after { content: "Irish"; }
.lang-lbl-en[lang=hi]:after { content: "Hindi"; }
.lang-lbl-en[lang=hr]:after { content: "Croatian"; }
.lang-lbl-en[lang=hu]:after { content: "Hungarian"; }
.lang-lbl-en[lang=in]:after { content: "Indonesian"; }
.lang-lbl-en[lang=is]:after { content: "Icelandic"; }
.lang-lbl-en[lang=it]:after { content: "Italian"; }
.lang-lbl-en[lang=iw]:after { content: "Hebrew"; }
.lang-lbl-en[lang=ja]:after { content: "Japanese"; }
.lang-lbl-en[lang=ko]:after { content: "Korean"; }
.lang-lbl-en[lang=lt]:after { content: "Lithuanian"; }
.lang-lbl-en[lang=lv]:after { content: "Latvian"; }
.lang-lbl-en[lang=mk]:after { content: "Macedonian"; }
.lang-lbl-en[lang=ms]:after { content: "Malay"; }
.lang-lbl-en[lang=mt]:after { content: "Maltese"; }
.lang-lbl-en[lang=nl]:after { content: "Dutch"; }
.lang-lbl-en[lang=no]:after { content: "Norwegian"; }
.lang-lbl-en[lang=pl]:after { content: "Polish"; }
.lang-lbl-en[lang=pt]:after { content: "Portuguese"; }
.lang-lbl-en[lang=ro]:after { content: "Romanian"; }
.lang-lbl-en[lang=ru]:after { content: "Russian"; }
.lang-lbl-en[lang=sk]:after { content: "Slovak"; }
.lang-lbl-en[lang=sl]:after { content: "Slovenian"; }
.lang-lbl-en[lang=sq]:after { content: "Albanian"; }
.lang-lbl-en[lang=sr]:after { content: "Serbian"; }
.lang-lbl-en[lang=sv]:after { content: "Swedish"; }
.lang-lbl-en[lang=th]:after { content: "Thai"; }
.lang-lbl-en[lang=tr]:after { content: "Turkish"; }
.lang-lbl-en[lang=uk]:after { content: "Ukrainian"; }
.lang-lbl-en[lang=vi]:after { content: "Vietnamese"; }
.lang-lbl-en[lang=zh]:after { content: "Chinese"; }
/* Combined native/english labels */
.lang-lbl-full[lang=ar]:after { content: "\000627\000644\000639\000631\000628\00064A\000629\0000A0/\0000A0Arabic"; }
.lang-lbl-full[lang=be]:after { content: "\000411\000435\00043B\000430\000440\000443\000441\00043A\000456\0000A0/\0000A0Belarusian"; }
.lang-lbl-full[lang=bg]:after { content: "\000411\00044A\00043B\000433\000430\000440\000441\00043A\000438\0000A0/\0000A0Bulgarian"; }
.lang-lbl-full[lang=cs]:after { content: "\00010Ce\000161tina\0000A0/\0000A0Czech"; }
.lang-lbl-full[lang=da]:after { content: "Dansk\0000A0/\0000A0Danish"; }
.lang-lbl-full[lang=de]:after { content: "Deutsch\0000A0/\0000A0German"; }
.lang-lbl-full[lang=el]:after { content: "\000395\0003BB\0003BB\0003B7\0003BD\0003B9\0003BA\0003AC\0000A0/\0000A0Greek"; }
.lang-lbl-full[lang=en]:after { content: "English\0000A0/\0000A0English"; }
.lang-lbl-full[lang=es]:after { content: "Espa\0000F1ol\0000A0/\0000A0Spanish"; }
.lang-lbl-full[lang=et]:after { content: "Eesti\0000A0/\0000A0Estonian"; }
.lang-lbl-full[lang=fi]:after { content: "Suomi\0000A0/\0000A0Finnish"; }
.lang-lbl-full[lang=fr]:after { content: "Fran\0000E7ais\0000A0/\0000A0French"; }
.lang-lbl-full[lang=ga]:after { content: "Gaeilge\0000A0/\0000A0Irish"; }
.lang-lbl-full[lang=hi]:after { content: "\000939\00093F\000902\000926\000940\0000A0/\0000A0Hindi"; }
.lang-lbl-full[lang=hr]:after { content: "Hrvatski\0000A0/\0000A0Croatian"; }
.lang-lbl-full[lang=hu]:after { content: "Magyar\0000A0/\0000A0Hungarian"; }
.lang-lbl-full[lang=in]:after { content: "Bahasa\000020indonesia\0000A0/\0000A0Indonesian"; }
.lang-lbl-full[lang=is]:after { content: "\0000CDslenska\0000A0/\0000A0Icelandic"; }
.lang-lbl-full[lang=it]:after { content: "Italiano\0000A0/\0000A0Italian"; }
.lang-lbl-full[lang=iw]:after { content: "\0005E2\0005D1\0005E8\0005D9\0005EA\0000A0/\0000A0Hebrew"; }
.lang-lbl-full[lang=ja]:after { content: "\0065E5\00672C\008A9E\0000A0/\0000A0Japanese"; }
.lang-lbl-full[lang=ko]:after { content: "\00D55C\00AD6D\00C5B4\0000A0/\0000A0Korean"; }
.lang-lbl-full[lang=lt]:after { content: "Lietuvi\000173\0000A0/\0000A0Lithuanian"; }
.lang-lbl-full[lang=lv]:after { content: "Latvie\000161u\0000A0/\0000A0Latvian"; }
.lang-lbl-full[lang=mk]:after { content: "\00041C\000430\00043A\000435\000434\00043E\00043D\000441\00043A\000438\0000A0/\0000A0Macedonian"; }
.lang-lbl-full[lang=ms]:after { content: "Bahasa\000020melayu\0000A0/\0000A0Malay"; }
.lang-lbl-full[lang=mt]:after { content: "Malti\0000A0/\0000A0Maltese"; }
.lang-lbl-full[lang=nl]:after { content: "Nederlands\0000A0/\0000A0Dutch"; }
.lang-lbl-full[lang=no]:after { content: "Norsk\0000A0/\0000A0Norwegian"; }
.lang-lbl-full[lang=pl]:after { content: "Polski\0000A0/\0000A0Polish"; }
.lang-lbl-full[lang=pt]:after { content: "Portugu\0000EAs\0000A0/\0000A0Portuguese"; }
.lang-lbl-full[lang=ro]:after { content: "Rom\0000E2n\000103\0000A0/\0000A0Romanian"; }
.lang-lbl-full[lang=ru]:after { content: "\000420\000443\000441\000441\00043A\000438\000439\0000A0/\0000A0Russian"; }
.lang-lbl-full[lang=sk]:after { content: "Sloven\00010Dina\0000A0/\0000A0Slovak"; }
.lang-lbl-full[lang=sl]:after { content: "Sloven\000161\00010Dina\0000A0/\0000A0Slovenian"; }
.lang-lbl-full[lang=sq]:after { content: "Shqipe\0000A0/\0000A0Albanian"; }
.lang-lbl-full[lang=sr]:after { content: "\000421\000440\00043F\000441\00043A\000438\0000A0/\0000A0Serbian"; }
.lang-lbl-full[lang=sv]:after { content: "Svenska\0000A0/\0000A0Swedish"; }
.lang-lbl-full[lang=th]:after { content: "\000E44\000E17\000E22\0000A0/\0000A0Thai"; }
.lang-lbl-full[lang=tr]:after { content: "T\0000FCrk\0000E7e\0000A0/\0000A0Turkish"; }
.lang-lbl-full[lang=uk]:after { content: "\000423\00043A\000440\000430\000457\00043D\000441\00044C\00043A\000430\0000A0/\0000A0Ukrainian"; }
.lang-lbl-full[lang=vi]:after { content: "Ti\001EBFng\000020vi\001EC7t\0000A0/\0000A0Vietnamese"; }
.lang-lbl-full[lang=zh]:after { content: "\004E2D\006587\0000A0/\0000A0Chinese"; }
/* One breaking space if we have an image */
.lang-xs:before,
.lang-sm:before,
.lang-lg:before { content: '\0000A0'; }
/* Pad the image and remove the non-breaking space when we have both an icon and a label */
.lang-xs.lang-lbl,
.lang-xs.lang-lbl-en,
.lang-xs.lang-lbl-full { padding-left: 16px; }
.lang-sm.lang-lbl,
.lang-sm.lang-lbl-en,
.lang-sm.lang-lbl-full { padding-left: 24px; }
.lang-lg.lang-lbl,
.lang-lg.lang-lbl-en,
.lang-lg.lang-lbl-full { padding-left: 32px; }
.lang-xs.lang-lbl:before,
.lang-sm.lang-lbl:before,
.lang-lg.lang-lbl:before,
.lang-xs.lang-lbl-en:before,
.lang-sm.lang-lbl-en:before,
.lang-lg.lang-lbl-en:before,
.lang-xs.lang-lbl-full:before,
.lang-sm.lang-lbl-full:before,
.lang-lg.lang-lbl-full:before { content: ''; }
/* Adjustments for paragraphs */
.lang-lg,
.lang-lg:after { top: 0px; position: relative; }
.lang-sm { top: 1px; position: relative; }
.lang-sm:after { top: -1px; position: relative; }
.lang-xs { top: 4px; position: relative; }
.lang-xs:after { top: -4px; position: relative; }
.lead>.lang-lg { top: 2px; }
.lead>.lang-lg:after { top: -2px; }
.lead>.lang-sm { top: 6px; }
.lead>.lang-sm:after { top: -6px; }
.lead>.lang-xs { top: 8px; }
.lead>.lang-xs:after { top: -8px; }
small>.lang-sm { top: -1px; }
small>.lang-sm:after { top: 1px; }
small>.lang-xs { top: 2px; }
small>.lang-xs:after { top: -2px; }
/* Adjustments for headings */
h1>.lang-lg { top: 9px; }
h1>.lang-lg:after { top: -9px; }
h1>.lang-sm { top: 12px; }
h1>.lang-sm:after { top: -12px; }
h1>.lang-xs { top: 14px; }
h1>.lang-xs:after { top: -14px; }
h2>.lang-lg { top: 5px; }
h2>.lang-lg:after { top: -5px; }
h2>.lang-sm { top: 8px; }
h2>.lang-sm:after { top: -8px; }
h2>.lang-xs { top: 10px; }
h2>.lang-xs:after { top: -10px; }
h3>.lang-lg { top: 1px; }
h3>.lang-lg:after { top: -1px; }
h3>.lang-sm { top: 5px; }
h3>.lang-sm:after { top: -5px; }
h3>.lang-xs { top: 8px; }
h3>.lang-xs:after { top: -8px; }
h4>.lang-lg { top: -1px; }
h4>.lang-lg:after { top: 1px; }
h4>.lang-sm { top: 1px; }
h4>.lang-sm:after { top: -1px; }
h4>.lang-xs { top: 4px; }
h4>.lang-xs:after { top: -4px; }
h5>.lang-sm,
h5>.lang-sm:after { top: 0px; }
h5>.lang-xs { top: 2px; }
h5>.lang-xs:after { top: -2px; }
h6>.lang-sm,
h6>.lang-sm:after { top: 0px; }
h6>.lang-xs { top: 1px; }
h6>.lang-xs:after { top: -1px; }
/* Adjustments for buttons */
.btn>.lang-sm { top: 2px; }
.btn>.lang-sm:after { top: -2px; }
.btn>.lang-xs { top: 4px; }
.btn>.lang-xs:after { top: -4px; }
.btn.btn-xs>.lang-sm,
.btn.btn-xs>.lang-sm:after { top: 0px; }
.btn.btn-xs>.lang-xs { top: 3px; }
.btn.btn-xs>.lang-xs:after { top: -3px; }
.btn.btn-sm>.lang-sm,
.btn.btn-sm>.lang-sm:after { top: 0px; }
.btn.btn-sm>.lang-xs { top: 3px; }
.btn.btn-sm>.lang-xs:after { top: -3px; }
.btn.btn-lg>.lang-lg { top: 1px; }
.btn.btn-lg>.lang-lg:after { top: -1px; }
.btn.btn-lg>.lang-sm { top: 3px; }
.btn.btn-lg>.lang-sm:after { top: -3px; }
.btn.btn-lg>.lang-xs { top: 6px; }
.btn.btn-lg>.lang-xs:after { top: -6px; }

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

@ -0,0 +1,247 @@
ad and Andorra
ae are United Arab Emirates
af afg Afghanistan
ag atg Antigua and Barbuda
ai aia Anguilla
al alb Albania
am arm Armenia
an ant Netherlands Antilles
ao ago Angola
aq ata Antarctica
ar arg Argentina
as asm American Samoa
at aut Austria
au aus Australia
aw abw Aruba
ax ala Aland Islands
az aze Azerbaijan
ba bih Bosnia and Herzegovina
bb brb Barbados
bd bgd Bangladesh
be bel Belgium
bf bfa Burkina Faso
bg bgr Bulgaria
bh bhr Bahrain
bi bdi Burundi
bj ben Benin
bl blm Saint-Barthélemy
bm bmu Bermuda
bn brn Brunei Darussalam
bo bol Bolivia
br bra Brazil
bs bhs Bahamas
bt btn Bhutan
bv bvt Bouvet Island
bw bwa Botswana
by blr Belarus
bz blz Belize
ca can Canada
cc cck Cocos (Keeling) Islands
cd cod Congo, Democratic Republic of the
cf caf Central African Republic
cg cog Congo (Brazzaville)
ch che Switzerland
ci civ Côte d'Ivoire
ck cok Cook Islands
cl chl Chile
cm cmr Cameroon
cn chn China
co col Colombia
cr cri Costa Rica
cu cub Cuba
cv cpv Cape Verde
cx cxr Christmas Island
cy cyp Cyprus
cz cze Czech Republic
de deu Germany
dj dji Djibouti
dk dnk Denmark
dm dma Dominica
do dom Dominican Republic
dz dza Algeria
ec ecu Ecuador
ee est Estonia
eg egy Egypt
eh esh Western Sahara
er eri Eritrea
es esp Spain
et eth Ethiopia
fi fin Finland
fj fji Fiji
fk flk Falkland Islands (Malvinas)
fm fsm Micronesia, Federated States of
fo fro Faroe Islands
fr fra France
ga gab Gabon
gb gbr United Kingdom
gd grd Grenada
ge geo Georgia
gf guf French Guiana
gg ggy Guernsey
gh gha Ghana
gi gib Gibraltar
gl grl Greenland
gm gmb Gambia
gn gin Guinea
gp glp Guadeloupe
gq gnq Equatorial Guinea
gr grc Greece
gs sgs South Georgia and the South Sandwich Islands
gt gtm Guatemala
gu gum Guam
gw gnb Guinea-Bissau
gy guy Guyana
hk hkg Hong Kong, Special Administrative Region of China
hm hmd Heard Island and Mcdonald Islands
hn hnd Honduras
hr hrv Croatia
ht hti Haiti
hu hun Hungary
id idn Indonesia
ie irl Ireland
il isr Israel
im imn Isle of Man
in ind India
io iot British Indian Ocean Territory
iq irq Iraq
ir irn Iran, Islamic Republic of
is isl Iceland
it ita Italy
je jey Jersey
jm jam Jamaica
jo jor Jordan
jp jpn Japan
ke ken Kenya
kg kgz Kyrgyzstan
kh khm Cambodia
ki kir Kiribati
km com Comoros
kn kna Saint Kitts and Nevis
kp prk Korea, Democratic People's Republic of
kr kor Korea, Republic of
kw kwt Kuwait
ky cym Cayman Islands
kz kaz Kazakhstan
la lao Lao PDR
lb lbn Lebanon
lc lca Saint Lucia
li lie Liechtenstein
lk lka Sri Lanka
lr lbr Liberia
ls lso Lesotho
lt ltu Lithuania
lu lux Luxembourg
lv lva Latvia
ly lby Libya
ma mar Morocco
mc mco Monaco
md mda Moldova
me mne Montenegro
mf maf Saint-Martin (French part)
mg mdg Madagascar
mh mhl Marshall Islands
mk mkd Macedonia, Republic of
ml mli Mali
mm mmr Myanmar
mn mng Mongolia
mo mac Macao, Special Administrative Region of China
mp mnp Northern Mariana Islands
mq mtq Martinique
mr mrt Mauritania
ms msr Montserrat
mt mlt Malta
mu mus Mauritius
mv mdv Maldives
mw mwi Malawi
mx mex Mexico
my mys Malaysia
mz moz Mozambique
na nam Namibia
nc ncl New Caledonia
ne ner Niger
nf nfk Norfolk Island
ng nga Nigeria
ni nic Nicaragua
nl nld Netherlands
no nor Norway
np npl Nepal
nr nru Nauru
nu niu Niue
nz nzl New Zealand
om omn Oman
pa pan Panama
pe per Peru
pf pyf French Polynesia
pg png Papua New Guinea
ph phl Philippines
pk pak Pakistan
pl pol Poland
pm spm Saint Pierre and Miquelon
pn pcn Pitcairn
pr pri Puerto Rico
ps pse Palestinian Territory, Occupied
pt prt Portugal
pw plw Palau
py pry Paraguay
qa qat Qatar
re reu Réunion
ro rou Romania
rs srb Serbia
ru rus Russian Federation
rw rwa Rwanda
sa sau Saudi Arabia
sb slb Solomon Islands
sc syc Seychelles
sd sdn Sudan
se swe Sweden
sg sgp Singapore
sh shn Saint Helena
si svn Slovenia
sj sjm Svalbard and Jan Mayen Islands
sk svk Slovakia
sl sle Sierra Leone
sm smr San Marino
sn sen Senegal
so som Somalia
sr sur Suriname *
ss ssd South Sudan
st stp Sao Tome and Principe
sv slv El Salvador
sy syr Syrian Arab Republic (Syria)
sz swz Swaziland
tc tca Turks and Caicos Islands
td tcd Chad
tf atf French Southern Territories
tg tgo Togo
th tha Thailand
tj tjk Tajikistan
tk tkl Tokelau
tl tls Timor-Leste
tm tkm Turkmenistan
tn tun Tunisia
to ton Tonga
tr tur Turkey
tt tto Trinidad and Tobago
tv tuv Tuvalu
tw twn Taiwan, Republic of China
tz tza Tanzania *, United Republic of
ua ukr Ukraine
ug uga Uganda
um umi United States Minor Outlying Islands
us usa United States of America
uy ury Uruguay
uz uzb Uzbekistan
va vat Holy See (Vatican City State)
vc vct Saint Vincent and Grenadines
ve ven Venezuela (Bolivarian Republic of)
vg vgb British Virgin Islands
vi vir Virgin Islands, US
vn vnm Viet Nam
vu vut Vanuatu
wf wlf Wallis and Futuna Islands
ws wsm Samoa
ye yem Yemen
yt myt Mayotte
za zaf South Africa
zm zmb Zambia
zw zwe Zimbabwe
Loading…
Cancel
Save