a:link, a:hover, a:active, a:visited{color: #000;} body, canvas{margin: 0; padding: 0;} *:not(#input, #graph_editor_input){ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #functions td:nth-child(1){ width: 5%; } #functions td:nth-child(1) div{ width: 20px; height: 20px; border-width: 3px; border-style: solid; border-radius: 50%; } #functions td:nth-child(3){ width: 5%; } #functions td:nth-child(3) button{ width: 100%; background-color: #F00; border: 2px solid #F00; border-radius: 2px; } #input_holder{ position: absolute; display: block; bottom: 0; right: 0; padding: 5px 0.5% 5px 0.5%; width: 79%; height: 30px; background-color: #777; } #input{ width: 95%; height: 30px; font-size: 18px; } #submit{ width: 4%; height: 30px; margin: 0; padding: 0; } #displayer{ position: absolute; display: block; background-color: #999; padding: 0 1% 0 1%; width: 18%; height: 100%; border-right: 5px solid #000; } #canvas_holder{ position: absolute; left: 20%; width: 80%; } .displayer{ width: 100%; } .holder{ border: 5px solid #000; background-color: #777; overflow-y: auto; } #variable_holder{ margin-top: 20px; margin-bottom: 20px; } #settings_holder{ text-align: left; } #settings_holder span{ margin: 10px; } legend{ font-size: 30px; } #scroll_input{ width: calc(100% - 20px); margin: 10px; } .displayer button{ text-align: left; font-size: 20px; width: 100%; padding: 5px; cursor: pointer; } #graph_editor_wrapper{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); } #graph_editor{ position: absolute; width: 400px; min-height: 400px; background-color: #BBB; border-radius: 10px; border: 4px solid #000; box-shadow: 10px 10px 10px #000; } #graph_editor_thickness{ width: 20%; height: 25px; margin-left: 5%; font-size: 20px; } #graph_editor_input{ width: 90%; height: 30px; margin: 5%; font-size: 23px; } #graph_editor_done{ width: 80px; height: 40px; font-size: 25px; margin: 20px; background-color: #99FF99; float: right; border: 3px solid #99FF99; border-radius: 5px; box-shadow: 2px 2px 5px #000; }