Yannick Warnier
8 years ago
commit
f1dd1466a5
@ -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/">© 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> </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><link .../></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 <span class="lang-sm lang-lbl" lang="ja"></span> , |
||||
then in english <span class="lang-sm lang-lbl-en" lang="ja"></span> and |
||||
and finally using both <span class="lang-sm lang-lbl-full" lang="ja"></span> . |
||||
</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><hX>...</hX></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><h1/></code> heading</h1> |
||||
<h1><span class="lang-sm lang-lbl" lang="bg"></span> small in a <code><h1/></code> heading</h1> |
||||
<h1><span class="lang-xs lang-lbl" lang="cs"></span> x-small in a <code><h1/></code> heading</h1> |
||||
<hr/> |
||||
<h2><span class="lang-lg lang-lbl" lang="de"></span> large in a <code><h2/></code> heading</h2> |
||||
<h2><span class="lang-sm lang-lbl" lang="el"></span> small in a <code><h2/></code> heading</h2> |
||||
<h2><span class="lang-xs lang-lbl" lang="en"></span> x-small in a <code><h2/></code> heading</h2> |
||||
<hr/> |
||||
<h3><span class="lang-lg lang-lbl" lang="et"></span> large in a <code><h3/></code> heading</h3> |
||||
<h3><span class="lang-sm lang-lbl" lang="fi"></span> small in a <code><h3/></code> heading</h3> |
||||
<h3><span class="lang-xs lang-lbl" lang="fr"></span> x-small in a <code><h3/></code> heading</h3> |
||||
<hr/> |
||||
<h4><span class="lang-lg lang-lbl" lang="hi"></span> large in a <code><h4/></code> heading</h4> |
||||
<h4><span class="lang-sm lang-lbl" lang="hr"></span> small in a <code><h4/></code> heading</h4> |
||||
<h4><span class="lang-xs lang-lbl" lang="hu"></span> x-small in a <code><h4/></code> heading</h4> |
||||
<hr/> |
||||
<h5><span class="lang-sm lang-lbl" lang="it"></span> small in a <code><h5/></code> heading</h5> |
||||
<h5><span class="lang-xs lang-lbl" lang="iw"></span> x-small in a <code><h5/></code> heading</h5> |
||||
<hr/> |
||||
<h6><span class="lang-xs lang-lbl" lang="lv"></span> x-small in a <code><h6/></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><small/></code> section</small></p> |
||||
<p><small><span class="lang-xs lang-lbl" lang="sq"></span> x-small in a <code><small/></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 © 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
|
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 |
||||
@ -1,36 +1,35 @@ |
||||
{% if _u.logged == 0 %} |
||||
{% if login_form %} |
||||
<div id="login_block" class="panel panel-default"> |
||||
<div class="panel-body"> |
||||
{{ login_language_form }} |
||||
{% if login_form %} |
||||
<div id="login_block" class="panel panel-default"> |
||||
<div class="panel-body"> |
||||
{{ login_language_form }} |
||||
{% if plugin_login_top is not null %} |
||||
<div id="plugin_login_top"> |
||||
{{ plugin_login_top }} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
{% if plugin_login_top is not null %} |
||||
<div id="plugin_login_top"> |
||||
{{ plugin_login_top }} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
{{ login_failed }} |
||||
{{ login_form }} |
||||
{{ login_failed }} |
||||
{{ login_form }} |
||||
|
||||
{% if "allow_lostpassword" | api_get_setting == 'true' or "allow_registration" | api_get_setting == 'true' %} |
||||
<ul class="nav nav-pills nav-stacked"> |
||||
{% if "allow_registration" | api_get_setting != 'false' %} |
||||
<li><a href="{{ _p.web_main }}auth/inscription.php"> {{ 'SignUp' | get_lang }} </a></li> |
||||
{% endif %} |
||||
{% if "allow_lostpassword" | api_get_setting == 'true' or "allow_registration" | api_get_setting == 'true' %} |
||||
<ul class="nav nav-pills nav-stacked"> |
||||
{% if "allow_registration" | api_get_setting != 'false' %} |
||||
<li><a href="{{ _p.web_main }}auth/inscription.php"> {{ 'SignUp' | get_lang }} </a></li> |
||||
{% endif %} |
||||
|
||||
{% if "allow_lostpassword" | api_get_setting == 'true' %} |
||||
<li><a href="{{ _p.web_main }}auth/lostPassword.php"> {{ 'LostPassword' | get_lang }} </a></li> |
||||
{% endif %} |
||||
</ul> |
||||
{% endif %} |
||||
{% if "allow_lostpassword" | api_get_setting == 'true' %} |
||||
<li><a href="{{ _p.web_main }}auth/lostPassword.php"> {{ 'LostPassword' | get_lang }} </a></li> |
||||
{% endif %} |
||||
</ul> |
||||
{% endif %} |
||||
|
||||
{% if plugin_login_bottom is not null %} |
||||
<div id="plugin_login_bottom"> |
||||
{{ plugin_login_bottom }} |
||||
{% if plugin_login_bottom is not null %} |
||||
<div id="plugin_login_bottom"> |
||||
{{ plugin_login_bottom }} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
{% endif %} |
||||
{% endif %} |
||||
Loading…
Reference in new issue