source: gs3-extensions/overlay-notes/trunk/src/PhotoNotes-1.5.css@ 26826

Last change on this file since 26826 was 26826, checked in by davidb, 11 years ago

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