aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css')
-rw-r--r--node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css141
1 files changed, 141 insertions, 0 deletions
diff --git a/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css b/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
new file mode 100644
index 00000000..3147fc67
--- /dev/null
+++ b/node_modules/montage/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
@@ -0,0 +1,141 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.montage-resizer {
8 display: inline-block;
9}
10
11.montage-resizer-container {
12 position: absolute;
13 border: 1px solid black;
14}
15
16.montage-resizer-handle {
17 position: absolute;
18 width: 7px;
19 height: 7px;
20 border: 1px solid black;
21 -moz-border-radius: 4px;
22 border-radius: 4px;
23 background: white;
24}
25
26.montage-resizer-handle:hover {
27 width: 9px;
28 height: 9px;
29 -moz-border-radius: 5px;
30 border-radius: 5px;
31}
32
33#montage-resizer-handle-n {
34 top: -4px;
35 left: 50%;
36 margin-left: -4px;
37 cursor: n-resize;
38}
39
40#montage-resizer-handle-n:hover {
41 top: -5px;
42 margin-left: -5px;
43}
44
45#montage-resizer-handle-ne {
46 top: -4px;
47 right: -4px;
48 cursor: ne-resize;
49}
50
51#montage-resizer-handle-ne:hover {
52 top: -5px;
53 right: -5px;
54}
55
56#montage-resizer-handle-e {
57 right: -4px;
58 top: 50%;
59 margin-top: -4px;
60 cursor: e-resize;
61}
62
63#montage-resizer-handle-e:hover {
64 right: -5px;
65 margin-top: -5px;
66}
67
68#montage-resizer-handle-se {
69 bottom: -4px;
70 right: -4px;
71 cursor: se-resize;
72}
73
74#montage-resizer-handle-se:hover {
75 bottom: -5px;
76 right: -5px;
77}
78
79#montage-resizer-handle-s {
80 bottom: -4px;
81 left: 50%;
82 margin-left: -4px;
83 cursor: s-resize;
84}
85
86#montage-resizer-handle-s:hover {
87 bottom: -5px;
88 margin-left: -5px;
89}
90
91#montage-resizer-handle-sw {
92 bottom: -4px;
93 left: -4px;
94 cursor: sw-resize;
95}
96
97#montage-resizer-handle-sw:hover {
98 bottom: -5px;
99 left: -5px;
100}
101
102#montage-resizer-handle-w {
103 left: -4px;
104 top: 50%;
105 margin-top: -4px;
106 cursor: w-resize;
107}
108
109#montage-resizer-handle-w:hover {
110 left: -5px;
111 margin-top: -5px;
112}
113
114#montage-resizer-handle-nw {
115 top: -4px;
116 left: -4px;
117 cursor: nw-resize;
118}
119
120#montage-resizer-handle-nw:hover {
121 top: -5px;
122 left: -5px;
123}
124
125.montage-resizer-image {
126 position: absolute;
127 display: none;
128 top: 0;
129 left: 0;
130 width: 100%;
131 height: 100%;
132 opacity: 0.5;
133}
134
135.montage-editor-resizing .montage-resizer-image {
136 display: block;
137}
138
139.montage-resizer-element::selection {
140 background: rgba(0,0,0,0);
141}