Subversion Repositories wimsdev

Rev

Rev 17752 | Go to most recent revision | Details | Last modification | View Log | RSS feed

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