diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html index b7860b123f6c68c90e44fe5e975d8240aa453aee..55cb749cbe99241e5af1d88cbc8323b3e1316363 100644 --- a/examples/webgl_loader_gltf.html +++ b/examples/webgl_loader_gltf.html @@ -31,102 +31,67 @@ } #controls { - position:absolute; - width:250px; - bottom:0%; - right:0%; - height:132px; - background-color:White; - opacity:.9; - font: 13px/1.231 "Lucida Grande", Lucida, Verdana, sans-serif; - } - - #status { - position:absolute; - width:25%; - left:2%; - top:95%; - height:5%; - opacity:.9; - font: 13px/1.231 "Lucida Grande", Lucida, Verdana, sans-serif; - } - - .control { - position:absolute; - margin-left:12px; - width:100%; - font-weight:bold; - } - - .controlValue { - position:absolute; - left:36%; - top:0%; - } - - #scenes_control { - position:absolute; - top:8px; + position: absolute; + width: 200px; + bottom: 0px; + left: 0px; + padding: 10px; + background-color: White; + font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; } - #cameras_control { - position:absolute; - top:40px; + #controls > div { + margin-bottom: 8px; } - #animations_control { - position:absolute; - top:72px; + #controls hr { + border: 0px; + height: 1px; + margin-bottom: 10px; + background-color: #bbb; } - #extensions_control { - position:absolute; - top:104px; + #info a, .button { + color: #f00; + font-weight: bold; + text-decoration: underline; + cursor: pointer } - - #info a, .button { color: #f00; font-weight: bold; text-decoration: underline; cursor: pointer }