languages.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403
  1. /* ========================================================================== *
  2. * Copyright 2014 USRZ.com and Pier Paolo Fumagalli *
  3. * -------------------------------------------------------------------------- *
  4. * Licensed under the Apache License, Version 2.0 (the "License"); *
  5. * you may not use this file except in compliance with the License. *
  6. * You may obtain a copy of the License at *
  7. * *
  8. * http://www.apache.org/licenses/LICENSE-2.0 *
  9. * *
  10. * Unless required by applicable law or agreed to in writing, software *
  11. * distributed under the License is distributed on an "AS IS" BASIS, *
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. *
  13. * See the License for the specific language governing permissions and *
  14. * limitations under the License. *
  15. * ========================================================================== */
  16. /* Define properties for our icons (default to the unknown language flag) */
  17. .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'); }
  18. .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'); }
  19. .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'); }
  20. /* Positions in our sprite for xs-sized images */
  21. .lang-xs[lang=ar] { background-position: 0px 0px; }
  22. .lang-xs[lang=be] { background-position: 0px -11px; }
  23. .lang-xs[lang=bg] { background-position: 0px -22px; }
  24. .lang-xs[lang=cs] { background-position: 0px -33px; }
  25. .lang-xs[lang=da] { background-position: 0px -44px; }
  26. .lang-xs[lang=de] { background-position: 0px -55px; }
  27. .lang-xs[lang=el] { background-position: 0px -66px; }
  28. .lang-xs[lang=en] { background-position: 0px -77px; }
  29. .lang-xs[lang=es] { background-position: 0px -88px; }
  30. .lang-xs[lang=et] { background-position: 0px -99px; }
  31. .lang-xs[lang=fi] { background-position: 0px -110px; }
  32. .lang-xs[lang=fr] { background-position: 0px -121px; }
  33. .lang-xs[lang=ga] { background-position: 0px -132px; }
  34. .lang-xs[lang=hi] { background-position: 0px -143px; }
  35. .lang-xs[lang=hr] { background-position: 0px -154px; }
  36. .lang-xs[lang=hu] { background-position: 0px -165px; }
  37. .lang-xs[lang=in] { background-position: 0px -176px; }
  38. .lang-xs[lang=is] { background-position: 0px -187px; }
  39. .lang-xs[lang=it] { background-position: 0px -198px; }
  40. .lang-xs[lang=iw] { background-position: 0px -209px; }
  41. .lang-xs[lang=ja] { background-position: 0px -220px; }
  42. .lang-xs[lang=ko] { background-position: 0px -231px; }
  43. .lang-xs[lang=lt] { background-position: 0px -242px; }
  44. .lang-xs[lang=lv] { background-position: 0px -253px; }
  45. .lang-xs[lang=mk] { background-position: 0px -264px; }
  46. .lang-xs[lang=ms] { background-position: 0px -275px; }
  47. .lang-xs[lang=mt] { background-position: 0px -286px; }
  48. .lang-xs[lang=nl] { background-position: 0px -297px; }
  49. .lang-xs[lang=no] { background-position: 0px -308px; }
  50. .lang-xs[lang=pl] { background-position: 0px -319px; }
  51. .lang-xs[lang=pt] { background-position: 0px -330px; }
  52. .lang-xs[lang=ro] { background-position: 0px -341px; }
  53. .lang-xs[lang=ru] { background-position: 0px -352px; }
  54. .lang-xs[lang=sk] { background-position: 0px -363px; }
  55. .lang-xs[lang=sl] { background-position: 0px -374px; }
  56. .lang-xs[lang=sq] { background-position: 0px -385px; }
  57. .lang-xs[lang=sr] { background-position: 0px -396px; }
  58. .lang-xs[lang=sv] { background-position: 0px -407px; }
  59. .lang-xs[lang=th] { background-position: 0px -418px; }
  60. .lang-xs[lang=tr] { background-position: 0px -429px; }
  61. .lang-xs[lang=uk] { background-position: 0px -440px; }
  62. .lang-xs[lang=vi] { background-position: 0px -451px; }
  63. .lang-xs[lang=zh] { background-position: 0px -462px; }
  64. /* Positions in our sprite for sm-sized images */
  65. .lang-sm[lang=ar] { background-position: 0px -484px; }
  66. .lang-sm[lang=be] { background-position: 0px -500px; }
  67. .lang-sm[lang=bg] { background-position: 0px -516px; }
  68. .lang-sm[lang=cs] { background-position: 0px -532px; }
  69. .lang-sm[lang=da] { background-position: 0px -548px; }
  70. .lang-sm[lang=de] { background-position: 0px -564px; }
  71. .lang-sm[lang=el] { background-position: 0px -580px; }
  72. .lang-sm[lang=en] { background-position: 0px -596px; }
  73. .lang-sm[lang=es] { background-position: 0px -612px; }
  74. .lang-sm[lang=et] { background-position: 0px -628px; }
  75. .lang-sm[lang=fi] { background-position: 0px -644px; }
  76. .lang-sm[lang=fr] { background-position: 0px -660px; }
  77. .lang-sm[lang=ga] { background-position: 0px -676px; }
  78. .lang-sm[lang=hi] { background-position: 0px -692px; }
  79. .lang-sm[lang=hr] { background-position: 0px -708px; }
  80. .lang-sm[lang=hu] { background-position: 0px -724px; }
  81. .lang-sm[lang=in] { background-position: 0px -740px; }
  82. .lang-sm[lang=is] { background-position: 0px -756px; }
  83. .lang-sm[lang=it] { background-position: 0px -772px; }
  84. .lang-sm[lang=iw] { background-position: 0px -788px; }
  85. .lang-sm[lang=ja] { background-position: 0px -804px; }
  86. .lang-sm[lang=ko] { background-position: 0px -820px; }
  87. .lang-sm[lang=lt] { background-position: 0px -836px; }
  88. .lang-sm[lang=lv] { background-position: 0px -852px; }
  89. .lang-sm[lang=mk] { background-position: 0px -868px; }
  90. .lang-sm[lang=ms] { background-position: 0px -884px; }
  91. .lang-sm[lang=mt] { background-position: 0px -900px; }
  92. .lang-sm[lang=nl] { background-position: 0px -916px; }
  93. .lang-sm[lang=no] { background-position: 0px -932px; }
  94. .lang-sm[lang=pl] { background-position: 0px -948px; }
  95. .lang-sm[lang=pt] { background-position: 0px -964px; }
  96. .lang-sm[lang=ro] { background-position: 0px -980px; }
  97. .lang-sm[lang=ru] { background-position: 0px -996px; }
  98. .lang-sm[lang=sk] { background-position: 0px -1012px; }
  99. .lang-sm[lang=sl] { background-position: 0px -1028px; }
  100. .lang-sm[lang=sq] { background-position: 0px -1044px; }
  101. .lang-sm[lang=sr] { background-position: 0px -1060px; }
  102. .lang-sm[lang=sv] { background-position: 0px -1076px; }
  103. .lang-sm[lang=th] { background-position: 0px -1092px; }
  104. .lang-sm[lang=tr] { background-position: 0px -1108px; }
  105. .lang-sm[lang=uk] { background-position: 0px -1124px; }
  106. .lang-sm[lang=vi] { background-position: 0px -1140px; }
  107. .lang-sm[lang=zh] { background-position: 0px -1156px; }
  108. /* Positions in our sprite for lg-sized images */
  109. .lang-lg[lang=ar] { background-position: 0px -1188px; }
  110. .lang-lg[lang=be] { background-position: 0px -1210px; }
  111. .lang-lg[lang=bg] { background-position: 0px -1232px; }
  112. .lang-lg[lang=cs] { background-position: 0px -1254px; }
  113. .lang-lg[lang=da] { background-position: 0px -1276px; }
  114. .lang-lg[lang=de] { background-position: 0px -1298px; }
  115. .lang-lg[lang=el] { background-position: 0px -1320px; }
  116. .lang-lg[lang=en] { background-position: 0px -1342px; }
  117. .lang-lg[lang=es] { background-position: 0px -1364px; }
  118. .lang-lg[lang=et] { background-position: 0px -1386px; }
  119. .lang-lg[lang=fi] { background-position: 0px -1408px; }
  120. .lang-lg[lang=fr] { background-position: 0px -1430px; }
  121. .lang-lg[lang=ga] { background-position: 0px -1452px; }
  122. .lang-lg[lang=hi] { background-position: 0px -1474px; }
  123. .lang-lg[lang=hr] { background-position: 0px -1496px; }
  124. .lang-lg[lang=hu] { background-position: 0px -1518px; }
  125. .lang-lg[lang=in] { background-position: 0px -1540px; }
  126. .lang-lg[lang=is] { background-position: 0px -1562px; }
  127. .lang-lg[lang=it] { background-position: 0px -1584px; }
  128. .lang-lg[lang=iw] { background-position: 0px -1606px; }
  129. .lang-lg[lang=ja] { background-position: 0px -1628px; }
  130. .lang-lg[lang=ko] { background-position: 0px -1650px; }
  131. .lang-lg[lang=lt] { background-position: 0px -1672px; }
  132. .lang-lg[lang=lv] { background-position: 0px -1694px; }
  133. .lang-lg[lang=mk] { background-position: 0px -1716px; }
  134. .lang-lg[lang=ms] { background-position: 0px -1738px; }
  135. .lang-lg[lang=mt] { background-position: 0px -1760px; }
  136. .lang-lg[lang=nl] { background-position: 0px -1782px; }
  137. .lang-lg[lang=no] { background-position: 0px -1804px; }
  138. .lang-lg[lang=pl] { background-position: 0px -1826px; }
  139. .lang-lg[lang=pt] { background-position: 0px -1848px; }
  140. .lang-lg[lang=ro] { background-position: 0px -1870px; }
  141. .lang-lg[lang=ru] { background-position: 0px -1892px; }
  142. .lang-lg[lang=sk] { background-position: 0px -1914px; }
  143. .lang-lg[lang=sl] { background-position: 0px -1936px; }
  144. .lang-lg[lang=sq] { background-position: 0px -1958px; }
  145. .lang-lg[lang=sr] { background-position: 0px -1980px; }
  146. .lang-lg[lang=sv] { background-position: 0px -2002px; }
  147. .lang-lg[lang=th] { background-position: 0px -2024px; }
  148. .lang-lg[lang=tr] { background-position: 0px -2046px; }
  149. .lang-lg[lang=uk] { background-position: 0px -2068px; }
  150. .lang-lg[lang=vi] { background-position: 0px -2090px; }
  151. .lang-lg[lang=zh] { background-position: 0px -2112px; }
  152. /* Labels for the unknown language */
  153. .lang-lbl:after { content: "Unknown language"; }
  154. .lang-lbl-en:after { content: "Unknown language"; }
  155. .lang-lbl-full:after { content: "Unknown language"; }
  156. /* Labels in native (default) language */
  157. .lang-lbl[lang=ar]:after { content: "\000627\000644\000639\000631\000628\00064A\000629"; }
  158. .lang-lbl[lang=be]:after { content: "\000411\000435\00043B\000430\000440\000443\000441\00043A\000456"; }
  159. .lang-lbl[lang=bg]:after { content: "\000411\00044A\00043B\000433\000430\000440\000441\00043A\000438"; }
  160. .lang-lbl[lang=cs]:after { content: "\00010Ce\000161tina"; }
  161. .lang-lbl[lang=da]:after { content: "Dansk"; }
  162. .lang-lbl[lang=de]:after { content: "Deutsch"; }
  163. .lang-lbl[lang=el]:after { content: "\000395\0003BB\0003BB\0003B7\0003BD\0003B9\0003BA\0003AC"; }
  164. .lang-lbl[lang=en]:after { content: "English"; }
  165. .lang-lbl[lang=es]:after { content: "Espa\0000F1ol"; }
  166. .lang-lbl[lang=et]:after { content: "Eesti"; }
  167. .lang-lbl[lang=fi]:after { content: "Suomi"; }
  168. .lang-lbl[lang=fr]:after { content: "Fran\0000E7ais"; }
  169. .lang-lbl[lang=ga]:after { content: "Gaeilge"; }
  170. .lang-lbl[lang=hi]:after { content: "\000939\00093F\000902\000926\000940"; }
  171. .lang-lbl[lang=hr]:after { content: "Hrvatski"; }
  172. .lang-lbl[lang=hu]:after { content: "Magyar"; }
  173. .lang-lbl[lang=in]:after { content: "Bahasa\000020indonesia"; }
  174. .lang-lbl[lang=is]:after { content: "\0000CDslenska"; }
  175. .lang-lbl[lang=it]:after { content: "Italiano"; }
  176. .lang-lbl[lang=iw]:after { content: "\0005E2\0005D1\0005E8\0005D9\0005EA"; }
  177. .lang-lbl[lang=ja]:after { content: "\0065E5\00672C\008A9E"; }
  178. .lang-lbl[lang=ko]:after { content: "\00D55C\00AD6D\00C5B4"; }
  179. .lang-lbl[lang=lt]:after { content: "Lietuvi\000173"; }
  180. .lang-lbl[lang=lv]:after { content: "Latvie\000161u"; }
  181. .lang-lbl[lang=mk]:after { content: "\00041C\000430\00043A\000435\000434\00043E\00043D\000441\00043A\000438"; }
  182. .lang-lbl[lang=ms]:after { content: "Bahasa\000020melayu"; }
  183. .lang-lbl[lang=mt]:after { content: "Malti"; }
  184. .lang-lbl[lang=nl]:after { content: "Nederlands"; }
  185. .lang-lbl[lang=no]:after { content: "Norsk"; }
  186. .lang-lbl[lang=pl]:after { content: "Polski"; }
  187. .lang-lbl[lang=pt]:after { content: "Portugu\0000EAs"; }
  188. .lang-lbl[lang=ro]:after { content: "Rom\0000E2n\000103"; }
  189. .lang-lbl[lang=ru]:after { content: "\000420\000443\000441\000441\00043A\000438\000439"; }
  190. .lang-lbl[lang=sk]:after { content: "Sloven\00010Dina"; }
  191. .lang-lbl[lang=sl]:after { content: "Sloven\000161\00010Dina"; }
  192. .lang-lbl[lang=sq]:after { content: "Shqipe"; }
  193. .lang-lbl[lang=sr]:after { content: "\000421\000440\00043F\000441\00043A\000438"; }
  194. .lang-lbl[lang=sv]:after { content: "Svenska"; }
  195. .lang-lbl[lang=th]:after { content: "\000E44\000E17\000E22"; }
  196. .lang-lbl[lang=tr]:after { content: "T\0000FCrk\0000E7e"; }
  197. .lang-lbl[lang=uk]:after { content: "\000423\00043A\000440\000430\000457\00043D\000441\00044C\00043A\000430"; }
  198. .lang-lbl[lang=vi]:after { content: "Ti\001EBFng\000020vi\001EC7t"; }
  199. .lang-lbl[lang=zh]:after { content: "\004E2D\006587"; }
  200. /* Labels in english language */
  201. .lang-lbl-en[lang=ar]:after { content: "Arabic"; }
  202. .lang-lbl-en[lang=be]:after { content: "Belarusian"; }
  203. .lang-lbl-en[lang=bg]:after { content: "Bulgarian"; }
  204. .lang-lbl-en[lang=cs]:after { content: "Czech"; }
  205. .lang-lbl-en[lang=da]:after { content: "Danish"; }
  206. .lang-lbl-en[lang=de]:after { content: "German"; }
  207. .lang-lbl-en[lang=el]:after { content: "Greek"; }
  208. .lang-lbl-en[lang=en]:after { content: "English"; }
  209. .lang-lbl-en[lang=es]:after { content: "Spanish"; }
  210. .lang-lbl-en[lang=et]:after { content: "Estonian"; }
  211. .lang-lbl-en[lang=fi]:after { content: "Finnish"; }
  212. .lang-lbl-en[lang=fr]:after { content: "French"; }
  213. .lang-lbl-en[lang=ga]:after { content: "Irish"; }
  214. .lang-lbl-en[lang=hi]:after { content: "Hindi"; }
  215. .lang-lbl-en[lang=hr]:after { content: "Croatian"; }
  216. .lang-lbl-en[lang=hu]:after { content: "Hungarian"; }
  217. .lang-lbl-en[lang=in]:after { content: "Indonesian"; }
  218. .lang-lbl-en[lang=is]:after { content: "Icelandic"; }
  219. .lang-lbl-en[lang=it]:after { content: "Italian"; }
  220. .lang-lbl-en[lang=iw]:after { content: "Hebrew"; }
  221. .lang-lbl-en[lang=ja]:after { content: "Japanese"; }
  222. .lang-lbl-en[lang=ko]:after { content: "Korean"; }
  223. .lang-lbl-en[lang=lt]:after { content: "Lithuanian"; }
  224. .lang-lbl-en[lang=lv]:after { content: "Latvian"; }
  225. .lang-lbl-en[lang=mk]:after { content: "Macedonian"; }
  226. .lang-lbl-en[lang=ms]:after { content: "Malay"; }
  227. .lang-lbl-en[lang=mt]:after { content: "Maltese"; }
  228. .lang-lbl-en[lang=nl]:after { content: "Dutch"; }
  229. .lang-lbl-en[lang=no]:after { content: "Norwegian"; }
  230. .lang-lbl-en[lang=pl]:after { content: "Polish"; }
  231. .lang-lbl-en[lang=pt]:after { content: "Portuguese"; }
  232. .lang-lbl-en[lang=ro]:after { content: "Romanian"; }
  233. .lang-lbl-en[lang=ru]:after { content: "Russian"; }
  234. .lang-lbl-en[lang=sk]:after { content: "Slovak"; }
  235. .lang-lbl-en[lang=sl]:after { content: "Slovenian"; }
  236. .lang-lbl-en[lang=sq]:after { content: "Albanian"; }
  237. .lang-lbl-en[lang=sr]:after { content: "Serbian"; }
  238. .lang-lbl-en[lang=sv]:after { content: "Swedish"; }
  239. .lang-lbl-en[lang=th]:after { content: "Thai"; }
  240. .lang-lbl-en[lang=tr]:after { content: "Turkish"; }
  241. .lang-lbl-en[lang=uk]:after { content: "Ukrainian"; }
  242. .lang-lbl-en[lang=vi]:after { content: "Vietnamese"; }
  243. .lang-lbl-en[lang=zh]:after { content: "Chinese"; }
  244. /* Combined native/english labels */
  245. .lang-lbl-full[lang=ar]:after { content: "\000627\000644\000639\000631\000628\00064A\000629\0000A0/\0000A0Arabic"; }
  246. .lang-lbl-full[lang=be]:after { content: "\000411\000435\00043B\000430\000440\000443\000441\00043A\000456\0000A0/\0000A0Belarusian"; }
  247. .lang-lbl-full[lang=bg]:after { content: "\000411\00044A\00043B\000433\000430\000440\000441\00043A\000438\0000A0/\0000A0Bulgarian"; }
  248. .lang-lbl-full[lang=cs]:after { content: "\00010Ce\000161tina\0000A0/\0000A0Czech"; }
  249. .lang-lbl-full[lang=da]:after { content: "Dansk\0000A0/\0000A0Danish"; }
  250. .lang-lbl-full[lang=de]:after { content: "Deutsch\0000A0/\0000A0German"; }
  251. .lang-lbl-full[lang=el]:after { content: "\000395\0003BB\0003BB\0003B7\0003BD\0003B9\0003BA\0003AC\0000A0/\0000A0Greek"; }
  252. .lang-lbl-full[lang=en]:after { content: "English\0000A0/\0000A0English"; }
  253. .lang-lbl-full[lang=es]:after { content: "Espa\0000F1ol\0000A0/\0000A0Spanish"; }
  254. .lang-lbl-full[lang=et]:after { content: "Eesti\0000A0/\0000A0Estonian"; }
  255. .lang-lbl-full[lang=fi]:after { content: "Suomi\0000A0/\0000A0Finnish"; }
  256. .lang-lbl-full[lang=fr]:after { content: "Fran\0000E7ais\0000A0/\0000A0French"; }
  257. .lang-lbl-full[lang=ga]:after { content: "Gaeilge\0000A0/\0000A0Irish"; }
  258. .lang-lbl-full[lang=hi]:after { content: "\000939\00093F\000902\000926\000940\0000A0/\0000A0Hindi"; }
  259. .lang-lbl-full[lang=hr]:after { content: "Hrvatski\0000A0/\0000A0Croatian"; }
  260. .lang-lbl-full[lang=hu]:after { content: "Magyar\0000A0/\0000A0Hungarian"; }
  261. .lang-lbl-full[lang=in]:after { content: "Bahasa\000020indonesia\0000A0/\0000A0Indonesian"; }
  262. .lang-lbl-full[lang=is]:after { content: "\0000CDslenska\0000A0/\0000A0Icelandic"; }
  263. .lang-lbl-full[lang=it]:after { content: "Italiano\0000A0/\0000A0Italian"; }
  264. .lang-lbl-full[lang=iw]:after { content: "\0005E2\0005D1\0005E8\0005D9\0005EA\0000A0/\0000A0Hebrew"; }
  265. .lang-lbl-full[lang=ja]:after { content: "\0065E5\00672C\008A9E\0000A0/\0000A0Japanese"; }
  266. .lang-lbl-full[lang=ko]:after { content: "\00D55C\00AD6D\00C5B4\0000A0/\0000A0Korean"; }
  267. .lang-lbl-full[lang=lt]:after { content: "Lietuvi\000173\0000A0/\0000A0Lithuanian"; }
  268. .lang-lbl-full[lang=lv]:after { content: "Latvie\000161u\0000A0/\0000A0Latvian"; }
  269. .lang-lbl-full[lang=mk]:after { content: "\00041C\000430\00043A\000435\000434\00043E\00043D\000441\00043A\000438\0000A0/\0000A0Macedonian"; }
  270. .lang-lbl-full[lang=ms]:after { content: "Bahasa\000020melayu\0000A0/\0000A0Malay"; }
  271. .lang-lbl-full[lang=mt]:after { content: "Malti\0000A0/\0000A0Maltese"; }
  272. .lang-lbl-full[lang=nl]:after { content: "Nederlands\0000A0/\0000A0Dutch"; }
  273. .lang-lbl-full[lang=no]:after { content: "Norsk\0000A0/\0000A0Norwegian"; }
  274. .lang-lbl-full[lang=pl]:after { content: "Polski\0000A0/\0000A0Polish"; }
  275. .lang-lbl-full[lang=pt]:after { content: "Portugu\0000EAs\0000A0/\0000A0Portuguese"; }
  276. .lang-lbl-full[lang=ro]:after { content: "Rom\0000E2n\000103\0000A0/\0000A0Romanian"; }
  277. .lang-lbl-full[lang=ru]:after { content: "\000420\000443\000441\000441\00043A\000438\000439\0000A0/\0000A0Russian"; }
  278. .lang-lbl-full[lang=sk]:after { content: "Sloven\00010Dina\0000A0/\0000A0Slovak"; }
  279. .lang-lbl-full[lang=sl]:after { content: "Sloven\000161\00010Dina\0000A0/\0000A0Slovenian"; }
  280. .lang-lbl-full[lang=sq]:after { content: "Shqipe\0000A0/\0000A0Albanian"; }
  281. .lang-lbl-full[lang=sr]:after { content: "\000421\000440\00043F\000441\00043A\000438\0000A0/\0000A0Serbian"; }
  282. .lang-lbl-full[lang=sv]:after { content: "Svenska\0000A0/\0000A0Swedish"; }
  283. .lang-lbl-full[lang=th]:after { content: "\000E44\000E17\000E22\0000A0/\0000A0Thai"; }
  284. .lang-lbl-full[lang=tr]:after { content: "T\0000FCrk\0000E7e\0000A0/\0000A0Turkish"; }
  285. .lang-lbl-full[lang=uk]:after { content: "\000423\00043A\000440\000430\000457\00043D\000441\00044C\00043A\000430\0000A0/\0000A0Ukrainian"; }
  286. .lang-lbl-full[lang=vi]:after { content: "Ti\001EBFng\000020vi\001EC7t\0000A0/\0000A0Vietnamese"; }
  287. .lang-lbl-full[lang=zh]:after { content: "\004E2D\006587\0000A0/\0000A0Chinese"; }
  288. /* One breaking space if we have an image */
  289. .lang-xs:before,
  290. .lang-sm:before,
  291. .lang-lg:before { content: '\0000A0'; }
  292. /* Pad the image and remove the non-breaking space when we have both an icon and a label */
  293. .lang-xs.lang-lbl,
  294. .lang-xs.lang-lbl-en,
  295. .lang-xs.lang-lbl-full { padding-left: 16px; }
  296. .lang-sm.lang-lbl,
  297. .lang-sm.lang-lbl-en,
  298. .lang-sm.lang-lbl-full { padding-left: 24px; }
  299. .lang-lg.lang-lbl,
  300. .lang-lg.lang-lbl-en,
  301. .lang-lg.lang-lbl-full { padding-left: 32px; }
  302. .lang-xs.lang-lbl:before,
  303. .lang-sm.lang-lbl:before,
  304. .lang-lg.lang-lbl:before,
  305. .lang-xs.lang-lbl-en:before,
  306. .lang-sm.lang-lbl-en:before,
  307. .lang-lg.lang-lbl-en:before,
  308. .lang-xs.lang-lbl-full:before,
  309. .lang-sm.lang-lbl-full:before,
  310. .lang-lg.lang-lbl-full:before { content: ''; }
  311. /* Adjustments for paragraphs */
  312. .lang-lg,
  313. .lang-lg:after { top: 0px; position: relative; }
  314. .lang-sm { top: 1px; position: relative; }
  315. .lang-sm:after { top: -1px; position: relative; }
  316. .lang-xs { top: 4px; position: relative; }
  317. .lang-xs:after { top: -4px; position: relative; }
  318. .lead>.lang-lg { top: 2px; }
  319. .lead>.lang-lg:after { top: -2px; }
  320. .lead>.lang-sm { top: 6px; }
  321. .lead>.lang-sm:after { top: -6px; }
  322. .lead>.lang-xs { top: 8px; }
  323. .lead>.lang-xs:after { top: -8px; }
  324. small>.lang-sm { top: -1px; }
  325. small>.lang-sm:after { top: 1px; }
  326. small>.lang-xs { top: 2px; }
  327. small>.lang-xs:after { top: -2px; }
  328. /* Adjustments for headings */
  329. h1>.lang-lg { top: 9px; }
  330. h1>.lang-lg:after { top: -9px; }
  331. h1>.lang-sm { top: 12px; }
  332. h1>.lang-sm:after { top: -12px; }
  333. h1>.lang-xs { top: 14px; }
  334. h1>.lang-xs:after { top: -14px; }
  335. h2>.lang-lg { top: 5px; }
  336. h2>.lang-lg:after { top: -5px; }
  337. h2>.lang-sm { top: 8px; }
  338. h2>.lang-sm:after { top: -8px; }
  339. h2>.lang-xs { top: 10px; }
  340. h2>.lang-xs:after { top: -10px; }
  341. h3>.lang-lg { top: 1px; }
  342. h3>.lang-lg:after { top: -1px; }
  343. h3>.lang-sm { top: 5px; }
  344. h3>.lang-sm:after { top: -5px; }
  345. h3>.lang-xs { top: 8px; }
  346. h3>.lang-xs:after { top: -8px; }
  347. h4>.lang-lg { top: -1px; }
  348. h4>.lang-lg:after { top: 1px; }
  349. h4>.lang-sm { top: 1px; }
  350. h4>.lang-sm:after { top: -1px; }
  351. h4>.lang-xs { top: 4px; }
  352. h4>.lang-xs:after { top: -4px; }
  353. h5>.lang-sm,
  354. h5>.lang-sm:after { top: 0px; }
  355. h5>.lang-xs { top: 2px; }
  356. h5>.lang-xs:after { top: -2px; }
  357. h6>.lang-sm,
  358. h6>.lang-sm:after { top: 0px; }
  359. h6>.lang-xs { top: 1px; }
  360. h6>.lang-xs:after { top: -1px; }
  361. /* Adjustments for buttons */
  362. .btn>.lang-sm { top: 2px; }
  363. .btn>.lang-sm:after { top: -2px; }
  364. .btn>.lang-xs { top: 4px; }
  365. .btn>.lang-xs:after { top: -4px; }
  366. .btn.btn-xs>.lang-sm,
  367. .btn.btn-xs>.lang-sm:after { top: 0px; }
  368. .btn.btn-xs>.lang-xs { top: 3px; }
  369. .btn.btn-xs>.lang-xs:after { top: -3px; }
  370. .btn.btn-sm>.lang-sm,
  371. .btn.btn-sm>.lang-sm:after { top: 0px; }
  372. .btn.btn-sm>.lang-xs { top: 3px; }
  373. .btn.btn-sm>.lang-xs:after { top: -3px; }
  374. .btn.btn-lg>.lang-lg { top: 1px; }
  375. .btn.btn-lg>.lang-lg:after { top: -1px; }
  376. .btn.btn-lg>.lang-sm { top: 3px; }
  377. .btn.btn-lg>.lang-sm:after { top: -3px; }
  378. .btn.btn-lg>.lang-xs { top: 6px; }
  379. .btn.btn-lg>.lang-xs:after { top: -6px; }