diff options
Diffstat (limited to 'js/panels/binding/edit-binding-view.reel/edit-binding-view.css')
-rw-r--r-- | js/panels/binding/edit-binding-view.reel/edit-binding-view.css | 87 |
1 files changed, 82 insertions, 5 deletions
diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css index aa539cd6..23585aca 100644 --- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css +++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css | |||
@@ -13,12 +13,60 @@ | |||
13 | position: absolute; | 13 | position: absolute; |
14 | top: 0; | 14 | top: 0; |
15 | width: 100%; | 15 | width: 100%; |
16 | -webkit-transition-property: -webkit-transform, box-shadow; | 16 | -webkit-transition-property: -webkit-transform; |
17 | -webkit-transition-duration: .55s, .2s; | 17 | -webkit-transition-duration: .55s; |
18 | -webkit-transition-timing-function: cubic-bezier(.44,.19,0,.99); | 18 | -webkit-transition-timing-function: cubic-bezier(.44,.19,0,.99); |
19 | -webkit-user-select: text; | 19 | -webkit-user-select: text; |
20 | } | 20 | } |
21 | 21 | ||
22 | /* ------------------- | ||
23 | Object Editing Section | ||
24 | --------------------- */ | ||
25 | .edit-object-binding { | ||
26 | border-bottom: 1px solid #505050; | ||
27 | display: -webkit-box; | ||
28 | margin: 5px; | ||
29 | padding-bottom: 5px; | ||
30 | -webkit-box-orient: horizontal; | ||
31 | } | ||
32 | .object-container { | ||
33 | display: -webkit-box; | ||
34 | -webkit-box-orient: horizontal; | ||
35 | -webkit-box-flex: 1; | ||
36 | overflow: hidden; | ||
37 | } | ||
38 | .object-container:first-child { | ||
39 | margin-right: 5px; | ||
40 | } | ||
41 | .object-icon-container { | ||
42 | background-color: #414141; | ||
43 | border-radius: 5px; | ||
44 | border: 1px solid #333; | ||
45 | box-shadow: inset 0 0 5px 0px #333, 0 1px 0 #585858; | ||
46 | height: 40px; | ||
47 | width: 40px; | ||
48 | -webkit-box-flex: 0; | ||
49 | } | ||
50 | .object-icon-container > div { | ||
51 | height: 100%; | ||
52 | width: 100%; | ||
53 | } | ||
54 | .edit-object-binding .object-icon { | ||
55 | -webkit-transform: scale(.75); | ||
56 | height: 100%; | ||
57 | margin: 0; | ||
58 | width: 100%; | ||
59 | position:relative; | ||
60 | top: -1px; | ||
61 | left: -1px; | ||
62 | } | ||
63 | .object-fields-container { | ||
64 | -webkit-box-flex: 1; | ||
65 | padding-top: 1px; | ||
66 | width: 1px; | ||
67 | } | ||
68 | |||
69 | |||
22 | .edit-binding-view ul { | 70 | .edit-binding-view ul { |
23 | padding: 0; | 71 | padding: 0; |
24 | margin: 0; | 72 | margin: 0; |
@@ -34,14 +82,43 @@ | |||
34 | width: 50%; | 82 | width: 50%; |
35 | } | 83 | } |
36 | 84 | ||
85 | .checkbox-container { | ||
86 | position: absolute; | ||
87 | left: 50%; | ||
88 | } | ||
89 | .checkbox-container label { | ||
90 | position: relative; | ||
91 | top: -3px; | ||
92 | } | ||
93 | |||
94 | .buttons-container { | ||
95 | background-color: #474747; | ||
96 | position: absolute; | ||
97 | bottom: 5px; | ||
98 | width: 100%; | ||
99 | } | ||
100 | |||
101 | .edit-binding-view .btn-delete, .edit-binding-view .btn-cancel, .edit-binding-view .btn-save { | ||
102 | width: 72px; | ||
103 | display: inline-block; | ||
104 | margin: 0 5px; | ||
105 | } | ||
106 | .edit-binding-view .btn-cancel, .edit-binding-view .btn-save { | ||
107 | float:right; | ||
108 | margin: 0 5px 0 0; | ||
109 | } | ||
37 | /* hintable fields */ | 110 | /* hintable fields */ |
38 | 111 | ||
39 | .hintable-field { | 112 | .hintable-field { |
40 | background-color: #444; | 113 | background-color: #444; |
41 | border: 1px solid #313131; | 114 | border: 1px solid #313131; |
42 | display: inline-block; | 115 | display: block; |
43 | height: 13px; | 116 | height: 13px; |
44 | margin-left: 5px; | 117 | margin: 0 0 5px 5px; |
45 | padding: 1px 4px; | 118 | padding: 1px 4px; |
46 | width: 45%; | 119 | width: 80%; |
120 | } | ||
121 | |||
122 | .hintable-field:focus { | ||
123 | border: 1px solid #313131; | ||
47 | } \ No newline at end of file | 124 | } \ No newline at end of file |