110 } |
110 } |
111 .annotation-area { |
111 .annotation-area { |
112 float: left; clear: both; width: 490px; padding: 2px; opacity: .2; |
112 float: left; clear: both; width: 490px; padding: 2px; opacity: .2; |
113 } |
113 } |
114 .annotation-form { |
114 .annotation-form { |
115 float: left; clear: both; width: 490px; padding: 2px; background: rgba(200,200,200,.9); |
115 float: left; clear: both; width: 480px; padding: 7px; background: rgba(200,200,200,.9); |
116 } |
116 } |
117 .annotation-form h3 { |
117 .annotation-form h3 { |
118 color: #197CAA; font-size: 14px; font-weight: bold; margin: 2px 5px 0; |
118 color: #197CAA; font-size: 14px; font-weight: bold; margin: 2px 0 0; |
119 } |
119 } |
120 .annotation-textarea { |
120 .annotation-textarea { |
121 margin: 5px; height: 120px; resize: none; border: 1px solid #666; padding: 2px; width: 474px; |
121 height: 120px; resize: none; border: 1px solid #666; padding: 2px; width: 472px; |
122 } |
122 } |
123 ul.annotation-tags-form { |
123 ul.annotation-tags-form { |
124 font-size: 12px; margin: 5px; border-radius: 0; border: 1px solid #666; |
124 font-size: 12px; border-radius: 0; border: 1px solid #666; margin-bottom: 5px; |
125 } |
125 } |
126 .annotation-submit, .annotation-remove { |
126 .annotation-tags li { |
127 width: 235px; height: 20px; line-height: 20px; font-size: 14px; |
127 float: left; padding: 2px; border: 1px solid #666; background: #cccccc; border-radius: 3px; margin-right: 2px; |
128 padding: 0; margin: 5px; color: #ffffff; font-weight: bold; border: none; |
128 } |
|
129 .annotation-submit, a.annotation-remove { |
|
130 width: 235px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; |
|
131 padding: 0; margin: 0; color: #ffffff; font-weight: bold; border: none; font-family: Arial, Helvetica, sans-serif; |
|
132 float: left; |
129 } |
133 } |
130 .annotation-submit:hover, .annotation-remove:hover { |
134 .annotation-submit:hover, .annotation-remove:hover { |
131 opacity: .8; |
135 opacity: .8; |
132 } |
136 } |
133 .annotation-submit { |
137 .annotation-submit { |
134 background: #197CAA; |
138 background: #197CAA; margin-left: 10px; |
135 } |
139 } |
136 .annotation-remove { |
140 .annotation-remove { |
137 background: #990000; |
141 background: #990000; |
138 } |
142 } |
139 |
143 |
157 } |
161 } |
158 .annotation-selected { |
162 .annotation-selected { |
159 color: #ffffff; |
163 color: #ffffff; |
160 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGD4DwABBAEAfbLI3wAAAABJRU5ErkJggg==) !important; |
164 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGD4DwABBAEAfbLI3wAAAABJRU5ErkJggg==) !important; |
161 } |
165 } |
|
166 |
|
167 .add-annotation { |
|
168 position: absolute; background: #197CAA; color: #fffff; padding: 6px; border-radius: 3px; |
|
169 font-size: 14px; font-weight: bold; color: #ffffff; cursor: hand; display: none; |
|
170 } |
|
171 |
162 .annotation-frame-box { |
172 .annotation-frame-box { |
163 display: none; |
173 display: none; |
164 } |
174 } |
165 |
175 |
166 .annotation-frame-box div { |
176 .annotation-frame-box div { |