Store and publish annotations on the web, as described in the Web Annotation Discovery proposal.

  1. body {
  2. font-size: 18px;
  3. font-family: 'Lato', sans-serif;
  4. }
  5. body > main {
  6. margin: 3em auto;
  7. max-width: 30em;
  8. }
  9. a {
  10. color: unset;
  11. }
  12. a:hover,
  13. a:focus {
  14. color: darkblue;
  15. }
  16. .annotationBody {
  17. border: #999 1px solid;
  18. border-radius: 10px;
  19. box-shadow: 10px 10px 10px #9996;
  20. margin: 10px 0px;
  21. padding: 10px 40px 10px 20px;
  22. background-color: lightyellow;
  23. }
  24. .targets {
  25. list-style: none;
  26. }
  27. .textquote {
  28. padding: 0 1em;
  29. margin-top: 0.4em;
  30. }
  31. .textquote mark {
  32. background: #ff99;
  33. }
  34. .textquote::before {
  35. content: open-quote;
  36. }
  37. .textquote::after {
  38. content: close-quote;
  39. }
  40. .small {
  41. font-size: smaller;
  42. }
  43. .large {
  44. font-size: larger;
  45. }
  46. a.plainlink {
  47. text-decoration: none;
  48. color: unset;
  49. }
  50. .infobox {
  51. margin: 3em 0;
  52. padding: 1em;
  53. background: #f8f8f8;
  54. }
  55. details > summary {
  56. cursor: pointer;
  57. }