source: main/trunk/model-cols-dev/peijones/style/PhotoNotes-1.5.css@ 24963

Last change on this file since 24963 was 24823, checked in by papitha, 12 years ago

Look and feel changes made to Annotator and PhotoNote
File size: 9.6 KB
Line 
1body {
2}
3
4/*
5The overall container: always has class="fn-container", and also one of:
6container-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{
99background-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
Note: See TracBrowser for help on using the repository browser.