annotation_layer_builder_overrides.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* Copyright 2017 Mozilla Foundation
  2. *
  3. * Licensed under the Apache License, Version 2.0 (the "License");
  4. * you may not use this file except in compliance with the License.
  5. * You may obtain a copy of the License at
  6. *
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software
  10. * distributed under the License is distributed on an "AS IS" BASIS,
  11. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. * See the License for the specific language governing permissions and
  13. * limitations under the License.
  14. */
  15. /* Overrides to make the annotation layer visible for reference testing. */
  16. .annotationLayer {
  17. position: absolute;
  18. }
  19. .annotationLayer .buttonWidgetAnnotation.pushButton > img {
  20. width: 100%;
  21. height: 100%;
  22. position: absolute;
  23. }
  24. .annotationLayer .buttonWidgetAnnotation.checkBox input,
  25. .annotationLayer .buttonWidgetAnnotation.radioButton input {
  26. -webkit-appearance: none;
  27. }
  28. .annotationLayer .linkAnnotation > a,
  29. .annotationLayer .buttonWidgetAnnotation.pushButton > a,
  30. .annotationLayer .popupTriggerArea {
  31. opacity: 0.2;
  32. background: rgba(255, 255, 0, 1);
  33. box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
  34. }
  35. .annotationLayer .popupAnnotation,
  36. .annotationLayer .popupWrapper {
  37. display: block;
  38. }
  39. .annotationLayer .popup h1,
  40. .annotationLayer .popup p {
  41. margin: 0;
  42. padding: 0;
  43. }
  44. .annotationLayer .annotationTextContent {
  45. position: absolute;
  46. width: 100%;
  47. height: 100%;
  48. opacity: 0.4;
  49. background-color: transparent;
  50. color: red;
  51. font-size: 10px;
  52. }