Subversion Repositories wimsdev

Rev

Rev 17761 | Rev 17770 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. const char * html_table = "<div id=\"mendeleiev_table\"><style>\n"
  2. "/* CSS rules to display Mendeleiev's table of elements  */\n"
  3. "\n"
  4. "/************\n"
  5. " * SETTINGS *\n"
  6. " ************\n"
  7. " * DIV for each element\n"
  8. " **********************\n"
  9. " * width\n"
  10. " *    div_width = 44\n"
  11. " * height\n"
  12. " *    div_height = 56\n"
  13. " *\n"
  14. " * Symbol\n"
  15. " ********\n"
  16. " * vertical position\n"
  17. " *    symbol_top = -18\n"
  18. " * font size\n"
  19. " *    symbol_font_size = 26\n"
  20. " *\n"
  21. " * Z (atomic number)\n"
  22. " *******************\n"
  23. " * vertical position\n"
  24. " *    Z_top = -16\n"
  25. " * horizontal position\n"
  26. " *    Z_left = 2\n"
  27. " * font size\n"
  28. " * Z_font_size = 14\n"
  29. " *\n"
  30. " * Molar mass\n"
  31. " ************\n"
  32. " * vertical position\n"
  33. " *    mass_top = 28\n"
  34. " * font size\n"
  35. " *    mass_font_size = 12\n"
  36. " *\n"
  37. " * Electronic structure\n"
  38. " **********************\n"
  39. " * displaying\n"
  40. " *    struct_display = inherit\n"
  41. " * vertical position\n"
  42. " *    struct_top = -4\n"
  43. " * horizontal position\n"
  44. " *    struct_left = 26\n"
  45. " * font size\n"
  46. " *    struct_font_size = 4\n"
  47. " * line height\n"
  48. " *    struct_line_height = 3.6\n"
  49. " *\n"
  50. " * ROWS\n"
  51. " ******\n"
  52. " * enumeration of positions [{\"i\": <int>, \"top\": <int>}, ...]\n"
  53. " *    row_enum = [{'i': 1, 'top': 20}, {'i': 2, 'top': 82}, {'i': 3, 'top': 144}, {'i': 4, 'top': 206}, {'i': 5, 'top': 268}, {'i': 6, 'top': 330}, {'i': 7, 'top': 392}, {'i': 8, 'top': 464}, {'i': 9, 'top': 526}]\n"
  54. " *\n"
  55. " * COLUMNS\n"
  56. " *********\n"
  57. " * enumeration of positions [{\"i\": <int>, \"left\": <int>}, ...]\n"
  58. " *    col_enum = [{'i': 1, 'left': 20}, {'i': 2, 'left': 70}, {'i': 3, 'left': 126}, {'i': 4, 'left': 176}, {'i': 5, 'left': 226}, {'i': 6, 'left': 276}, {'i': 7, 'left': 326}, {'i': 8, 'left': 376}, {'i': 9, 'left': 426}, {'i': 10, 'left': 476}, {'i': 11, 'left': 526}, {'i': 12, 'left': 576}, {'i': 13, 'left': 626}, {'i': 14, 'left': 676}, {'i': 15, 'left': 726}, {'i': 16, 'left': 776}, {'i': 17, 'left': 826}, {'i': 18, 'left': 876}]\n"
  59. " **/\n"
  60. "\n"
  61. "div.element {\n"
  62. "    display: inline-block;\n"
  63. "    position: absolute;\n"
  64. "    width: 44px;\n"
  65. "    height: 56px;\n"
  66. "    border: 1px solid black;\n"
  67. "    border-radius: 3px;\n"
  68. "    background: lightyellow;\n"
  69. "}\n"
  70. "\n"
  71. "p.symbol {\n"
  72. "    position: absolute;\n"
  73. "    top: -18px;\n"
  74. "    width: 44px;\n"
  75. "    text-align: center;\n"
  76. "    font-size: 26px;\n"
  77. "}\n"
  78. "\n"
  79. "p.Z {\n"
  80. "    position: absolute;\n"
  81. "    top: -16px;\n"
  82. "    left: 2px;\n"
  83. "    font-size: 14px;\n"
  84. "}\n"
  85. "\n"
  86. "p.mass {\n"
  87. "    position: absolute;\n"
  88. "    top: 28px;\n"
  89. "    width: 44px;\n"
  90. "    text-align: center;\n"
  91. "    font-size: 12px;\n"
  92. "}\n"
  93. "\n"
  94. "p.struct {\n"
  95. "    display: inherit;\n"
  96. "    position: absolute;\n"
  97. "    top: -4px;\n"
  98. "    left: 26px;\n"
  99. "    font-size: 4px;\n"
  100. "    line-height: 3.6px;\n"
  101. "}\n"
  102. "\n"
  103. "/* ROWS */\n"
  104. "\n"
  105. "\n"
  106. "div.r1 {\n"
  107. "    top: 20px\n"
  108. "}\n"
  109. "\n"
  110. "div.r2 {\n"
  111. "    top: 82px\n"
  112. "}\n"
  113. "\n"
  114. "div.r3 {\n"
  115. "    top: 144px\n"
  116. "}\n"
  117. "\n"
  118. "div.r4 {\n"
  119. "    top: 206px\n"
  120. "}\n"
  121. "\n"
  122. "div.r5 {\n"
  123. "    top: 268px\n"
  124. "}\n"
  125. "\n"
  126. "div.r6 {\n"
  127. "    top: 330px\n"
  128. "}\n"
  129. "\n"
  130. "div.r7 {\n"
  131. "    top: 392px\n"
  132. "}\n"
  133. "\n"
  134. "div.r8 {\n"
  135. "    top: 464px\n"
  136. "}\n"
  137. "\n"
  138. "div.r9 {\n"
  139. "    top: 526px\n"
  140. "}\n"
  141. "\n"
  142. "\n"
  143. "/* COLUMNS */\n"
  144. "\n"
  145. "\n"
  146. "div.c1 {\n"
  147. "    left: 20px;\n"
  148. "}\n"
  149. "\n"
  150. "div.c2 {\n"
  151. "    left: 70px;\n"
  152. "}\n"
  153. "\n"
  154. "div.c3 {\n"
  155. "    left: 126px;\n"
  156. "}\n"
  157. "\n"
  158. "div.c4 {\n"
  159. "    left: 176px;\n"
  160. "}\n"
  161. "\n"
  162. "div.c5 {\n"
  163. "    left: 226px;\n"
  164. "}\n"
  165. "\n"
  166. "div.c6 {\n"
  167. "    left: 276px;\n"
  168. "}\n"
  169. "\n"
  170. "div.c7 {\n"
  171. "    left: 326px;\n"
  172. "}\n"
  173. "\n"
  174. "div.c8 {\n"
  175. "    left: 376px;\n"
  176. "}\n"
  177. "\n"
  178. "div.c9 {\n"
  179. "    left: 426px;\n"
  180. "}\n"
  181. "\n"
  182. "div.c10 {\n"
  183. "    left: 476px;\n"
  184. "}\n"
  185. "\n"
  186. "div.c11 {\n"
  187. "    left: 526px;\n"
  188. "}\n"
  189. "\n"
  190. "div.c12 {\n"
  191. "    left: 576px;\n"
  192. "}\n"
  193. "\n"
  194. "div.c13 {\n"
  195. "    left: 626px;\n"
  196. "}\n"
  197. "\n"
  198. "div.c14 {\n"
  199. "    left: 676px;\n"
  200. "}\n"
  201. "\n"
  202. "div.c15 {\n"
  203. "    left: 726px;\n"
  204. "}\n"
  205. "\n"
  206. "div.c16 {\n"
  207. "    left: 776px;\n"
  208. "}\n"
  209. "\n"
  210. "div.c17 {\n"
  211. "    left: 826px;\n"
  212. "}\n"
  213. "\n"
  214. "div.c18 {\n"
  215. "    left: 876px;\n"
  216. "}\n"
  217. "</style>\n"
  218. "<script>\n"
  219. "\n"
  220. "/* Script to enhance the interactivity of the periodic table */\n"
  221. "\n"
  222. "function add_interaction(){\n"
  223. "    var elements = $(\"div.element\");\n"
  224. "    elements.each(function(i, elt){\n"
  225. "       elt = $(elt);\n"
  226. "       elt.css(\"cursor\", \"help\");\n"
  227. "       var symbol = elt.find(\".symbol\").text();\n"
  228. "       var Z = elt.find(\".Z\").text();\n"
  229. "       var mass = elt.find(\".mass\").text();\n"
  230. "       var struct = elt.find(\".struct\").html();\n"
  231. "       elt.click(\n"
  232. "           function make_callback(o){\n"
  233. "               return function (evt){\n"
  234. "                   var x = elt.css(\"top\"), y = elt.css(\"top\");\n"
  235. "                   o.html(\"\"); /* erase all previous contents */\n"
  236. "                   var p;\n"
  237. "                   p = $(\"<p>\").text(\"Element: \" + symbol);\n"
  238. "                   o.append(p);\n"
  239. "                   p = $(\"<p>\").text(\"Atomic number: \" + Z);\n"
  240. "                   o.append(p);\n"
  241. "                   p = $(\"<p>\").text(\"Molar mass: \" + mass);\n"
  242. "                   o.append(p);\n"
  243. "                   p = $(\"<p>\").html(\"Electronic structure: \" + struct);\n"
  244. "                   o.append(p);\n"
  245. "                   o.dialog();\n"
  246. "                   var top = parseInt(elt.css(\"top\"));\n"
  247. "                   if (top > 250){\n"
  248. "                       /* the element is low enough, let us animate above */\n"
  249. "                       top -= 250;\n"
  250. "                   } else {\n"
  251. "                       top += 60;\n"
  252. "                   }\n"
  253. "                   var left = parseInt(elt.css(\"left\"));\n"
  254. "                   if (left > 320){\n"
  255. "                       /* the element is right enough, let us go to the left */\n"
  256. "                       left -= 320;\n"
  257. "                   } else{\n"
  258. "                       left +=50;\n"
  259. "                   }          \n"
  260. "                   o.parents(\".ui-dialog\").animate(\n"
  261. "                       {top: top+\"px\", left: left+\"px\"});\n"
  262. "               }\n"
  263. "           }($(\"#one_element\")));\n"
  264. "    });\n"
  265. "    $(\"#wait\").fadeOut();\n"
  266. "}\n"
  267. "\n"
  268. "/**\n"
  269. " * imports jQuery (JS), jQuery-UI (JS and CSS)\n"
  270. " * parametes url1 .. url3 are for jquery.js, jquery-ui.js, jquery-ui.css \n"
  271. " **/\n"
  272. "function importScript(url1, url2, url3){\n"
  273. "    var script1, script2, link;\n"
  274. "    script1 = document.createElement('script');\n"
  275. "    script1.src = url1;\n"
  276. "    document.head.appendChild(script1);\n"
  277. "    script2 = document.createElement('script');\n"
  278. "    script2.src = url2;\n"
  279. "    document.head.appendChild(script2);\n"
  280. "    link = document.createElement('link');\n"
  281. "    link.rel = \"stylesheet\";\n"
  282. "    link.type = \"text/css\";\n"
  283. "    link.href = url3;\n"
  284. "    document.head.appendChild(link);\n"
  285. "}\n"
  286. "\n"
  287. "function jQueryIsHere(){\n"
  288. "    result = true;\n"
  289. "    try {\n"
  290. "       if (! jQuery) result = false;\n"
  291. "    }\n"
  292. "    catch(e) {\n"
  293. "       if(e.name == \"ReferenceError\") {\n"
  294. "           result = false;\n"
  295. "       }\n"
  296. "    }\n"
  297. "    return result\n"
  298. "}\n"
  299. "\n"
  300. "function tryLocal(){\n"
  301. "    importScript(\n"
  302. "       \"http://localhost/javascript/jquery/jquery.js\",\n"
  303. "       \"http://localhost/javascript/jquery-ui/jquery-ui.js\",\n"
  304. "       \"http://localhost/javascript/jquery-ui/css/smoothness/jquery-ui.css\"\n"
  305. "    );\n"
  306. "}\n"
  307. "\n"
  308. "function tryRemote(){\n"
  309. "    importScript(\n"
  310. "       \"https://code.jquery.com/jquery-1.11.3.js\",\n"
  311. "       \"https://code.jquery.com/ui/1.13.2/jquery-ui.js\",\n"
  312. "       \"https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css\"\n"
  313. "    );\n"
  314. "    \n"
  315. "}\n"
  316. "\n"
  317. "window.onload = function(){\n"
  318. "    setTimeout(function(){\n"
  319. "       if (!jQueryIsHere()) tryLocal();\n"
  320. "    }, 1000);\n"
  321. "    setTimeout(function(){\n"
  322. "       if (!jQueryIsHere()) tryRemote();\n"
  323. "    }, 3000);\n"
  324. "    setTimeout(function(){\n"
  325. "       add_interaction();\n"
  326. "    }, 5000);\n"
  327. "};\n"
  328. "</script>\n"
  329. "<div class=\"element c1 r1\" style=\"cursor: wait;\" title=\"1 H Hydrogen 1.008, row = 1, col = 1, elec. struct. : 1s^{1}\"><p class=\"symbol\">H</p><p class=\"Z\">1</p><p class=\"mass\">1.008</p><p class=\"struct\"><span class=\"layer\">1s<sup>1</sup></span> </p></div>\n"
  330. "<div class=\"element c18 r1\" style=\"cursor: wait;\" title=\"2 He Helium 4.0026, row = 1, col = 18, elec. struct. : 1s^{2}\"><p class=\"symbol\">He</p><p class=\"Z\">2</p><p class=\"mass\">4.0026</p><p class=\"struct\"><span class=\"layer\">1s<sup>2</sup></span> </p></div>\n"
  331. "<div class=\"element c1 r2\" style=\"cursor: wait;\" title=\"3 Li Lithium 6.94, row = 2, col = 1, elec. struct. : [He] 2s^{1}\"><p class=\"symbol\">Li</p><p class=\"Z\">3</p><p class=\"mass\">6.94</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>1</sup></span> </p></div>\n"
  332. "<div class=\"element c2 r2\" style=\"cursor: wait;\" title=\"4 Be Beryllium 9.0122, row = 2, col = 2, elec. struct. : [He] 2s^{2}\"><p class=\"symbol\">Be</p><p class=\"Z\">4</p><p class=\"mass\">9.0122</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> </p></div>\n"
  333. "<div class=\"element c13 r2\" style=\"cursor: wait;\" title=\"5 B Boron 10.81, row = 2, col = 13, elec. struct. : [He] 2s^{2} 2p^{1}\"><p class=\"symbol\">B</p><p class=\"Z\">5</p><p class=\"mass\">10.81</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> <span class=\"layer\">2p<sup>1</sup></span> </p></div>\n"
  334. "<div class=\"element c14 r2\" style=\"cursor: wait;\" title=\"6 C Carbon 12.011, row = 2, col = 14, elec. struct. : [He] 2s^{2} 2p^{2}\"><p class=\"symbol\">C</p><p class=\"Z\">6</p><p class=\"mass\">12.011</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> <span class=\"layer\">2p<sup>2</sup></span> </p></div>\n"
  335. "<div class=\"element c15 r2\" style=\"cursor: wait;\" title=\"7 N Nitrogen 14.007, row = 2, col = 15, elec. struct. : [He] 2s^{2} 2p^{3}\"><p class=\"symbol\">N</p><p class=\"Z\">7</p><p class=\"mass\">14.007</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> <span class=\"layer\">2p<sup>3</sup></span> </p></div>\n"
  336. "<div class=\"element c16 r2\" style=\"cursor: wait;\" title=\"8 O Oxygen 15.999, row = 2, col = 16, elec. struct. : [He] 2s^{2} 2p^{4}\"><p class=\"symbol\">O</p><p class=\"Z\">8</p><p class=\"mass\">15.999</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> <span class=\"layer\">2p<sup>4</sup></span> </p></div>\n"
  337. "<div class=\"element c17 r2\" style=\"cursor: wait;\" title=\"9 F Fluorine 18.998, row = 2, col = 17, elec. struct. : [He] 2s^{2} 2p^{5}\"><p class=\"symbol\">F</p><p class=\"Z\">9</p><p class=\"mass\">18.998</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> <span class=\"layer\">2p<sup>5</sup></span> </p></div>\n"
  338. "<div class=\"element c18 r2\" style=\"cursor: wait;\" title=\"10 Ne Neon 20.18, row = 2, col = 18, elec. struct. : [He] 2s^{2} 2p^{6}\"><p class=\"symbol\">Ne</p><p class=\"Z\">10</p><p class=\"mass\">20.18</p><p class=\"struct\">[He] <span class=\"layer\">2s<sup>2</sup></span> <span class=\"layer\">2p<sup>6</sup></span> </p></div>\n"
  339. "<div class=\"element c1 r3\" style=\"cursor: wait;\" title=\"11 Na Sodium 22.99, row = 3, col = 1, elec. struct. : [Ne] 3s^{1}\"><p class=\"symbol\">Na</p><p class=\"Z\">11</p><p class=\"mass\">22.99</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>1</sup></span> </p></div>\n"
  340. "<div class=\"element c2 r3\" style=\"cursor: wait;\" title=\"12 Mg Magnesium 24.305, row = 3, col = 2, elec. struct. : [Ne] 3s^{2}\"><p class=\"symbol\">Mg</p><p class=\"Z\">12</p><p class=\"mass\">24.305</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> </p></div>\n"
  341. "<div class=\"element c13 r3\" style=\"cursor: wait;\" title=\"13 Al Aluminum 26.982, row = 3, col = 13, elec. struct. : [Ne] 3s^{2} 3p^{1}\"><p class=\"symbol\">Al</p><p class=\"Z\">13</p><p class=\"mass\">26.982</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> <span class=\"layer\">3p<sup>1</sup></span> </p></div>\n"
  342. "<div class=\"element c14 r3\" style=\"cursor: wait;\" title=\"14 Si Silicon 28.085, row = 3, col = 14, elec. struct. : [Ne] 3s^{2} 3p^{2}\"><p class=\"symbol\">Si</p><p class=\"Z\">14</p><p class=\"mass\">28.085</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> <span class=\"layer\">3p<sup>2</sup></span> </p></div>\n"
  343. "<div class=\"element c15 r3\" style=\"cursor: wait;\" title=\"15 P Phosphorus 30.974, row = 3, col = 15, elec. struct. : [Ne] 3s^{2} 3p^{3}\"><p class=\"symbol\">P</p><p class=\"Z\">15</p><p class=\"mass\">30.974</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> <span class=\"layer\">3p<sup>3</sup></span> </p></div>\n"
  344. "<div class=\"element c16 r3\" style=\"cursor: wait;\" title=\"16 S Sulfur 32.06, row = 3, col = 16, elec. struct. : [Ne] 3s^{2} 3p^{4}\"><p class=\"symbol\">S</p><p class=\"Z\">16</p><p class=\"mass\">32.06</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> <span class=\"layer\">3p<sup>4</sup></span> </p></div>\n"
  345. "<div class=\"element c17 r3\" style=\"cursor: wait;\" title=\"17 Cl Chlorine 35.45, row = 3, col = 17, elec. struct. : [Ne] 3s^{2} 3p^{5}\"><p class=\"symbol\">Cl</p><p class=\"Z\">17</p><p class=\"mass\">35.45</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> <span class=\"layer\">3p<sup>5</sup></span> </p></div>\n"
  346. "<div class=\"element c18 r3\" style=\"cursor: wait;\" title=\"18 Ar Argon 39.948, row = 3, col = 18, elec. struct. : [Ne] 3s^{2} 3p^{6}\"><p class=\"symbol\">Ar</p><p class=\"Z\">18</p><p class=\"mass\">39.948</p><p class=\"struct\">[Ne] <span class=\"layer\">3s<sup>2</sup></span> <span class=\"layer\">3p<sup>6</sup></span> </p></div>\n"
  347. "<div class=\"element c1 r4\" style=\"cursor: wait;\" title=\"19 K Potassium 39.098, row = 4, col = 1, elec. struct. : [Ar] 4s^{1}\"><p class=\"symbol\">K</p><p class=\"Z\">19</p><p class=\"mass\">39.098</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>1</sup></span> </p></div>\n"
  348. "<div class=\"element c2 r4\" style=\"cursor: wait;\" title=\"20 Ca Calcium 40.078, row = 4, col = 2, elec. struct. : [Ar] 4s^{2}\"><p class=\"symbol\">Ca</p><p class=\"Z\">20</p><p class=\"mass\">40.078</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> </p></div>\n"
  349. "<div class=\"element c3 r4\" style=\"cursor: wait;\" title=\"21 Sc Scandium 44.956, row = 4, col = 3, elec. struct. : [Ar] 3d^{1} 4s^{2}\"><p class=\"symbol\">Sc</p><p class=\"Z\">21</p><p class=\"mass\">44.956</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>1</sup></span> </p></div>\n"
  350. "<div class=\"element c4 r4\" style=\"cursor: wait;\" title=\"22 Ti Titanium 47.867, row = 4, col = 4, elec. struct. : [Ar] 3d^{2} 4s^{2}\"><p class=\"symbol\">Ti</p><p class=\"Z\">22</p><p class=\"mass\">47.867</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>2</sup></span> </p></div>\n"
  351. "<div class=\"element c5 r4\" style=\"cursor: wait;\" title=\"23 V Vanadium 50.942, row = 4, col = 5, elec. struct. : [Ar] 3d^{3} 4s^{2}\"><p class=\"symbol\">V</p><p class=\"Z\">23</p><p class=\"mass\">50.942</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>3</sup></span> </p></div>\n"
  352. "<div class=\"element c6 r4\" style=\"cursor: wait;\" title=\"24 Cr Chromium 51.996, row = 4, col = 6, elec. struct. : [Ar] 3d^{4} 4s^{2}\"><p class=\"symbol\">Cr</p><p class=\"Z\">24</p><p class=\"mass\">51.996</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>4</sup></span> </p></div>\n"
  353. "<div class=\"element c7 r4\" style=\"cursor: wait;\" title=\"25 Mn Manganese 54.938, row = 4, col = 7, elec. struct. : [Ar] 3d^{5} 4s^{2}\"><p class=\"symbol\">Mn</p><p class=\"Z\">25</p><p class=\"mass\">54.938</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>5</sup></span> </p></div>\n"
  354. "<div class=\"element c8 r4\" style=\"cursor: wait;\" title=\"26 Fe Iron 55.845, row = 4, col = 8, elec. struct. : [Ar] 3d^{6} 4s^{2}\"><p class=\"symbol\">Fe</p><p class=\"Z\">26</p><p class=\"mass\">55.845</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>6</sup></span> </p></div>\n"
  355. "<div class=\"element c9 r4\" style=\"cursor: wait;\" title=\"27 Co Cobalt 58.933, row = 4, col = 9, elec. struct. : [Ar] 3d^{7} 4s^{2}\"><p class=\"symbol\">Co</p><p class=\"Z\">27</p><p class=\"mass\">58.933</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>7</sup></span> </p></div>\n"
  356. "<div class=\"element c10 r4\" style=\"cursor: wait;\" title=\"28 Ni Nickel 58.693, row = 4, col = 10, elec. struct. : [Ar] 3d^{8} 4s^{2}\"><p class=\"symbol\">Ni</p><p class=\"Z\">28</p><p class=\"mass\">58.693</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>8</sup></span> </p></div>\n"
  357. "<div class=\"element c11 r4\" style=\"cursor: wait;\" title=\"29 Cu Copper 63.546, row = 4, col = 11, elec. struct. : [Ar] 3d^{9} 4s^{2}\"><p class=\"symbol\">Cu</p><p class=\"Z\">29</p><p class=\"mass\">63.546</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>9</sup></span> </p></div>\n"
  358. "<div class=\"element c12 r4\" style=\"cursor: wait;\" title=\"30 Zn Zinc 65.38, row = 4, col = 12, elec. struct. : [Ar] 3d^{10} 4s^{2}\"><p class=\"symbol\">Zn</p><p class=\"Z\">30</p><p class=\"mass\">65.38</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> </p></div>\n"
  359. "<div class=\"element c13 r4\" style=\"cursor: wait;\" title=\"31 Ga Gallium 69.723, row = 4, col = 13, elec. struct. : [Ar] 3d^{10} 4s^{2} 4p^{1}\"><p class=\"symbol\">Ga</p><p class=\"Z\">31</p><p class=\"mass\">69.723</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> <span class=\"layer\">4p<sup>1</sup></span> </p></div>\n"
  360. "<div class=\"element c14 r4\" style=\"cursor: wait;\" title=\"32 Ge Germanium 72.63, row = 4, col = 14, elec. struct. : [Ar] 3d^{10} 4s^{2} 4p^{2}\"><p class=\"symbol\">Ge</p><p class=\"Z\">32</p><p class=\"mass\">72.63</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> <span class=\"layer\">4p<sup>2</sup></span> </p></div>\n"
  361. "<div class=\"element c15 r4\" style=\"cursor: wait;\" title=\"33 As Arsenic 74.922, row = 4, col = 15, elec. struct. : [Ar] 3d^{10} 4s^{2} 4p^{3}\"><p class=\"symbol\">As</p><p class=\"Z\">33</p><p class=\"mass\">74.922</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> <span class=\"layer\">4p<sup>3</sup></span> </p></div>\n"
  362. "<div class=\"element c16 r4\" style=\"cursor: wait;\" title=\"34 Se Selenium 78.971, row = 4, col = 16, elec. struct. : [Ar] 3d^{10} 4s^{2} 4p^{4}\"><p class=\"symbol\">Se</p><p class=\"Z\">34</p><p class=\"mass\">78.971</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> <span class=\"layer\">4p<sup>4</sup></span> </p></div>\n"
  363. "<div class=\"element c17 r4\" style=\"cursor: wait;\" title=\"35 Br Bromine 79.904, row = 4, col = 17, elec. struct. : [Ar] 3d^{10} 4s^{2} 4p^{5}\"><p class=\"symbol\">Br</p><p class=\"Z\">35</p><p class=\"mass\">79.904</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> <span class=\"layer\">4p<sup>5</sup></span> </p></div>\n"
  364. "<div class=\"element c18 r4\" style=\"cursor: wait;\" title=\"36 Kr Krypton 83.798, row = 4, col = 18, elec. struct. : [Ar] 3d^{10} 4s^{2} 4p^{6}\"><p class=\"symbol\">Kr</p><p class=\"Z\">36</p><p class=\"mass\">83.798</p><p class=\"struct\">[Ar] <span class=\"layer\">4s<sup>2</sup></span> <span class=\"layer\">3d<sup>10</sup></span> <span class=\"layer\">4p<sup>6</sup></span> </p></div>\n"
  365. "<div class=\"element c1 r5\" style=\"cursor: wait;\" title=\"37 Rb Rubidium 85.468, row = 5, col = 1, elec. struct. : [Kr] 5s^{1}\"><p class=\"symbol\">Rb</p><p class=\"Z\">37</p><p class=\"mass\">85.468</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>1</sup></span> </p></div>\n"
  366. "<div class=\"element c2 r5\" style=\"cursor: wait;\" title=\"38 Sr Strontium 87.62, row = 5, col = 2, elec. struct. : [Kr] 5s^{2}\"><p class=\"symbol\">Sr</p><p class=\"Z\">38</p><p class=\"mass\">87.62</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> </p></div>\n"
  367. "<div class=\"element c3 r5\" style=\"cursor: wait;\" title=\"39 Y Yttrium 88.906, row = 5, col = 3, elec. struct. : [Kr] 4d^{1} 5s^{2}\"><p class=\"symbol\">Y</p><p class=\"Z\">39</p><p class=\"mass\">88.906</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>1</sup></span> </p></div>\n"
  368. "<div class=\"element c4 r5\" style=\"cursor: wait;\" title=\"40 Zr Zirconium 91.224, row = 5, col = 4, elec. struct. : [Kr] 4d^{2} 5s^{2}\"><p class=\"symbol\">Zr</p><p class=\"Z\">40</p><p class=\"mass\">91.224</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>2</sup></span> </p></div>\n"
  369. "<div class=\"element c5 r5\" style=\"cursor: wait;\" title=\"41 Nb Niobium 92.906, row = 5, col = 5, elec. struct. : [Kr] 4d^{3} 5s^{2}\"><p class=\"symbol\">Nb</p><p class=\"Z\">41</p><p class=\"mass\">92.906</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>3</sup></span> </p></div>\n"
  370. "<div class=\"element c6 r5\" style=\"cursor: wait;\" title=\"42 Mo Molybdenum 95.95, row = 5, col = 6, elec. struct. : [Kr] 4d^{4} 5s^{2}\"><p class=\"symbol\">Mo</p><p class=\"Z\">42</p><p class=\"mass\">95.95</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>4</sup></span> </p></div>\n"
  371. "<div class=\"element c7 r5\" style=\"cursor: wait;\" title=\"43 Tc Technetium 97.0, row = 5, col = 7, elec. struct. : [Kr] 4d^{5} 5s^{2}\"><p class=\"symbol\">Tc</p><p class=\"Z\">43</p><p class=\"mass\">97.0</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>5</sup></span> </p></div>\n"
  372. "<div class=\"element c8 r5\" style=\"cursor: wait;\" title=\"44 Ru Ruthenium 101.07, row = 5, col = 8, elec. struct. : [Kr] 4d^{6} 5s^{2}\"><p class=\"symbol\">Ru</p><p class=\"Z\">44</p><p class=\"mass\">101.07</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>6</sup></span> </p></div>\n"
  373. "<div class=\"element c9 r5\" style=\"cursor: wait;\" title=\"45 Rh Rhodium 102.91, row = 5, col = 9, elec. struct. : [Kr] 4d^{7} 5s^{2}\"><p class=\"symbol\">Rh</p><p class=\"Z\">45</p><p class=\"mass\">102.91</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>7</sup></span> </p></div>\n"
  374. "<div class=\"element c10 r5\" style=\"cursor: wait;\" title=\"46 Pd Palladium 106.42, row = 5, col = 10, elec. struct. : [Kr] 4d^{8} 5s^{2}\"><p class=\"symbol\">Pd</p><p class=\"Z\">46</p><p class=\"mass\">106.42</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>8</sup></span> </p></div>\n"
  375. "<div class=\"element c11 r5\" style=\"cursor: wait;\" title=\"47 Ag Silver 107.87, row = 5, col = 11, elec. struct. : [Kr] 4d^{9} 5s^{2}\"><p class=\"symbol\">Ag</p><p class=\"Z\">47</p><p class=\"mass\">107.87</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>9</sup></span> </p></div>\n"
  376. "<div class=\"element c12 r5\" style=\"cursor: wait;\" title=\"48 Cd Cadmium 112.41, row = 5, col = 12, elec. struct. : [Kr] 4d^{10} 5s^{2}\"><p class=\"symbol\">Cd</p><p class=\"Z\">48</p><p class=\"mass\">112.41</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> </p></div>\n"
  377. "<div class=\"element c13 r5\" style=\"cursor: wait;\" title=\"49 In Indium 114.82, row = 5, col = 13, elec. struct. : [Kr] 4d^{10} 5s^{2} 5p^{1}\"><p class=\"symbol\">In</p><p class=\"Z\">49</p><p class=\"mass\">114.82</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> <span class=\"layer\">5p<sup>1</sup></span> </p></div>\n"
  378. "<div class=\"element c14 r5\" style=\"cursor: wait;\" title=\"50 Sn Tin 118.71, row = 5, col = 14, elec. struct. : [Kr] 4d^{10} 5s^{2} 5p^{2}\"><p class=\"symbol\">Sn</p><p class=\"Z\">50</p><p class=\"mass\">118.71</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> <span class=\"layer\">5p<sup>2</sup></span> </p></div>\n"
  379. "<div class=\"element c15 r5\" style=\"cursor: wait;\" title=\"51 Sb Antimony 121.76, row = 5, col = 15, elec. struct. : [Kr] 4d^{10} 5s^{2} 5p^{3}\"><p class=\"symbol\">Sb</p><p class=\"Z\">51</p><p class=\"mass\">121.76</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> <span class=\"layer\">5p<sup>3</sup></span> </p></div>\n"
  380. "<div class=\"element c16 r5\" style=\"cursor: wait;\" title=\"52 Te Tellurium 127.6, row = 5, col = 16, elec. struct. : [Kr] 4d^{10} 5s^{2} 5p^{4}\"><p class=\"symbol\">Te</p><p class=\"Z\">52</p><p class=\"mass\">127.6</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> <span class=\"layer\">5p<sup>4</sup></span> </p></div>\n"
  381. "<div class=\"element c17 r5\" style=\"cursor: wait;\" title=\"53 I Iodine 126.9, row = 5, col = 17, elec. struct. : [Kr] 4d^{10} 5s^{2} 5p^{5}\"><p class=\"symbol\">I</p><p class=\"Z\">53</p><p class=\"mass\">126.9</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> <span class=\"layer\">5p<sup>5</sup></span> </p></div>\n"
  382. "<div class=\"element c18 r5\" style=\"cursor: wait;\" title=\"54 Xe Xenon 131.29, row = 5, col = 18, elec. struct. : [Kr] 4d^{10} 5s^{2} 5p^{6}\"><p class=\"symbol\">Xe</p><p class=\"Z\">54</p><p class=\"mass\">131.29</p><p class=\"struct\">[Kr] <span class=\"layer\">5s<sup>2</sup></span> <span class=\"layer\">4d<sup>10</sup></span> <span class=\"layer\">5p<sup>6</sup></span> </p></div>\n"
  383. "<div class=\"element c1 r6\" style=\"cursor: wait;\" title=\"55 Cs Cesium 132.91, row = 6, col = 1, elec. struct. : [Xe] 6s^{1}\"><p class=\"symbol\">Cs</p><p class=\"Z\">55</p><p class=\"mass\">132.91</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>1</sup></span> </p></div>\n"
  384. "<div class=\"element c2 r6\" style=\"cursor: wait;\" title=\"56 Ba Barium 137.33, row = 6, col = 2, elec. struct. : [Xe] 6s^{2}\"><p class=\"symbol\">Ba</p><p class=\"Z\">56</p><p class=\"mass\">137.33</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> </p></div>\n"
  385. "<div class=\"element c4 r8\" style=\"cursor: wait;\" title=\"57 La Lanthanum 138.91, row = 8, col = 4, elec. struct. : [Xe] 4f^{1} 6s^{2}\"><p class=\"symbol\">La</p><p class=\"Z\">57</p><p class=\"mass\">138.91</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>1</sup></span> </p></div>\n"
  386. "<div class=\"element c5 r8\" style=\"cursor: wait;\" title=\"58 Ce Cerium 140.12, row = 8, col = 5, elec. struct. : [Xe] 4f^{2} 6s^{2}\"><p class=\"symbol\">Ce</p><p class=\"Z\">58</p><p class=\"mass\">140.12</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>2</sup></span> </p></div>\n"
  387. "<div class=\"element c6 r8\" style=\"cursor: wait;\" title=\"59 Pr Praseodymium 140.91, row = 8, col = 6, elec. struct. : [Xe] 4f^{3} 6s^{2}\"><p class=\"symbol\">Pr</p><p class=\"Z\">59</p><p class=\"mass\">140.91</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>3</sup></span> </p></div>\n"
  388. "<div class=\"element c7 r8\" style=\"cursor: wait;\" title=\"60 Nd Neodymium 144.24, row = 8, col = 7, elec. struct. : [Xe] 4f^{4} 6s^{2}\"><p class=\"symbol\">Nd</p><p class=\"Z\">60</p><p class=\"mass\">144.24</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>4</sup></span> </p></div>\n"
  389. "<div class=\"element c8 r8\" style=\"cursor: wait;\" title=\"61 Pm Promethium 145.0, row = 8, col = 8, elec. struct. : [Xe] 4f^{5} 6s^{2}\"><p class=\"symbol\">Pm</p><p class=\"Z\">61</p><p class=\"mass\">145.0</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>5</sup></span> </p></div>\n"
  390. "<div class=\"element c9 r8\" style=\"cursor: wait;\" title=\"62 Sm Samarium 150.36, row = 8, col = 9, elec. struct. : [Xe] 4f^{6} 6s^{2}\"><p class=\"symbol\">Sm</p><p class=\"Z\">62</p><p class=\"mass\">150.36</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>6</sup></span> </p></div>\n"
  391. "<div class=\"element c10 r8\" style=\"cursor: wait;\" title=\"63 Eu Europium 151.96, row = 8, col = 10, elec. struct. : [Xe] 4f^{7} 6s^{2}\"><p class=\"symbol\">Eu</p><p class=\"Z\">63</p><p class=\"mass\">151.96</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>7</sup></span> </p></div>\n"
  392. "<div class=\"element c11 r8\" style=\"cursor: wait;\" title=\"64 Gd Gadolinium 157.25, row = 8, col = 11, elec. struct. : [Xe] 4f^{8} 6s^{2}\"><p class=\"symbol\">Gd</p><p class=\"Z\">64</p><p class=\"mass\">157.25</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>8</sup></span> </p></div>\n"
  393. "<div class=\"element c12 r8\" style=\"cursor: wait;\" title=\"65 Tb Terbium 158.93, row = 8, col = 12, elec. struct. : [Xe] 4f^{9} 6s^{2}\"><p class=\"symbol\">Tb</p><p class=\"Z\">65</p><p class=\"mass\">158.93</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>9</sup></span> </p></div>\n"
  394. "<div class=\"element c13 r8\" style=\"cursor: wait;\" title=\"66 Dy Dysprosium 162.5, row = 8, col = 13, elec. struct. : [Xe] 4f^{10} 6s^{2}\"><p class=\"symbol\">Dy</p><p class=\"Z\">66</p><p class=\"mass\">162.5</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>10</sup></span> </p></div>\n"
  395. "<div class=\"element c14 r8\" style=\"cursor: wait;\" title=\"67 Ho Holmium 164.93, row = 8, col = 14, elec. struct. : [Xe] 4f^{11} 6s^{2}\"><p class=\"symbol\">Ho</p><p class=\"Z\">67</p><p class=\"mass\">164.93</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>11</sup></span> </p></div>\n"
  396. "<div class=\"element c15 r8\" style=\"cursor: wait;\" title=\"68 Er Erbium 167.26, row = 8, col = 15, elec. struct. : [Xe] 4f^{12} 6s^{2}\"><p class=\"symbol\">Er</p><p class=\"Z\">68</p><p class=\"mass\">167.26</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>12</sup></span> </p></div>\n"
  397. "<div class=\"element c16 r8\" style=\"cursor: wait;\" title=\"69 Tm Thulium 168.93, row = 8, col = 16, elec. struct. : [Xe] 4f^{13} 6s^{2}\"><p class=\"symbol\">Tm</p><p class=\"Z\">69</p><p class=\"mass\">168.93</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>13</sup></span> </p></div>\n"
  398. "<div class=\"element c17 r8\" style=\"cursor: wait;\" title=\"70 Yb Ytterbium 173.05, row = 8, col = 17, elec. struct. : [Xe] 4f^{14} 6s^{2}\"><p class=\"symbol\">Yb</p><p class=\"Z\">70</p><p class=\"mass\">173.05</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> </p></div>\n"
  399. "<div class=\"element c18 r8\" style=\"cursor: wait;\" title=\"71 Lu Lutetium 174.97, row = 8, col = 18, elec. struct. : [Xe] 4f^{14} 5d^{1} 6s^{2}\"><p class=\"symbol\">Lu</p><p class=\"Z\">71</p><p class=\"mass\">174.97</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>1</sup></span> </p></div>\n"
  400. "<div class=\"element c4 r6\" style=\"cursor: wait;\" title=\"72 Hf Hafnium 178.49, row = 6, col = 4, elec. struct. : [Xe] 4f^{14} 5d^{2} 6s^{2}\"><p class=\"symbol\">Hf</p><p class=\"Z\">72</p><p class=\"mass\">178.49</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>2</sup></span> </p></div>\n"
  401. "<div class=\"element c5 r6\" style=\"cursor: wait;\" title=\"73 Ta Tantalum 180.95, row = 6, col = 5, elec. struct. : [Xe] 4f^{14} 5d^{3} 6s^{2}\"><p class=\"symbol\">Ta</p><p class=\"Z\">73</p><p class=\"mass\">180.95</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>3</sup></span> </p></div>\n"
  402. "<div class=\"element c6 r6\" style=\"cursor: wait;\" title=\"74 W Tungsten 183.84, row = 6, col = 6, elec. struct. : [Xe] 4f^{14} 5d^{4} 6s^{2}\"><p class=\"symbol\">W</p><p class=\"Z\">74</p><p class=\"mass\">183.84</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>4</sup></span> </p></div>\n"
  403. "<div class=\"element c7 r6\" style=\"cursor: wait;\" title=\"75 Re Rhenium 186.21, row = 6, col = 7, elec. struct. : [Xe] 4f^{14} 5d^{5} 6s^{2}\"><p class=\"symbol\">Re</p><p class=\"Z\">75</p><p class=\"mass\">186.21</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>5</sup></span> </p></div>\n"
  404. "<div class=\"element c8 r6\" style=\"cursor: wait;\" title=\"76 Os Osmium 190.23, row = 6, col = 8, elec. struct. : [Xe] 4f^{14} 5d^{6} 6s^{2}\"><p class=\"symbol\">Os</p><p class=\"Z\">76</p><p class=\"mass\">190.23</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>6</sup></span> </p></div>\n"
  405. "<div class=\"element c9 r6\" style=\"cursor: wait;\" title=\"77 Ir Iridium 192.22, row = 6, col = 9, elec. struct. : [Xe] 4f^{14} 5d^{7} 6s^{2}\"><p class=\"symbol\">Ir</p><p class=\"Z\">77</p><p class=\"mass\">192.22</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>7</sup></span> </p></div>\n"
  406. "<div class=\"element c10 r6\" style=\"cursor: wait;\" title=\"78 Pt Platinum 195.08, row = 6, col = 10, elec. struct. : [Xe] 4f^{14} 5d^{8} 6s^{2}\"><p class=\"symbol\">Pt</p><p class=\"Z\">78</p><p class=\"mass\">195.08</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>8</sup></span> </p></div>\n"
  407. "<div class=\"element c11 r6\" style=\"cursor: wait;\" title=\"79 Au Gold 196.97, row = 6, col = 11, elec. struct. : [Xe] 4f^{14} 5d^{9} 6s^{2}\"><p class=\"symbol\">Au</p><p class=\"Z\">79</p><p class=\"mass\">196.97</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>9</sup></span> </p></div>\n"
  408. "<div class=\"element c12 r6\" style=\"cursor: wait;\" title=\"80 Hg Mercury 200.59, row = 6, col = 12, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2}\"><p class=\"symbol\">Hg</p><p class=\"Z\">80</p><p class=\"mass\">200.59</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> </p></div>\n"
  409. "<div class=\"element c13 r6\" style=\"cursor: wait;\" title=\"81 Tl Thallium 204.38, row = 6, col = 13, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2} 6p^{1}\"><p class=\"symbol\">Tl</p><p class=\"Z\">81</p><p class=\"mass\">204.38</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> <span class=\"layer\">6p<sup>1</sup></span> </p></div>\n"
  410. "<div class=\"element c14 r6\" style=\"cursor: wait;\" title=\"82 Pb Lead 207.2, row = 6, col = 14, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2} 6p^{2}\"><p class=\"symbol\">Pb</p><p class=\"Z\">82</p><p class=\"mass\">207.2</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> <span class=\"layer\">6p<sup>2</sup></span> </p></div>\n"
  411. "<div class=\"element c15 r6\" style=\"cursor: wait;\" title=\"83 Bi Bismuth 208.98, row = 6, col = 15, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2} 6p^{3}\"><p class=\"symbol\">Bi</p><p class=\"Z\">83</p><p class=\"mass\">208.98</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> <span class=\"layer\">6p<sup>3</sup></span> </p></div>\n"
  412. "<div class=\"element c16 r6\" style=\"cursor: wait;\" title=\"84 Po Polonium 209.0, row = 6, col = 16, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2} 6p^{4}\"><p class=\"symbol\">Po</p><p class=\"Z\">84</p><p class=\"mass\">209.0</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> <span class=\"layer\">6p<sup>4</sup></span> </p></div>\n"
  413. "<div class=\"element c17 r6\" style=\"cursor: wait;\" title=\"85 At Astatine 210.0, row = 6, col = 17, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2} 6p^{5}\"><p class=\"symbol\">At</p><p class=\"Z\">85</p><p class=\"mass\">210.0</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> <span class=\"layer\">6p<sup>5</sup></span> </p></div>\n"
  414. "<div class=\"element c18 r6\" style=\"cursor: wait;\" title=\"86 Rn Radon 222.0, row = 6, col = 18, elec. struct. : [Xe] 4f^{14} 5d^{10} 6s^{2} 6p^{6}\"><p class=\"symbol\">Rn</p><p class=\"Z\">86</p><p class=\"mass\">222.0</p><p class=\"struct\">[Xe] <span class=\"layer\">6s<sup>2</sup></span> <span class=\"layer\">4f<sup>14</sup></span> <span class=\"layer\">5d<sup>10</sup></span> <span class=\"layer\">6p<sup>6</sup></span> </p></div>\n"
  415. "<div class=\"element c1 r7\" style=\"cursor: wait;\" title=\"87 Fr Francium 223.0, row = 7, col = 1, elec. struct. : [Rn] 7s^{1}\"><p class=\"symbol\">Fr</p><p class=\"Z\">87</p><p class=\"mass\">223.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>1</sup></span> </p></div>\n"
  416. "<div class=\"element c2 r7\" style=\"cursor: wait;\" title=\"88 Ra Radium 226.0, row = 7, col = 2, elec. struct. : [Rn] 7s^{2}\"><p class=\"symbol\">Ra</p><p class=\"Z\">88</p><p class=\"mass\">226.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> </p></div>\n"
  417. "<div class=\"element c4 r9\" style=\"cursor: wait;\" title=\"89 Ac Actinium 227.0, row = 9, col = 4, elec. struct. : [Rn] 5f^{1} 7s^{2}\"><p class=\"symbol\">Ac</p><p class=\"Z\">89</p><p class=\"mass\">227.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>1</sup></span> </p></div>\n"
  418. "<div class=\"element c5 r9\" style=\"cursor: wait;\" title=\"90 Th Thorium 232.04, row = 9, col = 5, elec. struct. : [Rn] 5f^{2} 7s^{2}\"><p class=\"symbol\">Th</p><p class=\"Z\">90</p><p class=\"mass\">232.04</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>2</sup></span> </p></div>\n"
  419. "<div class=\"element c6 r9\" style=\"cursor: wait;\" title=\"91 Pa Protactinium 231.04, row = 9, col = 6, elec. struct. : [Rn] 5f^{3} 7s^{2}\"><p class=\"symbol\">Pa</p><p class=\"Z\">91</p><p class=\"mass\">231.04</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>3</sup></span> </p></div>\n"
  420. "<div class=\"element c7 r9\" style=\"cursor: wait;\" title=\"92 U Uranium 238.03, row = 9, col = 7, elec. struct. : [Rn] 5f^{4} 7s^{2}\"><p class=\"symbol\">U</p><p class=\"Z\">92</p><p class=\"mass\">238.03</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>4</sup></span> </p></div>\n"
  421. "<div class=\"element c8 r9\" style=\"cursor: wait;\" title=\"93 Np Neptunium 237.0, row = 9, col = 8, elec. struct. : [Rn] 5f^{5} 7s^{2}\"><p class=\"symbol\">Np</p><p class=\"Z\">93</p><p class=\"mass\">237.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>5</sup></span> </p></div>\n"
  422. "<div class=\"element c9 r9\" style=\"cursor: wait;\" title=\"94 Pu Plutonium 244.0, row = 9, col = 9, elec. struct. : [Rn] 5f^{6} 7s^{2}\"><p class=\"symbol\">Pu</p><p class=\"Z\">94</p><p class=\"mass\">244.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>6</sup></span> </p></div>\n"
  423. "<div class=\"element c10 r9\" style=\"cursor: wait;\" title=\"95 Am Americium 243.0, row = 9, col = 10, elec. struct. : [Rn] 5f^{7} 7s^{2}\"><p class=\"symbol\">Am</p><p class=\"Z\">95</p><p class=\"mass\">243.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>7</sup></span> </p></div>\n"
  424. "<div class=\"element c11 r9\" style=\"cursor: wait;\" title=\"96 Cm Curium 247.0, row = 9, col = 11, elec. struct. : [Rn] 5f^{8} 7s^{2}\"><p class=\"symbol\">Cm</p><p class=\"Z\">96</p><p class=\"mass\">247.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>8</sup></span> </p></div>\n"
  425. "<div class=\"element c12 r9\" style=\"cursor: wait;\" title=\"97 Bk Berkelium 247.0, row = 9, col = 12, elec. struct. : [Rn] 5f^{9} 7s^{2}\"><p class=\"symbol\">Bk</p><p class=\"Z\">97</p><p class=\"mass\">247.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>9</sup></span> </p></div>\n"
  426. "<div class=\"element c13 r9\" style=\"cursor: wait;\" title=\"98 Cf Californium 251.0, row = 9, col = 13, elec. struct. : [Rn] 5f^{10} 7s^{2}\"><p class=\"symbol\">Cf</p><p class=\"Z\">98</p><p class=\"mass\">251.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>10</sup></span> </p></div>\n"
  427. "<div class=\"element c14 r9\" style=\"cursor: wait;\" title=\"99 Es Einsteinium 252.0, row = 9, col = 14, elec. struct. : [Rn] 5f^{11} 7s^{2}\"><p class=\"symbol\">Es</p><p class=\"Z\">99</p><p class=\"mass\">252.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>11</sup></span> </p></div>\n"
  428. "<div class=\"element c15 r9\" style=\"cursor: wait;\" title=\"100 Fm Fermium 257.0, row = 9, col = 15, elec. struct. : [Rn] 5f^{12} 7s^{2}\"><p class=\"symbol\">Fm</p><p class=\"Z\">100</p><p class=\"mass\">257.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>12</sup></span> </p></div>\n"
  429. "<div class=\"element c16 r9\" style=\"cursor: wait;\" title=\"101 Md Mendelevium 258.0, row = 9, col = 16, elec. struct. : [Rn] 5f^{13} 7s^{2}\"><p class=\"symbol\">Md</p><p class=\"Z\">101</p><p class=\"mass\">258.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>13</sup></span> </p></div>\n"
  430. "<div class=\"element c17 r9\" style=\"cursor: wait;\" title=\"102 No Nobelium 259.0, row = 9, col = 17, elec. struct. : [Rn] 5f^{14} 7s^{2}\"><p class=\"symbol\">No</p><p class=\"Z\">102</p><p class=\"mass\">259.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> </p></div>\n"
  431. "<div class=\"element c18 r9\" style=\"cursor: wait;\" title=\"103 Lr Lawrencium 266.0, row = 9, col = 18, elec. struct. : [Rn] 5f^{14} 6d^{1} 7s^{2}\"><p class=\"symbol\">Lr</p><p class=\"Z\">103</p><p class=\"mass\">266.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>1</sup></span> </p></div>\n"
  432. "<div class=\"element c4 r7\" style=\"cursor: wait;\" title=\"104 Rf Rutherfordium 267.0, row = 7, col = 4, elec. struct. : [Rn] 5f^{14} 6d^{2} 7s^{2}\"><p class=\"symbol\">Rf</p><p class=\"Z\">104</p><p class=\"mass\">267.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>2</sup></span> </p></div>\n"
  433. "<div class=\"element c5 r7\" style=\"cursor: wait;\" title=\"105 Db Dubnium 268.0, row = 7, col = 5, elec. struct. : [Rn] 5f^{14} 6d^{3} 7s^{2}\"><p class=\"symbol\">Db</p><p class=\"Z\">105</p><p class=\"mass\">268.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>3</sup></span> </p></div>\n"
  434. "<div class=\"element c6 r7\" style=\"cursor: wait;\" title=\"106 Sg Seaborgium 269.0, row = 7, col = 6, elec. struct. : [Rn] 5f^{14} 6d^{4} 7s^{2}\"><p class=\"symbol\">Sg</p><p class=\"Z\">106</p><p class=\"mass\">269.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>4</sup></span> </p></div>\n"
  435. "<div class=\"element c7 r7\" style=\"cursor: wait;\" title=\"107 Bh Bohrium 270.0, row = 7, col = 7, elec. struct. : [Rn] 5f^{14} 6d^{5} 7s^{2}\"><p class=\"symbol\">Bh</p><p class=\"Z\">107</p><p class=\"mass\">270.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>5</sup></span> </p></div>\n"
  436. "<div class=\"element c8 r7\" style=\"cursor: wait;\" title=\"108 Hs Hassium 269.0, row = 7, col = 8, elec. struct. : [Rn] 5f^{14} 6d^{6} 7s^{2}\"><p class=\"symbol\">Hs</p><p class=\"Z\">108</p><p class=\"mass\">269.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>6</sup></span> </p></div>\n"
  437. "<div class=\"element c9 r7\" style=\"cursor: wait;\" title=\"109 Mt Meitnerium 278.0, row = 7, col = 9, elec. struct. : [Rn] 5f^{14} 6d^{7} 7s^{2}\"><p class=\"symbol\">Mt</p><p class=\"Z\">109</p><p class=\"mass\">278.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>7</sup></span> </p></div>\n"
  438. "<div class=\"element c10 r7\" style=\"cursor: wait;\" title=\"110 Ds Darmstadtium 281.0, row = 7, col = 10, elec. struct. : [Rn] 5f^{14} 6d^{8} 7s^{2}\"><p class=\"symbol\">Ds</p><p class=\"Z\">110</p><p class=\"mass\">281.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>8</sup></span> </p></div>\n"
  439. "<div class=\"element c11 r7\" style=\"cursor: wait;\" title=\"111 Rg Roentgenium 282.0, row = 7, col = 11, elec. struct. : [Rn] 5f^{14} 6d^{9} 7s^{2}\"><p class=\"symbol\">Rg</p><p class=\"Z\">111</p><p class=\"mass\">282.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>9</sup></span> </p></div>\n"
  440. "<div class=\"element c12 r7\" style=\"cursor: wait;\" title=\"112 Cn Copernicium 285.0, row = 7, col = 12, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2}\"><p class=\"symbol\">Cn</p><p class=\"Z\">112</p><p class=\"mass\">285.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> </p></div>\n"
  441. "<div class=\"element c13 r7\" style=\"cursor: wait;\" title=\"113 Nh Nihonium 286.0, row = 7, col = 13, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2} 7p^{1}\"><p class=\"symbol\">Nh</p><p class=\"Z\">113</p><p class=\"mass\">286.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> <span class=\"layer\">7p<sup>1</sup></span> </p></div>\n"
  442. "<div class=\"element c14 r7\" style=\"cursor: wait;\" title=\"114 Fl Flerovium 289.0, row = 7, col = 14, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2} 7p^{2}\"><p class=\"symbol\">Fl</p><p class=\"Z\">114</p><p class=\"mass\">289.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> <span class=\"layer\">7p<sup>2</sup></span> </p></div>\n"
  443. "<div class=\"element c15 r7\" style=\"cursor: wait;\" title=\"115 Mc Moscovium 289.0, row = 7, col = 15, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2} 7p^{3}\"><p class=\"symbol\">Mc</p><p class=\"Z\">115</p><p class=\"mass\">289.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> <span class=\"layer\">7p<sup>3</sup></span> </p></div>\n"
  444. "<div class=\"element c16 r7\" style=\"cursor: wait;\" title=\"116 Lv Livermorium 293.0, row = 7, col = 16, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2} 7p^{4}\"><p class=\"symbol\">Lv</p><p class=\"Z\">116</p><p class=\"mass\">293.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> <span class=\"layer\">7p<sup>4</sup></span> </p></div>\n"
  445. "<div class=\"element c17 r7\" style=\"cursor: wait;\" title=\"117 Ts Tennessine 294.0, row = 7, col = 17, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2} 7p^{5}\"><p class=\"symbol\">Ts</p><p class=\"Z\">117</p><p class=\"mass\">294.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> <span class=\"layer\">7p<sup>5</sup></span> </p></div>\n"
  446. "<div class=\"element c18 r7\" style=\"cursor: wait;\" title=\"118 Og Oganesson 294.0, row = 7, col = 18, elec. struct. : [Rn] 5f^{14} 6d^{10} 7s^{2} 7p^{6}\"><p class=\"symbol\">Og</p><p class=\"Z\">118</p><p class=\"mass\">294.0</p><p class=\"struct\">[Rn] <span class=\"layer\">7s<sup>2</sup></span> <span class=\"layer\">5f<sup>14</sup></span> <span class=\"layer\">6d<sup>10</sup></span> <span class=\"layer\">7p<sup>6</sup></span> </p></div>\n"
  447. "</div>\n"
  448. "<div id=\"one_element\"></div>\n"
  449. "<div id=\"wait\" style=\"width:500; text-align: center;\n"
  450. "     background: rgba(200,200,255,0.5); position: absolute;\n"
  451. "     top: 50px; left: 200px; border: 1px navy solid; border-radius: 3px;\">\n"
  452. "        Wait a few seconds...\n"
  453. "</div>\n"
  454. "\n";
  455.