html, body { margin: 0; padding: 0; width: 100%; height: 100%; background-color: white; cursor: default; } ul { padding-left: 1em; margin-bottom: 0.5em; margin-top: 0.5em; } ul li { list-style-type: none; display: inline-block; margin-right: 3em; cursor: pointer; } ul li:last-child { margin-right: 0; } svg { left: 0 !important; } .container { width: 100%; height: 100%; overflow: hidden; } .container a, .container p, .container li { color: black; font-family: Sinkin Sans Light; font-size: 0.7em; } .container .formSend { float: right; width: 420px; height: 55px; } .container .formSend button { margin-right: 0.7em; margin-bottom: 2em; margin-top: 1.2em; border: 0; color: white; width: 47%; height: 50%; border-radius: 1em; moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; text-transform: uppercase; font-family: "Sinkin Sans Semi-Bold"; outline: none; cursor: pointer; } .container .formSend button.grey { text-align: left; padding-left: 1.5em; background-color: #424242; } .container .formSend button.blue { text-align: right; padding-right: 1.5em; background-color: #7facc1; } .container #Parameters, .container #List { overflow: auto; width: 25%; /*height: 751px;*/ position: relative; float: left; margin-left: 1%; } .container #Parameters svg, .container #List svg { width: 100%; } .container #Parameters { position: relative; margin-right: 1%; background-color: #262626 !important; } .container #Parameters a { margin-left: 3em; color: white; } .container #Parameters .parametersClass { border: 1px white solid; margin: 0.9em; padding-left: 0.3em; padding-top: 0.5em; padding-bottom: 0.5em; border-radius: 2px; moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; width: 88%; } .container #Parameters .parametersClass a { border: 0; } .container #Parameters input.parametersClass, .container #Parameters select.parametersClass { border: 0; padding: 0; height: 2em; margin-left: 3em !important; cursor: pointer; } .container #Parameters input.parametersClass { width: 70%; padding-left: 2em; font-family: "Sinkin Sans Light"; } .container #Parameters select.parametersClass { width: 77%; text-indent: 1em; font-family: "Sinkin Sans Light"; } .container #Parameters .parametersEditedNode { width: 90%; margin: 0.9em; height: 25px; } .container #Parameters .parametersEditedNode a { height: 100%; text-align: center; font-family: "Sinkin Sans Light"; } .container #Parameters .parametersHelp { position: absolute; bottom: 0; width: 100%; padding: 0; background-color: black; } .container #Parameters .parametersHelp a { padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.5em; padding-bottom: 2em; display: block; width: auto; text-align: left; border: 0; color: #828282; font-style: italic; max-height: 95%; height: 95%; } .container .GraphContainer { width: 46%; /*height: 751px;*/ height: 100%; max-height: 100%; position: relative; float: left; margin-left: 1%; } .container #Graph { background: -ms-linear-gradient(top, #262626 0%, #7d7e7d 100%); background: linear-gradient(top, #262626 0%, #7d7e7d 100%); background: -webkit-linear-gradient(top, #262626 0%, #7d7e7d 100%); position: relative; overflow: scroll; height: 96%; width: 100%; position: relative; } .container #Graph svg { overflow: scroll; height: 100%; display: inline-block; } .container #Toolbar { margin: 0; padding: 0; background-color: black; padding-top: 1.1%; padding-bottom: 1.1%; } .container #Toolbar ul { padding: 0; margin: 0; position: relative; } .container #Toolbar ul li { color: white; margin-right: 4em; } .container #Toolbar ul li:first-child { margin-left: 3em; } .container #Toolbar ul li:last-child { margin-right: 0; } .container #Toolbar ul li.border { padding: 0.2em; border: 1px solid white; } .container #List { background-color: #3a3a3a; max-height: 95%; height: 95%; }