1 | body {
|
---|
2 | }
|
---|
3 |
|
---|
4 | /*
|
---|
5 | The overall container: always has class="fn-container", and also one of:
|
---|
6 | container-inactive container-active
|
---|
7 | */
|
---|
8 |
|
---|
9 | .fn-container {
|
---|
10 | position: relative;
|
---|
11 | }
|
---|
12 |
|
---|
13 | .fn-container img {
|
---|
14 | border-width: 0;
|
---|
15 | }
|
---|
16 |
|
---|
17 | .fn-area
|
---|
18 | {
|
---|
19 | position: absolute;
|
---|
20 | border:none;
|
---|
21 | border: 0px solid #D4D82D;
|
---|
22 | margin:1px;
|
---|
23 | }
|
---|
24 |
|
---|
25 | .fn-area-blackborder
|
---|
26 | {
|
---|
27 | border: 1px solid #000;
|
---|
28 | opacity: 0.40;
|
---|
29 | filter:alpha(opacity=40);
|
---|
30 | }
|
---|
31 |
|
---|
32 | .fn-area-whiteborder
|
---|
33 | {
|
---|
34 | border: 1px solid #FFF;
|
---|
35 | opacity: 0.40;
|
---|
36 | filter:alpha(opacity=40);
|
---|
37 | }
|
---|
38 |
|
---|
39 |
|
---|
40 |
|
---|
41 | .fn-area-inner
|
---|
42 | {
|
---|
43 | border: 1px solid #000000;
|
---|
44 | background-color:#FFF;
|
---|
45 | filter:alpha(opacity=0);
|
---|
46 | opacity:0;
|
---|
47 | cursor: pointer;
|
---|
48 | }
|
---|
49 |
|
---|
50 | .fn-note
|
---|
51 | {
|
---|
52 | position: absolute;
|
---|
53 | //max-width: 200px;
|
---|
54 | padding: 3px;
|
---|
55 | display:none;
|
---|
56 | cursor:default;
|
---|
57 | z-index:5000;
|
---|
58 | }
|
---|
59 |
|
---|
60 | .fn-note-text
|
---|
61 | {
|
---|
62 | font: 12px Arial,Helvetica,sans-serif;
|
---|
63 | background-color: #f3f3f3;
|
---|
64 | border: 1px solid #000000;
|
---|
65 | padding: 3px;
|
---|
66 | -moz-border-radius: 3px; /* Non-standard */
|
---|
67 | }
|
---|
68 |
|
---|
69 | .fn-note-edit-text
|
---|
70 | {
|
---|
71 | background-color: #f3f3f3;
|
---|
72 | border: 1px solid #000000;
|
---|
73 | padding: 5px;
|
---|
74 | -moz-border-radius: 3px; /* Non-standard */
|
---|
75 | }
|
---|
76 | .fn-note-edit
|
---|
77 | {
|
---|
78 | display:none;
|
---|
79 | }
|
---|
80 |
|
---|
81 | .fn-note-edit TEXTAREA
|
---|
82 | {
|
---|
83 | background-color:#f3f3f3;
|
---|
84 | border:0;
|
---|
85 | overflow:visible;
|
---|
86 | margin-bottom:10px;
|
---|
87 | padding:0;
|
---|
88 | width:100%;
|
---|
89 | font-size: 10pt;
|
---|
90 | margin:0;
|
---|
91 | }
|
---|
92 |
|
---|
93 |
|
---|
94 |
|
---|
95 |
|
---|
96 |
|
---|
97 | .Butt
|
---|
98 | {
|
---|
99 | background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAEiCAYAAAD0w4JOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgzMTc5QkE0NEQ0MTFFMDg0NThDMTEyQTJBNDEwMkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgzMTc5QkI0NEQ0MTFFMDg0NThDMTEyQTJBNDEwMkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTgyRjZDRDQ0RDMxMUUwODQ1OEMxMTJBMkE0MTAyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTgyRjZDRTQ0RDMxMUUwODQ1OEMxMTJBMkE0MTAyRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvMEaMUAAA9eSURBVHja7JsJVBRX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');
|
---|
100 | background-repeat:no-repeat;
|
---|
101 | background-position: 0 -120px;
|
---|
102 | background-color:#3865F9;
|
---|
103 | background-image:-moz-linear-gradient(-90deg, #7691FB, #5075FB 50%, #3865F9 50%, #3665FA);
|
---|
104 | font: 14px Georgia,Serif;
|
---|
105 | color: #363636;
|
---|
106 | height: 15px;
|
---|
107 | margin-top:-7px;
|
---|
108 | padding-left:20px;
|
---|
109 | }
|
---|
110 | .CancelButt
|
---|
111 | {
|
---|
112 | color: #000000;
|
---|
113 | background: #d9d9d5;
|
---|
114 | border-top-width: 1px;
|
---|
115 | border-right-width: 1px;
|
---|
116 | border-bottom-width: 1px;
|
---|
117 | border-left-width: 1px;
|
---|
118 | border-top-style: solid;
|
---|
119 | border-right-style: solid;
|
---|
120 | border-bottom-style: solid;
|
---|
121 | border-left-style: solid;
|
---|
122 | border-top-color: #fff;
|
---|
123 | border-right-color: #b6aeb3;
|
---|
124 | border-bottom-color: #b6aeb3;
|
---|
125 | border-left-color: #fff;
|
---|
126 | font: 12px Arial, Helvetica, sans-serif;
|
---|
127 |
|
---|
128 | margin-right:4px;
|
---|
129 | }
|
---|
130 | .DeleteButt { color: #000000; background: #DCE0E6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7; font: 12px Arial, Helvetica, sans-serif; }
|
---|
131 |
|
---|
132 |
|
---|
133 |
|
---|
134 | /* Note drag/resize UI */
|
---|
135 |
|
---|
136 | .dragresize {
|
---|
137 | position: absolute;
|
---|
138 | width: 5px;
|
---|
139 | height: 5px;
|
---|
140 | font-size: 1px;
|
---|
141 | background: white;
|
---|
142 | border: 1px solid black;
|
---|
143 | }
|
---|
144 |
|
---|
145 | .dragresize-tl {
|
---|
146 | top: -8px;
|
---|
147 | left: -8px;
|
---|
148 | cursor: nw-resize;
|
---|
149 | }
|
---|
150 | .dragresize-tm {
|
---|
151 | top: -8px;
|
---|
152 | left: 50%;
|
---|
153 | margin-left: -4px;
|
---|
154 | cursor: n-resize;
|
---|
155 | }
|
---|
156 | .dragresize-tr {
|
---|
157 | top: -8px;
|
---|
158 | right: -8px;
|
---|
159 | cursor: ne-resize;
|
---|
160 | }
|
---|
161 |
|
---|
162 | .dragresize-ml {
|
---|
163 | top: 50%;
|
---|
164 | margin-top: -4px;
|
---|
165 | left: -8px;
|
---|
166 | cursor: w-resize;
|
---|
167 | }
|
---|
168 | .dragresize-mr {
|
---|
169 | top: 50%;
|
---|
170 | margin-top: -4px;
|
---|
171 | right: -8px;
|
---|
172 | cursor: e-resize;
|
---|
173 | }
|
---|
174 |
|
---|
175 | .dragresize-bl {
|
---|
176 | bottom: -8px;
|
---|
177 | left: -8px;
|
---|
178 | cursor: sw-resize;
|
---|
179 | }
|
---|
180 | .dragresize-bm {
|
---|
181 | bottom: -8px;
|
---|
182 | left: 50%;
|
---|
183 | margin-left: -4px;
|
---|
184 | cursor: s-resize;
|
---|
185 | }
|
---|
186 | .dragresize-br {
|
---|
187 | bottom: -8px;
|
---|
188 | right: -8px;
|
---|
189 | cursor: se-resize;
|
---|
190 | }
|
---|
191 |
|
---|
192 |
|
---|