Subversion Repositories wimsdev

Rev

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

  1. const char * html_table = R"HTML(<div id="mendeleiev_table"><style>
  2. /* CSS rules to display Mendeleiev's table of elements  */
  3.  
  4. /************
  5. * SETTINGS *
  6. ************
  7. * DIV for each element
  8. **********************
  9. * width
  10. *    div_width = 44
  11. * height
  12. *    div_height = 56
  13. *
  14. * Symbol
  15. ********
  16. * vertical position
  17. *    symbol_top = -18
  18. * font size
  19. *    symbol_font_size = 26
  20. *
  21. * Z (atomic number)
  22. *******************
  23. * vertical position
  24. *    Z_top = -16
  25. * horizontal position
  26. *    Z_left = 2
  27. * font size
  28. * Z_font_size = 14
  29. *
  30. * Molar mass
  31. ************
  32. * vertical position
  33. *    mass_top = 28
  34. * font size
  35. *    mass_font_size = 12
  36. *
  37. * Electronic structure
  38. **********************
  39. * displaying
  40. *    struct_display = inherit
  41. * vertical position
  42. *    struct_top = -4
  43. * horizontal position
  44. *    struct_left = 26
  45. * font size
  46. *    struct_font_size = 4
  47. * line height
  48. *    struct_line_height = 3.6
  49. *
  50. * ROWS
  51. ******
  52. * enumeration of positions [{"i": <int>, "top": <int>}, ...]
  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}]
  54. *
  55. * COLUMNS
  56. *********
  57. * enumeration of positions [{"i": <int>, "left": <int>}, ...]
  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}]
  59. **/
  60.  
  61. div.element {
  62.    display: inline-block;
  63.    position: absolute;
  64.    width: 44px;
  65.    height: 56px;
  66.    border: 1px solid black;
  67.    border-radius: 3px;
  68.    background: lightyellow;
  69. }
  70.  
  71. p.symbol {
  72.    position: absolute;
  73.    top: -18px;
  74.    width: 44px;
  75.    text-align: center;
  76.    font-size: 26px;
  77. }
  78.  
  79. p.Z {
  80.    position: absolute;
  81.    top: -16px;
  82.    left: 2px;
  83.    font-size: 14px;
  84. }
  85.  
  86. p.mass {
  87.    position: absolute;
  88.    top: 28px;
  89.    width: 44px;
  90.    text-align: center;
  91.    font-size: 12px;
  92. }
  93.  
  94. p.struct {
  95.    display: inherit;
  96.    position: absolute;
  97.    top: -4px;
  98.    left: 26px;
  99.    font-size: 4px;
  100.    line-height: 3.6px;
  101. }
  102.  
  103. /* ROWS */
  104.  
  105.  
  106. div.r1 {
  107.    top: 20px
  108. }
  109.  
  110. div.r2 {
  111.    top: 82px
  112. }
  113.  
  114. div.r3 {
  115.    top: 144px
  116. }
  117.  
  118. div.r4 {
  119.    top: 206px
  120. }
  121.  
  122. div.r5 {
  123.    top: 268px
  124. }
  125.  
  126. div.r6 {
  127.    top: 330px
  128. }
  129.  
  130. div.r7 {
  131.    top: 392px
  132. }
  133.  
  134. div.r8 {
  135.    top: 464px
  136. }
  137.  
  138. div.r9 {
  139.    top: 526px
  140. }
  141.  
  142.  
  143. /* COLUMNS */
  144.  
  145.  
  146. div.c1 {
  147.    left: 20px;
  148. }
  149.  
  150. div.c2 {
  151.    left: 70px;
  152. }
  153.  
  154. div.c3 {
  155.    left: 126px;
  156. }
  157.  
  158. div.c4 {
  159.    left: 176px;
  160. }
  161.  
  162. div.c5 {
  163.    left: 226px;
  164. }
  165.  
  166. div.c6 {
  167.    left: 276px;
  168. }
  169.  
  170. div.c7 {
  171.    left: 326px;
  172. }
  173.  
  174. div.c8 {
  175.    left: 376px;
  176. }
  177.  
  178. div.c9 {
  179.    left: 426px;
  180. }
  181.  
  182. div.c10 {
  183.    left: 476px;
  184. }
  185.  
  186. div.c11 {
  187.    left: 526px;
  188. }
  189.  
  190. div.c12 {
  191.    left: 576px;
  192. }
  193.  
  194. div.c13 {
  195.    left: 626px;
  196. }
  197.  
  198. div.c14 {
  199.    left: 676px;
  200. }
  201.  
  202. div.c15 {
  203.    left: 726px;
  204. }
  205.  
  206. div.c16 {
  207.    left: 776px;
  208. }
  209.  
  210. div.c17 {
  211.    left: 826px;
  212. }
  213.  
  214. div.c18 {
  215.    left: 876px;
  216. }
  217. </style>
  218. <script>
  219.  
  220. /* Script to enhance the interactivity of the periodic table */
  221.  
  222. function add_interaction(){
  223.    var elements = $("div.element");
  224.    elements.each(function(i, elt){
  225.         elt = $(elt);
  226.         elt.css("cursor", "help");
  227.         var symbol = elt.find(".symbol").text();
  228.         var Z = elt.find(".Z").text();
  229.         var mass = elt.find(".mass").text();
  230.         var struct = elt.find(".struct").html();
  231.         elt.click(
  232.             function make_callback(o){
  233.                 return function (evt){
  234.                     var x = elt.css("top"), y = elt.css("top");
  235.                     o.html(""); /* erase all previous contents */
  236.                     var p;
  237.                     p = $("<p>").text("Element: " + symbol);
  238.                     o.append(p);
  239.                     p = $("<p>").text("Atomic number: " + Z);
  240.                     o.append(p);
  241.                     p = $("<p>").text("Molar mass: " + mass);
  242.                     o.append(p);
  243.                     p = $("<p>").html("Electronic structure: " + struct);
  244.                     o.append(p);
  245.                     o.dialog();
  246.                     var top = parseInt(elt.css("top"));
  247.                     if (top > 250){
  248.                         /* the element is low enough, let us animate above */
  249.                         top -= 250;
  250.                     } else {
  251.                         top += 60;
  252.                     }
  253.                     var left = parseInt(elt.css("left"));
  254.                     if (left > 320){
  255.                         /* the element is right enough, let us go to the left */
  256.                         left -= 320;
  257.                     } else{
  258.                         left +=50;
  259.                     }          
  260.                     o.parents(".ui-dialog").animate(
  261.                         {top: top+"px", left: left+"px"});
  262.                 }
  263.             }($("#one_element")));
  264.     });
  265.     $("#wait").fadeOut();
  266. }
  267.  
  268. /**
  269.  * imports jQuery (JS), jQuery-UI (JS and CSS)
  270.  * parametes url1 .. url3 are for jquery.js, jquery-ui.js, jquery-ui.css
  271.  **/
  272. function importScript(url1, url2, url3){
  273.     var script1, script2, link;
  274.     script1 = document.createElement('script');
  275.     script1.src = url1;
  276.     document.head.appendChild(script1);
  277.     script2 = document.createElement('script');
  278.     script2.src = url2;
  279.     document.head.appendChild(script2);
  280.     link = document.createElement('link');
  281.     link.rel = "stylesheet";
  282.     link.type = "text/css";
  283.     link.href = url3;
  284.     document.head.appendChild(link);
  285. }
  286.  
  287. function jQueryIsHere(){
  288.     result = true;
  289.     try {
  290.         if (! jQuery) result = false;
  291.     }
  292.     catch(e) {
  293.         if(e.name == "ReferenceError") {
  294.             result = false;
  295.         }
  296.     }
  297.     return result
  298. }
  299.  
  300. function tryLocal(){
  301.     importScript(
  302.         "http://localhost/javascript/jquery/jquery.js",
  303.         "http://localhost/javascript/jquery-ui/jquery-ui.js",
  304.         "http://localhost/javascript/jquery-ui/css/smoothness/jquery-ui.css"
  305.     );
  306. }
  307.  
  308. function tryRemote(){
  309.     importScript(
  310.         "https://code.jquery.com/jquery-1.11.3.js",
  311.         "https://code.jquery.com/ui/1.13.2/jquery-ui.js",
  312.         "https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"
  313.     );
  314.    
  315. }
  316.  
  317. window.onload = function(){
  318.     setTimeout(function(){
  319.         if (!jQueryIsHere()) tryLocal();
  320.     }, 1000);
  321.     setTimeout(function(){
  322.         if (!jQueryIsHere()) tryRemote();
  323.     }, 3000);
  324.     setTimeout(function(){
  325.         add_interaction();
  326.     }, 5000);
  327. };
  328. </script>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  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>
  447. </div>
  448. <div id="one_element"></div>
  449. <div id="wait" style="width:500; text-align: center;
  450.     background: rgba(200,200,255,0.5); position: absolute;
  451.     top: 50px; left: 200px; border: 1px navy solid; border-radius: 3px;">
  452.         Wait a few seconds...
  453. </div>
  454. )HTML";