/
famous_how_chrome_sees_it.html
44 lines (38 loc) · 75.5 KB
/
famous_how_chrome_sees_it.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE HTML>
<html><object type="{0C55C096-0F1D-4F28-AAA2-85EF591126E7}" cotype="cs" id="cosymantecbfw" style="width: 0px; height: 0px; display: block;"></object><head>
<title>famo.us Stress Test Demo</title>
<meta name="viewport" content="width=1024, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- startup images, icon images and favicons-->
<link rel="apple-touch-startup-image" href="content/app/background-startup-landscape.jpg" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<link rel="apple-touch-startup-image" href="content/app/background-startup-portrait.jpg" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
<link rel="apple-touch-icon-precomposed" href="content/app/icon.png">
<link rel="icon" href="favicon.ico" type="image/png">
<link rel="stylesheet" type="text/css" href="css/famous.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
<!-- // <script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script> -->
<script type="text/javascript" src="js/lib/classList.js"></script>
<script type="text/javascript" src="js/lib/requestAnimationFrame.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" id="waxCS">var WAX = function () { var _arrInputs; window.addEventListener('waxSetArr', function(evt) {_arrInputs=evt.detail;}); return { getElement: function (i) { return _arrInputs[i]; } } }(); function waxGetElement(i) { return WAX.getElement(i); }</script><script type="text/javascript" id="WAXScript">var WAX = function() { var _parseCriterias = 0; var _parseCriterias = 0; var _eventTypes = 0; var _minStringLen = 0; var _maxStringLen = 0; var _minElementWidth = 0; var _maxElementWidth = 0; var _minElementHeight = 0; var _maxElementHeight = 0; var _minStringWidth = 0; var _maxStringWidth = 0; var _minStringHeight = 0; var _maxStringHeight = 0; var _farTextMaxDeltaX = 0; var _farTextMaxDeltaY = 0; var _minStringLength = 0; var _maxStringLength = 0; var _docMinHeight = 0; var _arrInputs = {}; var ParseCriterias = { None: 0, EventObjects: 4, VerifyAttributeByAttachedText: 32, IgnoreImages: 64, IgnoreHiddenInputs: 2048, EnableAjaxSupport: 16384, VerifyDocumentHeight: 32768, InputsOnly: 65536, IgnoreFieldSets: 131072, IgnoreForms: 262144 }; var Event = { None: 0, OnClick: 1, OnSubmit: 2, OnMouseDown: 4, OnMouseUp: 8, HREFJavaScriptMethod: 16, FormAction: 32, Command: 64, HREFPound: 128 }; var InputType = { Unknown: 0, Text: 1, TextArea: 2, Password:3 , Submit: 4, Image: 5, Button: 6, Checkbox: 7, Radio: 8, Reset: 9, File: 10, Hidden: 11, Select: 12, EventObject: 13 }; var ElementType = { Unknown: 0, Label: 1, TableCell: 2, Header: 3, Table: 4, TableBody: 5, TableRow: 6, Input: 7, TextArea: 8, Button: 9, Image: 10, Select: 11, Link: 12, Container: 13, SelectOption: 14, Generic: 15, Form: 16, Comments: 17, FieldSet: 18, AjaxLink: 19 }; function Rect(left, top, right, bottom) { this.left = left; this.top = top; this.right = right; this.bottom = bottom; this.getLeft = function getLeft() { return this.left; }, this.getTop = function getTop() { return this.top; }, this.getRight = function getRight() { return this.right; }, this.getBottom = function getBottom() { return this.bottom; }, this.getRect = function getRect() { return this.left + ',' + this.top + ',' + this.right + ',' + this.bottom; } } return { getElement: function(index) { if( null == _arrInputs ) { return; } if( index<0 || index>=_arrInputs.length ) { return null; } return _arrInputs[index]; }, getLangs: function() { var arrLangs = new Array(); var metaTags = window.document.getElementsByTagName("meta"); var sLang = null; var oDocElement = window.document.documentElement; if( null != oDocElement ) { var sAttribute = oDocElement.getAttribute("lang"); if( null == sAttribute ) { window.document.documentElement.getAttribute("xml:lang"); } if( null != sAttribute && !( sAttribute=="en" && 2==sAttribute.length) ) { arrLangs.push(sAttribute); } } for( var i=0; i<metaTags.length; i++ ) { var oElement = metaTags[i]; if( null == oElement ) { continue; } var sAttribute = oElement.getAttribute("http-equiv"); if( null != sAttribute ) { if( "content-language" == sAttribute.toLowerCase() ) { sLang = oElement.getAttribute("content"); } } if( null == sLang ) { sAttribute = oElement.getAttribute("name"); if( null != sAttribute && "language" == sAttribute.toLowerCase() ) { sLang = oElement.getAttribute("content"); } } if( null == sLang ) { sAttribute = oElement.getAttribute("lang"); } if( null != sLang ) { arrLangs.push(sLang.toLowerCase()); sLang = null; } } return arrLangs.join(";"); }, Parse: function(args) { var oDomNode = window.document.body; _arrInputs = null; _parseCriterias = args[0]; _eventTypes = args[1]; _minStringLength = args[2]; _maxStringLength = args[3]; _minElementWidth = args[4]; _maxElementWidth = args[5]; _minElementHeight = args[6]; _maxElementHeight = args[7]; _minStringWidth = args[8]; _maxStringWidth = args[9]; _minStringHeight = args[10]; _maxStringHeight = args[11]; _docMinHeight = args[12]; _farTextMaxDeltaX = args[13]; _farTextMaxDeltaY = args[14]; return this.getCandidates(oDomNode); }, getCandidates: function(oElement) { if( typeof oElement == "undefined" ) { return "E_INVALIDARG"; } if( !this.IsValidDocumentHeight() ) { return "E_ABORT"; } var oBoundaries = new Rect(Number.MAX_VALUE, Number.MAX_VALUE, 0, 0); var arrInputsDesc = new Array(); arrInputsDesc.push(0); var arrInputs = new Array(); this.collectForms(arrInputsDesc, arrInputs); if( !this.collectInputs(oElement, oBoundaries, arrInputsDesc, arrInputs) ) { return "E_FAIL"; } if( arrInputsDesc.length<=1 ) { return "E_ABORT"; } var arrLabels = new Array(); arrLabels.push(0); this.collectNonInputs(oElement, oBoundaries, arrInputsDesc, arrLabels, arrInputs); arrInputsDesc[0] = (arrInputsDesc.length-1)/2; var sDescription = arrInputsDesc.join("#!#"); sDescription = arrInputsDesc[1] = sDescription.length + "#!#" + sDescription; arrLabels[0] = (arrLabels.length-1)/2; if( 1==arrLabels.length ) { arrLabels.push("0"); } _arrInputs = arrInputs; sLabels = arrLabels.join("#!#"); sLabels = arrLabels[1] = sLabels.length + "#!#" + sLabels; var sAll = sDescription+sLabels; return (sAll.length.toString() + "#!#" + sAll); }, collectForms: function(arrInputsDesc, arrInputs) { if( _parseCriterias&ParseCriterias.IgnoreForms ) { return false; } if( typeof arrInputsDesc == "undefined" || typeof arrInputs == "undefined" ) { return false; } if( Array != arrInputsDesc.constructor || Array != arrInputs.constructor) { return false; } var oForms = window.document.forms; var elementType = {}; var inputType = {}; var length = oForms.length; for( var i=0; i<length; ++i ) { var oForm = oForms[i]; elementType.value = ElementType.Form; inputType.value = InputType.Unknown; var oRect = oForm.getBoundingClientRect(); var sInputDesc = this.processInput(oForm, oRect, elementType, inputType); if( null != sInputDesc ) { arrInputs.push(oForm); arrInputsDesc.push(sInputDesc.length); arrInputsDesc.push(sInputDesc); } this.collectFieldSets(oForm, arrInputsDesc, arrInputs); } }, collectFieldSets: function(oElement, arrInputsDesc, arrInputs) { if( _parseCriterias&ParseCriterias.IgnoreFieldSets || _parseCriterias&ParseCriterias.IgnoreForms ) { return true; } if( typeof oElement == "undefined" || typeof arrInputsDesc == "undefined" || typeof arrInputs == "undefined" ) { return false; } if( Array != arrInputsDesc.constructor || Array != arrInputs.constructor) { return false; } var usingFieldSets = !(ParseCriterias.IgnoreFieldSets==(_parseCriterias&ParseCriterias.IgnoreFieldSets)); var elementType = {}; var inputType = {}; elementType.value = ElementType.FieldSet; inputType.value = InputType.Unknown; var oFieldSets = oElement.getElementsByTagName("fieldset"); var length = oFieldSets.length; for( var f=0; f<length; ++f ) { var oFieldSet = oFieldSets[f]; oRect = oFieldSet.getBoundingClientRect(); sInputDesc = this.processInput(oFieldSet, oRect, elementType, inputType); if( null != sInputDesc ) { arrInputs.push(oFieldSet); arrInputsDesc.push(sInputDesc.length); arrInputsDesc.push(sInputDesc); } } return true; }, collectInputs: function(oElement, oBoundaries, arrInputsDesc, arrInputs) { if( typeof oElement == "undefined" || typeof oBoundaries == "undefined" || typeof arrInputsDesc == "undefined" || typeof arrInputs == "undefined" ) { return false; } if( Rect != oBoundaries.constructor || Array != arrInputsDesc.constructor || Array != arrInputs.constructor) { return false; } this.processInputs(oElement.getElementsByTagName("INPUT"), oBoundaries, arrInputsDesc, arrInputs, false); this.processInputs(oElement.getElementsByTagName("BUTTON"), oBoundaries, arrInputsDesc, arrInputs, false); this.processInputs(oElement.getElementsByTagName("SELECT"), oBoundaries, arrInputsDesc, arrInputs, false); if( !(_parseCriterias&ParseCriterias.IgnoreImages) && !(_parseCriterias&ParseCriterias.InputsOnly) ) { this.processInputs(oElement.getElementsByTagName("IMG"), null, arrInputsDesc, arrInputs, false); } if( !(_parseCriterias&ParseCriterias.InputsOnly) && _parseCriterias&ParseCriterias.EnableAjaxSupport ) { this.processInputs(oElement.getElementsByTagName("A"), null, arrInputsDesc, arrInputs, true); } return true; }, collectNonInputs: function(oParent, oBoundaries, arrInputsDesc, arrLabels, arrInputs) { if( typeof oParent == "undefined" || typeof oBoundaries == "undefined" || typeof arrInputsDesc == "undefined" || typeof arrLabels == "undefined" || typeof arrInputs == "undefined" ) { return false; } if( Rect != oBoundaries.constructor || Array != arrInputsDesc.constructor || Array != arrLabels.constructor || Array != arrInputs.constructor ) { return false; } var matchUsingAttachedText = true; var usingEventObjects = (ParseCriterias.EventObjects==(_parseCriterias&ParseCriterias.EventObjects) ); var verifyAttributeByAttachedText = ( ParseCriterias.VerifyAttributeByAttachedText==(_parseCriterias&ParseCriterias.VerifyAttributeByAttachedText) ); var enableAjaxSupport = ( ParseCriterias.EnableAjaxSupport==(_parseCriterias&ParseCriterias.EnableAjaxSupport) ); if( !matchUsingAttachedText && !usingEventObjects && !verifyAttributeByAttachedText ) { return true; } var eventTypes = (usingEventObjects ? _eventTypes : 0); var oRectElement = new Rect(0, 0, 0, 0); var isFormCollection = false; var oItems = oParent.getElementsByTagName("*"); if( typeof oItems == "undefined" || 0==oItems.length ) { oItems = oParent.all; if( typeof oItems == "undefined" || 0==oItems.length ) { return false; } } var elementType = {}; var inputType = {}; var i = 0; for( i=0; i<oItems.length; ++i ) { var oElement = oItems[i]; if( typeof oElement == "undefined" ) { continue; } elementType.value = ElementType.Unknown; inputType.value = InputType.Unknown; if( !this.getElementType(oElement, elementType, inputType) && ElementType.Unknown != elementType.value ) { continue; } if( ElementType.Input==inputType.value || ElementType.Select==elementType.value || ElementType.Button==inputType.value || ElementType.Image==elementType.value || ElementType.SelectOption==elementType.value || ElementType.Form==elementType.value || InputType.File==inputType.value || InputType.Submit==inputType.value ) { continue; } var oRect = oElement.getBoundingClientRect(); if( InputType.Unknown == inputType.value && usingEventObjects ) { if( 0!=eventTypes && this.hasEventHandler(eventTypes, oElement) ) { inputType.value = InputType.EventObject; } } if( InputType.Unknown != inputType.value ) { var width = oRect.right - oRect.left; var height = oRect.bottom - oRect.top; var outOfBounds = ( width<_minElementWidth || width>_maxElementWidth || height<_minElementHeight || height>_maxElementHeight ); if( outOfBounds ) { if( _parseCriterias&ParseCriterias.IgnoreHiddenInputs ) { continue; } if( 0!=width && 0!=height ) { continue; } } if( InputType.TextArea == inputType.value || InputType.EventObject == inputType.value ) { var sInputDesc = this.processInput(oElement, oRect, elementType, inputType); if( null != sInputDesc ) { if( null != oBoundaries ) { this.expandRect(oRect, oBoundaries); } arrInputs.push(oElement); arrInputsDesc.push(sInputDesc.length); arrInputsDesc.push(sInputDesc); } } } else if( matchUsingAttachedText || verifyAttributeByAttachedText ) { var ptX = ((oRect.right-oRect.left)/2)+oRect.left; var ptY = ((oRect.bottom-oRect.top)/2)+oRect.top; if( !(ptX>=oBoundaries.left && ptX<=oBoundaries.right && ptY>=oBoundaries.top && ptY<=oBoundaries.bottom) ) { continue; } var sText = this.getElementText(oElement, oRect); if( null == sText ) { var oFirstChild = oElement.firstChild; if( null != oFirstChild ) { sText = this.getElementText(oFirstChild, oRect); } } if( null != sText ) { sText = sText.trim(); var length = sText.length; var sLabel = ""; if( length>0 ) { sLabel = "{" + elementType.value + ",0},{" + oRect.left + "," + oRect.top + "," + oRect.right + "," + oRect.bottom + "}"; sLabel+= "#!#" + length + "#!#" + sText; } else { sLabel = "{" + elementType.value + ",0},{" + oRect.left + "," + oRect.top + "," + oRect.right + "," + oRect.bottom + "}"; sLabel+= "#!#0"; } arrLabels.push(sLabel.length); arrLabels.push(sLabel); } } } return true; }, processInputs : function(oInputs, oBoundaries, arrInputsDesc, arrInputs, isAjaxCollection) { if( typeof oInputs == "undefined" || typeof arrInputsDesc == "undefined" || typeof arrInputsDesc == "arrInputs" ) { return false; } if( ( oBoundaries!=null && Rect != oBoundaries.constructor ) || Array != arrInputsDesc.constructor || Array != arrInputs.constructor ) { return false; } var length = oInputs.length; if( 0 == length ) { return true; } var usingEventObjects = (ParseCriterias.EventObjects==(_parseCriterias&ParseCriterias.EventObjects) ); var ignoreHiddenInputs = (ParseCriterias.IgnoreHiddenInputs==(_parseCriterias&ParseCriterias.IgnoreHiddenInputs)); if( isAjaxCollection ) { ignoreHiddenInputs = true; } var i = 0; for (i = 0; i<length; ++i) { var oElement = oInputs[i]; var oRect = oElement.getBoundingClientRect(); if( isAjaxCollection && usingEventObjects ) { if( 0!=_eventTypes && this.hasEventHandler(_eventTypes, oElement) ) { continue; } } if( !this.IsValidElement(oElement, oRect, ignoreHiddenInputs) ) { continue; } var elementType = {}; var inputType = {}; if( false == isAjaxCollection ) { if( !this.getElementType(oElement, elementType, inputType) || InputType.Checkbox == inputType.value || ElementType.SelectOption == elementType.value ) { continue; } } else { elementType.value = ElementType.AjaxLink; inputType.value = InputType.Unknown; } var sInputDesc = this.processInput(oElement, oRect, elementType, inputType); if( null != sInputDesc ) { if( null != oBoundaries ) { this.expandRect(oRect, oBoundaries); } arrInputs.push(oElement); arrInputsDesc.push(sInputDesc.length); arrInputsDesc.push(sInputDesc); } } return true; }, getElementText: function(oElement, oRect) { if( typeof oElement == "undefined" || typeof oRect == "undefined" ) { return null; } if( ClientRect != oRect.constructor ) { return null; } var width = oRect.right-oRect.left; var height = oRect.bottom-oRect.top; if( width<_minStringWidth || width>_maxStringWidth || height<_minStringHeight || height>_maxStringHeight ) { return null; } var innerText = oElement.innerText; if( null == innerText ) { return null; } innerText = innerText.trim(); var length = innerText.length; if( length<_minStringLength || length>_maxStringLength ) { return null; } return innerText; }, processInput: function(oElement, oRect, elementType, inputType) { if( typeof oElement == "undefined" || typeof oRect == "undefined" ) { return null; } if( ClientRect != oRect.constructor ) { return null; } var ajaxSupport = ( ParseCriterias.EnableAjaxSupport==(_parseCriterias&ParseCriterias.EnableAjaxSupport) ); var isImage = ( ParseCriterias.IgnoreImages==(_parseCriterias&ParseCriterias.IgnoreImages) ); var outerHTML = null; if( ElementType.Form!=elementType.value && ElementType.FieldSet!=elementType.value ) { outerHTML = oElement.outerHTML; } else if (InputType.Select == inputType.value) { outerHTML = "<select"; var oAttributes = oElement.attributes; if( null != oAttributes ) { var length = oAttributes.length; for( i=0; i<length; ++i ) { var oAttrPair = oAttributes[i]; if( typeof oAttrPair == "undefined" ) { continue; } outerHTML+= " " + oAttrPair.name + "=\"" + oAttrPair.value + "\""; } } outerHTML += "></select>"; } if( null == outerHTML && (InputType.EventObject==inputType.value || isImage) ) { return null; } var innerText = ""; if( ElementType.Button==elementType.value ) { innerText = oElement.innerText; } if( ElementType.AjaxLink == elementType.value ) { innerText = this.getElementText(oElement, oRect); if( null==innerText ) { return null; } } if( InputType.Select==inputType.value ) { var arrOptions = new Array(); var length = 0; var items = oElement.options; if( typeof items != "undefined" ) { length = items.length; var i = 0; for( i=0; i<length; ++i ) { innerText = items[i].innerText; if( null == innerText || 0 == innerText.length ) { arrOptions.push("<!>#<!>"); } else { innerText = innerText.trim(); arrOptions.push(innerText); } } if( arrOptions.length >0 ) { var sOptions = "\"" + arrOptions.join("\":\"") + "\""; sOptions.replace("<!>#<!>", " "); innerText = arrOptions.length + "#!#" + sOptions; } } if( 0==length ) { innerText = "0#!#"; } } else if( InputType.Submit==inputType.value || InputType.Button==inputType.value ) { innerText = oElement.getAttribute("value"); if( null == innerText ) { innerText = oElement.innerText; } } else if( InputType.EventObject==inputType.value ) { var oFirstChild = oElement.firstChild; if( null != oFirstChild ) { innerText = oFirstChild.innerText; } if( null == innerText || 0 == innerText.length ) { innerText = oElement.innerText; } if( null != innerText ) { innerText = innerText.trim(); } } else if( ElementType.Link == elementType.value ) { innerText = oElement.innerText; bIsAjaxElement = true; } else if( InputType.Radio == inputType.value && (null == innerText || 0 == innerText.length) ) { var oNextSibling = oElement.nextSibling; if( null != oNextSibling ) { innerText = oNextSibling.innerText; } } var arrDesc = this.getInputDescription(oElement, oRect, elementType, inputType); if( null == arrDesc ) { return null; } if( null == innerText ) { arrDesc.push("0"); } else { innerText = innerText.trim(); var length = innerText.length; if( 0==length ) { arrDesc.push("0"); } else { arrDesc.push(innerText.length); arrDesc.push(innerText); } } if( null == outerHTML ) { arrDesc.push("0"); } else { var length = outerHTML.length; if( 0==length ) { arrDesc.push("0"); } else { arrDesc.push(outerHTML.length); arrDesc.push(outerHTML); } } return arrDesc.join("#!#"); }, getInputDescription: function(oElement, oRect, elementType, inputType) { if( typeof oElement == "undefined" || typeof oRect == "undefined" ) { return null; } if( ClientRect != oRect.constructor ) { return null; } var arrItems = new Array(); arrItems.push("{" + elementType.value + "," + inputType.value + "},{" + oRect.left + "," + oRect.top + "," + oRect.right + "," + oRect.bottom + "}"); var oAttributes = oElement.attributes; if( null==oAttributes ) { arrItems.push("0"); } else { var length = oAttributes.length; arrItems.push(length); if( length > 0 ) { var sAttrs = ""; var i = 0; for( i=0; i<length; ++i ) { var oAttrPair = oAttributes[i]; if( typeof oAttrPair == "undefined" ) { continue; } if( "id" == oAttrPair.name ) { if( sAttrs.length>0 ) { var sTemp = "\"" + oAttrPair.name + "\":\"" + oAttrPair.value + "\"," + sAttrs; sAttrs = sTemp; } else { sAttrs = "\"" + oAttrPair.name + "\":\"" + oAttrPair.value + "\""; } continue; } if( sAttrs.length>0 ) { sAttrs+=",\""; } else { sAttrs+= "\""; } sAttrs += oAttrPair.name + "\":\"" + oAttrPair.value + "\""; } arrItems.push(sAttrs.length); arrItems.push(sAttrs); } } return arrItems; }, expandRect: function(oElementRect, oBoundaries) { if( null == oBoundaries ) { return true; } if( typeof oElementRect == "undefined" || typeof oBoundaries == "undefined" ) { return false; } if( ClientRect != oElementRect.constructor || Rect != oBoundaries.constructor ) { return false; } if( oElementRect.left<oBoundaries.left ) { oBoundaries.left = ( (oElementRect.left-_farTextMaxDeltaX>0) ? oElementRect.left-_farTextMaxDeltaX : 0); } if( oElementRect.top<oBoundaries.top ) { oBoundaries.top = ( (oElementRect.top-_farTextMaxDeltaY>0) ? oElementRect.top-_farTextMaxDeltaY : 0); } if( oElementRect.right>oBoundaries.right ) { oBoundaries.right = oElementRect.right+_farTextMaxDeltaX; } if( oElementRect.bottom>oBoundaries.bottom ) { oBoundaries.bottom = oElementRect.bottom+_farTextMaxDeltaY; } return true; }, getElementType: function(oElement, elementType, inputType) { elementType.value = ElementType.Unknown; inputType.value = InputType.Unknown; if( typeof oElement == "undefined" ) { return false; } var isInputType = false; var nodeName = oElement.nodeName.toUpperCase(); var length = nodeName.length; if( 1==length ) { if( nodeName == "A" ) { elementType.value = ElementType.Link; } else if( nodeName == "B" ) { elementType.value = ElementType.Label; } } else if( 2==length ) { if( nodeName == "TD" || nodeName == "TH" ) { elementType.value = ElementType.TableCell; } if ( nodeName == "TR" ) { elementType.value = ElementType.TableRow; } if ( nodeName == "EM" ) { elementType.value = ElementType.Header; } else if( nodeName == "H1" || nodeName == "H2" || nodeName == "H3" || nodeName == "H4" || nodeName == "H5" || nodeName == "H6" ) { elementType.value = ElementType.Header; } } else if( 3==length ) { if ( nodeName == "DIV" ) { elementType.value = ElementType.Container; } else if( nodeName == "IMG" ) { elementType.value = ElementType.Image; isInputType = true; } } else if( 4==length ) { if ( nodeName == "SPAN" ) { elementType.value = ElementType.Container; } else if ( nodeName == "FORM" ) { inputType.value = InputType.Unknown; elementType.value = ElementType.Form; } } else if( 5==length ) { if( nodeName == "INPUT" ) { elementType.value = ElementType.Input; isInputType = true; } else if( nodeName == "LABEL" ) { elementType.value = ElementType.Label; } } else if( 6==length ) { if( nodeName == "OPTION" ) { elementType.value = ElementType.SelectOption; } else if( nodeName == "SELECT" ) { elementType.value = ElementType.Select; inputType.value = InputType.Select; } else if( nodeName == "BUTTON" ) { elementType.value = ElementType.Button; this.getElementInputType(oElement, inputType); if( InputType.Submit != inputType.value ) { inputType.value = InputType.Button; } } else if( nodeName == "STRONG" ) { elementType.value = ElementType.Header; } } else if( 8==length ) { if( nodeName == "TEXTAREA" ) { elementType.value = ElementType.TextArea; inputType.value = InputType.TextArea; } else if( nodeName == "FIELDSET" ) { inputType.value = InputType.Unknown; elementType.value = ElementType.FieldSet; } } if( ElementType.Unknown == elementType.value ) { elementType.value = ElementType.Generic; } if( true == isInputType ) { this.getElementInputType(oElement, inputType); if( ElementType.Image==elementType.value && InputType.Submit!=inputType.value ) { inputType.value = InputType.Image; } } return true; }, getElementInputType: function(oElement, inputType) { inputType.value = InputType.Unknown; if( typeof oElement == "undefined" ) { return false; } var sType = oElement.getAttribute("type"); if( null == sType || 0 == sType.length ) { inputType.value = InputType.Text; return true; } inputType.value = InputType.Text; sType = sType.toUpperCase(); if( sType == "PASSWORD" ) { inputType.value = InputType.Password; } else if( sType == "SUBMIT" ) { inputType.value = InputType.Submit; } else if( sType == "IMAGE" ) { inputType.value = InputType.Image; } else if( sType == "BUTTON" ) { inputType.value = InputType.Button; } else if( sType == "CHECKBOX" ) { inputType.value = InputType.Checkbox; } else if( sType == "RADIO" ) { inputType.value = InputType.Radio; } else if( sType == "RESET" ) { inputType.value = InputType.Reset; } else if( sType == "FILE" ) { inputType.value = InputType.File; } else if( sType == "HIDDEN" ) { inputType.value = InputType.Hidden; } else { inputType.value = InputType.Text; } return true; }, IsValidDocumentHeight: function() { if( !(_parseCriterias & ParseCriterias.VerifyDocumentHeight) ) { return true; } var oRect = window.document.documentElement.getBoundingClientRect(); if( (oRect.bottom-oRect.top)<_docMinHeight ) { return false; } return true; }, IsValidElement: function(oElement, oRect, bIgnoreHiddenInputs) { if( typeof oElement == "undefined" || typeof oRect == "undefined" || ClientRect != oRect.constructor ) { return false; } var nWidth = oRect.right - oRect.left; var nHeight = oRect.bottom - oRect.top; if( 0 == nWidth && 0 == nHeight ) { return (bIgnoreHiddenInputs?false:true); } if( nWidth<_minElementWidth || nWidth>_maxElementWidth || nHeight<_minElementHeight || nHeight>_maxElementHeight ) { return false; } var valid = true; try { var sType = oElement.getAttribute("type"); if( null != sType ) { if( sType == "hidden" ) { valid = false; } } } catch(err) {} return valid; }, hasEventHandler: function(eventType, oElement) { if( 0 == eventType || typeof oElement == "undefined") { return false; } if( eventType&Event.OnClick ) { if( null != oElement.getAttribute("onclick") ) { return true; } } if( eventType&Event.OnSubmit ) { if( null != oElement.getAttribute("onsubmit") ) { return true; } } if( eventType&Event.OnMouseDown ) { if( null != oElement.getAttribute("onmousedown") ) { return true; } } if( eventType&Event.OnMouseUp ) { if( null != oElement.getAttribute("onmouseup") ) { return true; } } if( eventType&Event.HREFJavaScriptMethod || eventType&Event.HREFPound ) { var handler = oElement.getAttribute("href"); if( null != handler ) { handler = handler.toLowerCase(); if( 0 == handler.indexOf("javascript") ) { return true; } if( 0 == handler.indexOf("#") ) { return true; } } } if( eventType&Event.Command ) { if( null != oElement.getAttribute("command") ) { return true; } } if( eventType&Event.FormAction ) { if( null != oElement.getAttribute("formaction") ) { return true; } } return false; } };} ();function waxGetLangs() { return WAX.getLangs();}function waxGetElement(index) { if( null == index ) { return; } return WAX.getElement(index);}function waxGetCandidates(args) { if (Array != args.constructor || 15!=args.length) { return "E_INVALIDARG"; } return WAX.Parse(args);}</script></head>
<body>
<div id="main" class="container"><div class="group" style="-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4597, 824.5, -96500, 1); opacity: 1;"><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.419608); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -430, 96446, 1); opacity: 0.999999;"><div class="number">1</div><div class="symbol">H</div><div class="name">Hydrogen</div><div class="mass">1.008</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.521569); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -1480, 96593.12366436745, 1); opacity: 0.875;"><div class="number">2</div><div class="symbol">He</div><div class="name">Helium</div><div class="mass">4.003</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.603922); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -80, 96300.22075142588, 1); opacity: 0.875;"><div class="number">3</div><div class="symbol">Li</div><div class="name">Lithium</div><div class="mass">6.941</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.207843); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -80, 96274, 1); opacity: 0.875;"><div class="number">4</div><div class="symbol">Be</div><div class="name">Beryllium</div><div class="mass">9.012</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.752941); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3781.4872925725767, -1480, 95759, 1); opacity: 0.295;"><div class="number">5</div><div class="symbol">B</div><div class="name">Boron</div><div class="mass">10.812</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.301961); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4244.780725773811, -50.00240576453507, 95951, 1); opacity: 0.7250120288226753;"><div class="number">6</div><div class="symbol">C</div><div class="name">Carbon</div><div class="mass">12.011</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.360784); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -780, 95978.07264964048, 1); opacity: 0.999999;"><div class="number">7</div><div class="symbol">N</div><div class="name">Nitrogen</div><div class="mass">14.007</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.188235); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -1130, 96565.32333915515, 1); opacity: 0.999999;"><div class="number">8</div><div class="symbol">O</div><div class="name">Oxygen</div><div class="mass">15.999</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.611765); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -1130, 96843.04207576228, 1); opacity: 0.28478962118860296;"><div class="number">9</div><div class="symbol">F</div><div class="name">Fluorine</div><div class="mass">18.998</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.47451); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4514.918277918533, -1126.2759144138545, 95837, 1); opacity: 0.685;"><div class="number">10</div><div class="symbol">Ne</div><div class="name">Neon</div><div class="mass">20.180</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.180392); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3164.9010870591424, -1431.2169945985079, 96214.06484518993, 1); opacity: 0.999999;"><div class="number">11</div><div class="symbol">Na</div><div class="name">Sodium</div><div class="mass">22.990</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.423529); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -80, 96620, 1); opacity: 0.875;"><div class="number">12</div><div class="symbol">Mg</div><div class="name">Magnesium</div><div class="mass">24.305</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.243137); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -80, 95843.59485873266, 1); opacity: 0.7179742936632835;"><div class="number">13</div><div class="symbol">Al</div><div class="name">Aluminium</div><div class="mass">26.982</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.576471); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -430, 96253, 1); opacity: 0.999999;"><div class="number">14</div><div class="symbol">Si</div><div class="name">Silicon</div><div class="mass">28.086</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.756863); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4532.316585034132, -224.05984859629652, 96437, 1); opacity: 0.999999;"><div class="number">15</div><div class="symbol">P</div><div class="name">Phosphorus</div><div class="mass">30.974</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.423529); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -1130, 96365.58146266766, 1); opacity: 0.999999;"><div class="number">16</div><div class="symbol">S</div><div class="name">Sulfur</div><div class="mass">32.066</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.105882); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -80, 95868, 1); opacity: 0.84;"><div class="number">17</div><div class="symbol">Cl</div><div class="name">Chlorine</div><div class="mass">35.453</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.490196); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2931.8396096668903, -80, 96575.84336944655, 1); opacity: 0.18419804833445028;"><div class="number">18</div><div class="symbol">Ar</div><div class="name">Argon</div><div class="mass">39.948</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.533333); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -430, 95781, 1); opacity: 0.405;"><div class="number">19</div><div class="symbol">K</div><div class="name">Potassium</div><div class="mass">39.098</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.278431); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -80, 96444, 1); opacity: 0;"><div class="number">20</div><div class="symbol">Ca</div><div class="name">Calcium</div><div class="mass">40.078</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.2); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -780, 95807.30124952448, 1); opacity: 0.5365062476224154;"><div class="number">21</div><div class="symbol">Sc</div><div class="name">Scandium</div><div class="mass">44.956</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.411765); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -1130, 95938.51948896212, 1); opacity: 0.999999;"><div class="number">22</div><div class="symbol">Ti</div><div class="name">Titanium</div><div class="mass">47.867</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.619608); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -1130, 95840, 1); opacity: 0.7000000000000001;"><div class="number">23</div><div class="symbol">V</div><div class="name">Vanadium</div><div class="mass">50.942</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.227451); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -1130, 96762.61419331637, 1); opacity: 0;"><div class="number">24</div><div class="symbol">Cr</div><div class="name">Chromium</div><div class="mass">51.996</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.403922); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -1130, 96721, 1); opacity: 0.895;"><div class="number">25</div><div class="symbol">Mn</div><div class="name">Manganese</div><div class="mass">54.938</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.690196); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -1476.1162307948664, 96260.38372822174, 1); opacity: 0.894418846025668;"><div class="number">26</div><div class="symbol">Fe</div><div class="name">Iron</div><div class="mass">55.845</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.415686); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -1130, 96309.37054870596, 1); opacity: 0.999999;"><div class="number">27</div><div class="symbol">Co</div><div class="name">Cobalt</div><div class="mass">58.933</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.572549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -1480, 96352.68364077139, 1); opacity: 0.875;"><div class="number">28</div><div class="symbol">Ni</div><div class="name">Nickel</div><div class="mass">58.693</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.294118); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -431.15839333213, 96594.11097469922, 1); opacity: 0.999999;"><div class="number">29</div><div class="symbol">Cu</div><div class="name">Copper</div><div class="mass">63.546</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.721569); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4771.157810431905, -437.2330821862129, 95995, 1); opacity: 0.999999;"><div class="number">30</div><div class="symbol">Zn</div><div class="name">Zinc</div><div class="mass">65.382</div></div></div><div class="group" style="-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4597, 824.5, -96500, 1); opacity: 1;"><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.482353); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -780, 96658, 1); opacity: 0.999999;"><div class="number">31</div><div class="symbol">Ga</div><div class="name">Gallium</div><div class="mass">69.723</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.611765); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -1480, 95893, 1); opacity: 0.875;"><div class="number">32</div><div class="symbol">Ge</div><div class="name">Germanium</div><div class="mass">72.631</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.6); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -1480, 96606, 1); opacity: 0.875;"><div class="number">33</div><div class="symbol">As</div><div class="name">Arsenic</div><div class="mass">74.922</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.721569); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -77.32767622735017, 96780, 1); opacity: 0.6;"><div class="number">34</div><div class="symbol">Se</div><div class="name">Selenium</div><div class="mass">78.963</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.705882); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -780, 96800.77754900986, 1); opacity: 0.49611225495071665;"><div class="number">35</div><div class="symbol">Br</div><div class="name">Bromine</div><div class="mass">79.904</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.380392); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4080.085990041277, -1130, 96349, 1); opacity: 0.999999;"><div class="number">36</div><div class="symbol">Kr</div><div class="name">Krypton</div><div class="mass">83.798</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.141176); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -1480, 95779, 1); opacity: 0.395;"><div class="number">37</div><div class="symbol">Rb</div><div class="name">Rubidium</div><div class="mass">85.468</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.113725); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3178.306993758306, -138.1750972763693, 96327, 1); opacity: 0.999999;"><div class="number">38</div><div class="symbol">Sr</div><div class="name">Strontium</div><div class="mass">87.621</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.486275); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -80, 96704.36335197378, 1); opacity: 0.875;"><div class="number">39</div><div class="symbol">Y</div><div class="name">Yttrium</div><div class="mass">88.906</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.556863); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4804.704338605516, -1309.6432064374394, 95846.2489765923, 1); opacity: 0.7312448829615056;"><div class="number">40</div><div class="symbol">Zr</div><div class="name">Zirconium</div><div class="mass">91.224</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.6); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -80, 96218, 1); opacity: 0.875;"><div class="number">41</div><div class="symbol">Nb</div><div class="name">Niobium</div><div class="mass">92.906</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.109804); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -1480, 95792, 1); opacity: 0.46;"><div class="number">42</div><div class="symbol">Mo</div><div class="name">Molybdenum</div><div class="mass">95.962</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.266667); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -1130, 95953.05121901676, 1); opacity: 0.999999;"><div class="number">43</div><div class="symbol">Tc</div><div class="name">Technetium</div><div class="mass">(98)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.32549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -1130, 95823, 1); opacity: 0.615;"><div class="number">44</div><div class="symbol">Ru</div><div class="name">Ruthenium</div><div class="mass">101.072</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.694118); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -1130, 96745.3895976487, 1); opacity: 0.7730520117565067;"><div class="number">45</div><div class="symbol">Rh</div><div class="name">Rhodium</div><div class="mass">102.916</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.670588); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165.3413424152372, -426.83631281368434, 96398, 1); opacity: 0.999999;"><div class="number">46</div><div class="symbol">Pd</div><div class="name">Palladium</div><div class="mass">106.421</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.388235); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -780, 96380.36, 1); opacity: 0.999999;"><div class="number">47</div><div class="symbol">Ag</div><div class="name">Silver</div><div class="mass">107.868</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.278431); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -430, 95914, 1); opacity: 0.999999;"><div class="number">48</div><div class="symbol">Cd</div><div class="name">Cadmium</div><div class="mass">112.411</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.435294); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -780, 96357, 1); opacity: 0.999999;"><div class="number">49</div><div class="symbol">In</div><div class="name">Indium</div><div class="mass">114.818</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.513725); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -1480, 96416, 1); opacity: 0.875;"><div class="number">50</div><div class="symbol">Sn</div><div class="name">Tin</div><div class="mass">118.712</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.415686); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -780, 96249.12641081646, 1); opacity: 0;"><div class="number">51</div><div class="symbol">Sb</div><div class="name">Antimony</div><div class="mass">121.760</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.490196); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -430, 96014, 1); opacity: 0.999999;"><div class="number">52</div><div class="symbol">Te</div><div class="name">Tellurium</div><div class="mass">127.603</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.403922); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -430, 96249.6285400035, 1); opacity: 0.999999;"><div class="number">53</div><div class="symbol">I</div><div class="name">Iodine</div><div class="mass">126.904</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.741176); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -780, 95991, 1); opacity: 0.999999;"><div class="number">54</div><div class="symbol">Xe</div><div class="name">Xenon</div><div class="mass">131.294</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.682353); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -1480, 96813, 1); opacity: 0.435;"><div class="number">55</div><div class="symbol">Cs</div><div class="name">Cesium</div><div class="mass">132.905</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.360784); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -1480, 96171, 1); opacity: 0.875;"><div class="number">56</div><div class="symbol">Ba</div><div class="name">Barium</div><div class="mass">137.328</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.2); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3668.869875764055, -780, 96665, 1); opacity: 0.999999;"><div class="number">57</div><div class="symbol">La</div><div class="name">Lanthanum</div><div class="mass">138.905</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.305882); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -1130, 96397.22484180349, 1); opacity: 0;"><div class="number">58</div><div class="symbol">Ce</div><div class="name">Cerium</div><div class="mass">140.116</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.152941); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -780, 96426, 1); opacity: 0.999999;"><div class="number">59</div><div class="symbol">Pr</div><div class="name">Praseodymium</div><div class="mass">140.908</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.101961); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3684.7016936525874, -780, 95986, 1); opacity: 0.999999;"><div class="number">60</div><div class="symbol">Nd</div><div class="name">Neodymium</div><div class="mass">144.242</div></div></div><div class="group" style="-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4597, 824.5, -96500, 1); opacity: 1;"><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.207843); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4550.679190175333, -80, 96019.01885613502, 1); opacity: 0.875;"><div class="number">61</div><div class="symbol">Pm</div><div class="name">Promethium</div><div class="mass">(145)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.317647); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -1130, 96015, 1); opacity: 0;"><div class="number">62</div><div class="symbol">Sm</div><div class="name">Samarium</div><div class="mass">150.362</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.486275); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -430, 96741.61411341607, 1); opacity: 0.7919294329196089;"><div class="number">63</div><div class="symbol">Eu</div><div class="name">Europium</div><div class="mass">151.964</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.270588); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -1480, 95888, 1); opacity: 0.875;"><div class="number">64</div><div class="symbol">Gd</div><div class="name">Gadolinium</div><div class="mass">157.253</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.329412); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4421.846661283159, -1480, 96676, 1); opacity: 0.875;"><div class="number">65</div><div class="symbol">Tb</div><div class="name">Terbium</div><div class="mass">158.925</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.223529); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -80, 96421, 1); opacity: 0.875;"><div class="number">66</div><div class="symbol">Dy</div><div class="name">Dysprosium</div><div class="mass">162.500</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.498039); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3730.510145793669, -287.24105605868914, 96256, 1); opacity: 0.999999;"><div class="number">67</div><div class="symbol">Ho</div><div class="name">Holmium</div><div class="mass">164.930</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.6); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -1480, 96416, 1); opacity: 0;"><div class="number">68</div><div class="symbol">Er</div><div class="name">Erbium</div><div class="mass">167.259</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.443137); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -80, 96814.75522158196, 1); opacity: 0.4262238920901837;"><div class="number">69</div><div class="symbol">Tm</div><div class="name">Thulium</div><div class="mass">168.934</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.262745); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -80, 96384, 1); opacity: 0.875;"><div class="number">70</div><div class="symbol">Yb</div><div class="name">Ytterbium</div><div class="mass">173.055</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.145098); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -430, 95801, 1); opacity: 0.505;"><div class="number">71</div><div class="symbol">Lu</div><div class="name">Lutetium</div><div class="mass">174.967</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.772549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -1480, 96000, 1); opacity: 0.875;"><div class="number">72</div><div class="symbol">Hf</div><div class="name">Hafnium</div><div class="mass">178.492</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.254902); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -430, 95940, 1); opacity: 0.999999;"><div class="number">73</div><div class="symbol">Ta</div><div class="name">Tantalum</div><div class="mass">180.948</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.537255); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -1480, 96617, 1); opacity: 0.875;"><div class="number">74</div><div class="symbol">W</div><div class="name">Tungsten</div><div class="mass">183.841</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.745098); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -430, 96246.41969660051, 1); opacity: 0.999999;"><div class="number">75</div><div class="symbol">Re</div><div class="name">Rhenium</div><div class="mass">186.207</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.180392); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3419.064941905467, -79.97737701338423, 95838, 1); opacity: 0.6900000000000001;"><div class="number">76</div><div class="symbol">Os</div><div class="name">Osmium</div><div class="mass">190.233</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.517647); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -1480, 95767, 1); opacity: 0.335;"><div class="number">77</div><div class="symbol">Ir</div><div class="name">Iridium</div><div class="mass">192.217</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.282353); -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -4380, -80, 96400, 1); opacity: 0.875;"><div class="number">78</div><div class="symbol">Pt</div><div class="name">Platinum</div><div class="mass">195.085</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.619608); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -780, 96696, 1); opacity: 0.999999;"><div class="number">79</div><div class="symbol">Au</div><div class="name">Gold</div><div class="mass">196.967</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.721569); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -1130, 96560, 1); opacity: 0.999999;"><div class="number">80</div><div class="symbol">Hg</div><div class="name">Mercury</div><div class="mass">200.592</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.568627); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -1130, 96598, 1); opacity: 0.999999;"><div class="number">81</div><div class="symbol">Tl</div><div class="name">Thallium</div><div class="mass">204.383</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.517647); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -430, 96742.20010661136, 1); opacity: 0.78899946694319;"><div class="number">82</div><div class="symbol">Pb</div><div class="name">Lead</div><div class="mass">207.21</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.372549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -780, 96618.66787175385, 1); opacity: 0.999999;"><div class="number">83</div><div class="symbol">Bi</div><div class="name">Bismuth</div><div class="mass">208.980</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.686275); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -430, 96302.57398448208, 1); opacity: 0;"><div class="number">84</div><div class="symbol">Po</div><div class="name">Polonium</div><div class="mass">(209)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.192157); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -80, 95881.57859183037, 1); opacity: 0.875;"><div class="number">85</div><div class="symbol">At</div><div class="name">Astatine</div><div class="mass">(210)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.27451); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -80, 96612.68353042525, 1); opacity: 0;"><div class="number">86</div><div class="symbol">Rn</div><div class="name">Radon</div><div class="mass">(222)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.309804); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -430, 96727, 1); opacity: 0.865;"><div class="number">87</div><div class="symbol">Fr</div><div class="name">Francium</div><div class="mass">(223)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.45098); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -80, 95985.27730698448, 1); opacity: 0;"><div class="number">88</div><div class="symbol">Ra</div><div class="name">Radium</div><div class="mass">(226)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.34902); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -80, 96840, 1); opacity: 0.3;"><div class="number">89</div><div class="symbol">Ac</div><div class="name">Actinium</div><div class="mass">(227)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.254902); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -780, 96620.42199663681, 1); opacity: 0.999999;"><div class="number">90</div><div class="symbol">Th</div><div class="name">Thorium</div><div class="mass">232.038</div></div></div><div class="group" style="-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4597, 824.5, -96500, 1); opacity: 1;"><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.572549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -1164.716254344207, 96307.4452851038, 1); opacity: 0.999999;"><div class="number">91</div><div class="symbol">Pa</div><div class="name">Protactinium</div><div class="mass">231.036</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.423529); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4250.0263789482415, -584.8534209633945, 95826, 1); opacity: 0.63;"><div class="number">92</div><div class="symbol">U</div><div class="name">Uranium</div><div class="mass">238.029</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.133333); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -780, 95958, 1); opacity: 0;"><div class="number">93</div><div class="symbol">Np</div><div class="name">Neptunium</div><div class="mass">(237)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.447059); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -1480, 95905, 1); opacity: 0.875;"><div class="number">94</div><div class="symbol">Pu</div><div class="name">Plutonium</div><div class="mass">(244)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.384314); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -1130, 96415.0384, 1); opacity: 0.999999;"><div class="number">95</div><div class="symbol">Am</div><div class="name">Americium</div><div class="mass">(243)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.101961); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3975, -780, 96841.2062, 1); opacity: 0.2939689999999996;"><div class="number">96</div><div class="symbol">Cm</div><div class="name">Curium</div><div class="mass">(247)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.101961); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -780, 96027.9561541693, 1); opacity: 0.999999;"><div class="number">97</div><div class="symbol">Bk</div><div class="name">Berkelium</div><div class="mass">(247)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.729412); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -780, 96203, 1); opacity: 0.999999;"><div class="number">98</div><div class="symbol">Cf</div><div class="name">Californium</div><div class="mass">(251)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.184314); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4721.254766286475, -430, 95786.50907548793, 1); opacity: 0.43254537743963567;"><div class="number">99</div><div class="symbol">Es</div><div class="name">Einsteinium</div><div class="mass">(252)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.333333); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -1480, 96589, 1); opacity: 0.875;"><div class="number">100</div><div class="symbol">Fm</div><div class="name">Fermium</div><div class="mass">(257)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.72549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -1472.9844312431746, 96749.16768158913, 1); opacity: 0.7541615920543393;"><div class="number">101</div><div class="symbol">Md</div><div class="name">Mendelevium</div><div class="mass">(258)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.6); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -430, 96228, 1); opacity: 0.999999;"><div class="number">102</div><div class="symbol">No</div><div class="name">Nobelium</div><div class="mass">(259)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.65098); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3705, -430, 96372.92014611744, 1); opacity: 0.999999;"><div class="number">103</div><div class="symbol">Lr</div><div class="name">Lawrencium</div><div class="mass">(262)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.678431); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -430, 96615, 1); opacity: 0.999999;"><div class="number">104</div><div class="symbol">Rf</div><div class="name">Rutherfordium</div><div class="mass">(267)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.372549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -780, 96666, 1); opacity: 0;"><div class="number">105</div><div class="symbol">Db</div><div class="name">Dubnium</div><div class="mass">(268)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.662745); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5010.49676238168, -430, 95913, 1); opacity: 0.22251618809159823;"><div class="number">106</div><div class="symbol">Sg</div><div class="name">Seaborgium</div><div class="mass">(269)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.372549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -81.1377267218804, 96606, 1); opacity: 0.8806886336094022;"><div class="number">107</div><div class="symbol">Bh</div><div class="name">Bohrium</div><div class="mass">(270)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.223529); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -80, 96001.84790753997, 1); opacity: 0.875;"><div class="number">108</div><div class="symbol">Hs</div><div class="name">Hassium</div><div class="mass">(269)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.784314); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4245, -780, 96377, 1); opacity: 0.999999;"><div class="number">109</div><div class="symbol">Mt</div><div class="name">Meitnerium</div><div class="mass">(278)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.654902); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -1480, 96758, 1); opacity: 0.71;"><div class="number">110</div><div class="symbol">Ds</div><div class="name">Darmstadtium</div><div class="mass">(281)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.564706); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -1130, 96324.20042178135, 1); opacity: 0.999999;"><div class="number">111</div><div class="symbol">Rg</div><div class="name">Roentgenium</div><div class="mass">(281)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.419608); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3435, -1130, 95994.07291008331, 1); opacity: 0.999999;"><div class="number">112</div><div class="symbol">Cn</div><div class="name">Copernicium</div><div class="mass">(285)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.333333); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -1130, 96320.77481634726, 1); opacity: 0.999999;"><div class="number">113</div><div class="symbol">Rv</div><div class="name">Ravikantium</div><div class="mass">Angellist Maximus</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.52549); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3165, -780, 96357.7440509742, 1); opacity: 0.999999;"><div class="number">114</div><div class="symbol">Fl</div><div class="name">Flerovium</div><div class="mass">(289)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.768627); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4198.248927788809, -728.7984968736606, 96734, 1); opacity: 0.8300000000000001;"><div class="number">115</div><div class="symbol">Uup</div><div class="name">Ununpentium</div><div class="mass">(288)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.192157); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2895, -1480, 96593.3303084275, 1); opacity: 0;"><div class="number">116</div><div class="symbol">Lv</div><div class="name">Livermorium</div><div class="mass">(293)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.592157); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4785, -430, 96829, 1); opacity: 0.355;"><div class="number">117</div><div class="symbol">Uus</div><div class="name">Ununseptium</div><div class="mass">(294)</div></div><div class="surface periodic-item" style="width: 120px; height: 160px; background-color: rgba(73, 160, 154, 0.67451); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4515, -80, 96561.72722332818, 1); opacity: 0.875;"><div class="number">118</div><div class="symbol">Ur</div><div class="name">Urasium</div><div class="mass">Michael Arrington</div></div><div class="surface caption" style="width: 200px; height: 32px; -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 3, 0, -100, -1016, 100000, 1); opacity: 0.999999;">periodic table</div></div><div class="surface periodic-item-hq" style="-webkit-transform: matrix3d(0.3333333333333333, 0, 0, 0, 0, 0.3333333333333333, 0, 0, 0, 0, 0.03333333333333333, 0, 502, -115.5, 200, 1); opacity: 0.999999; width: 360px; height: 480px; background-color: rgba(73, 160, 154, 0.282353);"><div class="number">78</div><div class="symbol">Pt</div><div class="name">Platinum</div><div class="mass">195.085</div></div><div class="surface periodic-item-hq periodic-item-back" style="-webkit-transform: matrix3d(-0.3333333333333333, 0, 0, 0, 0, 0.3333333333333333, 0, 0, 0, 0, -0.03333333333333333, 0, 502, -115.5, 200, 1); opacity: 0.999999; width: 360px; height: 480px; background-color: rgba(73, 160, 154, 0.282353);">Reserved for Future Examples</div></div>
<div id="overlay" class="container"><div class="surface" style="-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1); opacity: -0.0019608904960000118;"></div><div class="surface signup-box" style="width: 600px; height: 500px; -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 0.001, 0, -300, -125.5, 1, 1); opacity: 0;"><h3>Welcome to <strong>famo.us</strong><br><span class="sub">a javascript engine and framework that solves HTML5 performance</span></h3><p>40-60fps on phones, tablets, PCs, and televisions<br> mod a template, or piece together components<br> no plug-ins, no WebGL, no Canvas<br> works on modern browsers<br>everything is DOM<br> 65KB footprint</p><p class="experience">sign up for the beta, then experience famo.us</p></div><div class="surface signup" style="width: 600px; height: 150px; -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 0.001, 0, -300, 49.644999999999996, 1.00001, 1); opacity: 0;"><p><strong>Success!</strong> We just sent you an email with some more information. We'll send you updates soon.</p><div class="tweet-button"><a href="https://twitter.com/share?text=I%20can't%20believe%20what%20I%20saw%20HTML5%20do.%20Check%20out%20famo.us%20Beta%20%2B%20Demo&url=http%3A%2F%2Ffamo.us%2Fr%2FPflH&via=befamous" onclick="event.preventDefault(); window.open(event.currentTarget.href, '_blank', 'width=700,height=260');">Tweet</a></div></div><div class="surface signup-error" style="width: 600px; height: 20px; -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 0.001, 0, -300, 114.71000000000001, 1.00001, 1); opacity: 0;"></div><div class="surface signup-hide" style="width: 100px; height: 100px; -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 0.001, 0, -49.72500000000002, 74.275, 1.00001, 1); opacity: 0;"><img src="content/icons/circle-x.png" alt="x"></div><div class="surface overlay-text" style="width: 100px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0.999999;">famo.us</div><div class="surface jobs-button overlay-text" style="width: 80px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1284, 0, 0, 1); opacity: 0.999999;"><a href="http://angel.co/famo-us" target="_blank">jobs</a></div><div class="surface bottom-bar" style="width: 1364px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 189, 0, 1); opacity: 0.999999;"><div class="container-surface"><div class="surface shape-button-indicator" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 532, 0, 0.01, 1); opacity: 0.999999;"><div class="shape-button-indicator-box"></div></div><div class="surface shape-button" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 532, 0, 0, 1); opacity: 0.999999;"><img src="content/icons/paraflow.png" alt="PF"></div><div class="surface shape-button" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 772, 0, 0, 1); opacity: 0.999999;"><img src="content/icons/periodic.png" alt="P"></div><div class="surface shape-button" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 592, 0, 0, 1); opacity: 0.999999;"><img src="content/icons/sphere.png" alt="S"></div><div class="surface shape-button" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 652, 0, 0, 1); opacity: 0.999999;"><img src="content/icons/helix.png" alt="H"></div><div class="surface shape-button" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 712, 0, 0, 1); opacity: 0.999999;"><img src="content/icons/wall.png" alt="W"></div><div class="surface info-button" style="width: 200px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1164, 0, 0, 1); opacity: 0.999999;">fun things to do ⓘ</div><div class="surface shape-button" style="width: 60px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 892, 0, 0, 1); opacity: 0.999999;">
<a href="https://twitter.com/share?text=Wow!%20HTML5%20performance%20solved.%20Check%20out%20famo.us%20Beta%20%2B%20Demo&url=http%3A%2F%2Ffamo.us%2Fr%2FPflH&via=befamous" onclick="event.preventDefault(); window.open(event.currentTarget.href, '_blank', 'width=700,height=260');"><img src="content/icons/twitter.png" alt="Tweet"></a></div><div class="surface copyright" style="width: 300px; height: 60px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0.999999;">© 2012 Famous Industries, Inc.</div></div></div><div class="surface signup-show" style="-webkit-transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 1269, 109.5, 0, 1); opacity: 0.999999; width: 160px; height: 30px;"><a href="privateBeta" target="_blank">private beta</a></div><div class="surface signup-show" style="-webkit-transform: matrix3d(0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1, 0, -45, 109.5, 0, 1); opacity: 0.999999; width: 120px; height: 30px;">sign up for beta</div></div>
<script type="text/javascript">
// var _gaq = _gaq || [];
// _gaq.push(['_setAccount', 'UA-34653957-1']);
// _gaq.push(['_setCampSourceKey', 'utm_source']);
// _gaq.push(['_setCampMediumKey', 'utm_medium']);
// _gaq.push(['_setCampContentKey', 'utm_keyword']);
// _gaq.push(['_setCampTermKey', 'utm_keyword']);
// _gaq.push(['_setCampNameKey', 'utm_campaign']);
// _gaq.push(['_trackPageview']);
// (function() {
// var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
// ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
// })();
</script>
</body></html>