Subversion Repositories wimsdev

Rev

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

Rev Author Line No. Line
17762 georgesk 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";