1 | .settings {
|
2 | position: absolute;
|
3 | left: 0;
|
4 | right: 0;
|
5 | margin: 0 auto;
|
6 | width: 30%;
|
7 | min-width: 300px;
|
8 | min-height: 300px;
|
9 | text-align: center;
|
10 | vertical-align: middle;
|
11 | color:white;
|
12 | background: #4A4A4A;
|
13 | padding: 1em;
|
14 | font-weight: lighter;
|
15 | z-index: 2;
|
16 | }
|
17 |
|
18 | .header {
|
19 | margin-top: 0;
|
20 | margin-bottom: 1em;
|
21 | }
|
22 |
|
23 | .closeButton {
|
24 | position: absolute;
|
25 | top: 0;
|
26 | right: 0;
|
27 | padding: 1em;
|
28 | cursor: pointer;
|
29 | }
|
30 |
|
31 | .controlsContainer {
|
32 | display: flex;
|
33 | flex-direction: column;
|
34 | flex-wrap: wrap;
|
35 | align-content: flex-start;
|
36 | align-items: center;
|
37 | }
|
38 |
|
39 | .settingElement {
|
40 | text-align: left;
|
41 | align-self: auto;
|
42 | margin-bottom: 0.5em;
|
43 | }
|
44 |
|
45 | .label {
|
46 | display: inline-block;
|
47 | min-width: 200px;
|
48 | width: 200px;
|
49 | }
|
50 |
|
51 | .rollbackValue {
|
52 | height: 2em;
|
53 | width: 48px;
|
54 | box-sizing: border-box;
|
55 | border: none;
|
56 | text-align: center;
|
57 | font-weight: bold;
|
58 | margin-right: 16px;
|
59 | vertical-align: middle;
|
60 | }
|
61 |
|
62 | .timecodeLabel {
|
63 | display: block;
|
64 | text-align: center;
|
65 | }
|