diff options
Diffstat (limited to 'js/stage/binding-view.reel/binding-hud.reel/binding-hud.css')
-rwxr-xr-x | js/stage/binding-view.reel/binding-hud.reel/binding-hud.css | 28 |
1 files changed, 16 insertions, 12 deletions
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css index 626706ed..aa204be7 100755 --- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css +++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css | |||
@@ -6,7 +6,7 @@ | |||
6 | 6 | ||
7 | .bindingHud { | 7 | .bindingHud { |
8 | position: absolute; | 8 | position: absolute; |
9 | background: #282828; | 9 | background: rgba(0, 0, 0, 0.8); |
10 | padding: 0px; | 10 | padding: 0px; |
11 | color: #FFF; | 11 | color: #FFF; |
12 | font-size: 11px; | 12 | font-size: 11px; |
@@ -15,6 +15,7 @@ | |||
15 | padding: 3px; | 15 | padding: 3px; |
16 | padding-top:0px; | 16 | padding-top:0px; |
17 | border:1px solid #000; | 17 | border:1px solid #000; |
18 | text-shadow: 1px 1px 0px #000; | ||
18 | } | 19 | } |
19 | 20 | ||
20 | .bindingHud .bindingTitle { | 21 | .bindingHud .bindingTitle { |
@@ -27,18 +28,21 @@ | |||
27 | } | 28 | } |
28 | 29 | ||
29 | .bindingHud .hudRepetition { | 30 | .bindingHud .hudRepetition { |
30 | background: #555; | 31 | background: rgba(0, 0, 0, 0.3); |
31 | padding:1px 9px; | ||
32 | line-height:16px; | 32 | line-height:16px; |
33 | border:1px solid #000; | ||
34 | box-shadow: inset 0px 0px 4px #333, 1px 1px 0px #3A3A3A; | 33 | box-shadow: inset 0px 0px 4px #333, 1px 1px 0px #3A3A3A; |
35 | min-width: 65px; | 34 | min-width: 80px; |
36 | } | 35 | } |
37 | 36 | ||
38 | .bindingHud .hudOption { | 37 | .bindingHud .hudOption { |
39 | position:relative; | 38 | position:relative; |
40 | border-bottom:1px solid #505050; | 39 | border-bottom:1px solid #505050; |
41 | line-height:16px; | 40 | line-height:16px; |
41 | padding:1px 9px; | ||
42 | } | ||
43 | .hudOption.bound, .bindingHud .hudOption.bound .connectorBubble { | ||
44 | background: #5e9eff; | ||
45 | display:block; | ||
42 | } | 46 | } |
43 | 47 | ||
44 | .bindingHud .hudOption:last-child { | 48 | .bindingHud .hudOption:last-child { |
@@ -47,14 +51,14 @@ | |||
47 | 51 | ||
48 | .bindingHud .hudOption .connectorBubble { | 52 | .bindingHud .hudOption .connectorBubble { |
49 | position: absolute; | 53 | position: absolute; |
50 | right: -20px; | 54 | right: -10px; |
51 | top: 2px; | 55 | top: 1px; |
52 | background: #555; | 56 | background: rgba(0, 0, 0, 0.3); |
53 | border: 1px solid black; | 57 | border-radius: 50%; |
54 | border-radius: 0px; | 58 | width: 16px; |
55 | width: 12px; | 59 | height: 16px; |
56 | height: 12px; | ||
57 | border-left: 0px; | 60 | border-left: 0px; |
61 | display: none; | ||
58 | /*border-bottom-right-radius: 50%; | 62 | /*border-bottom-right-radius: 50%; |
59 | border-top-right-radius: 50%;*/ | 63 | border-top-right-radius: 50%;*/ |
60 | 64 | ||