2020-05-25 19:08:05 +00:00
|
|
|
* { margin: 0; padding: 0; overflow: hidden; }
|
2019-03-27 21:51:03 +00:00
|
|
|
html, body { width:100%; height:100%; }
|
2020-05-30 08:03:00 +00:00
|
|
|
canvas { display:block; position: fixed; width: 100vw; height: 100vh; }
|
2020-05-25 19:08:05 +00:00
|
|
|
select#eq-set { width: 100%; }
|
|
|
|
|
.vertical-menu { position: fixed; width: 30%; min-width: 200px; top: 0; bottom: 30px; z-index: 2; background-color: #eee; display: flex; flex-direction: column; justify-content: space-between; padding: 0.5em; overflow-y: auto; }
|
|
|
|
|
.menu-header { font-weight: bold; }
|
2020-05-30 08:03:00 +00:00
|
|
|
.controls { position: relative; z-index: 3; top: calc(100% - 30px); height: 30px; display: flex; align-items: center; width: 100%; justify-content: flex-start; opacity: 0.5; }
|
2020-05-25 19:08:05 +00:00
|
|
|
.controls:hover { opacity: 1.0; }
|
|
|
|
|
.menu-item { flex-shrink: 0; }
|
|
|
|
|
.horizontal-flex { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
|
|
|
|
|
.eq-set-options { display: none; }
|
