segment.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .segment{
  2. line-height: 45px;
  3. position: relative;
  4. }
  5. .rich-token{
  6. position: relative;
  7. display: inline-block;
  8. line-height: 25px;
  9. }
  10. .rich-token .token{
  11. font-size: 20px;
  12. }
  13. .rich-token .pos-tag,
  14. .rich-token .lemma{
  15. position: absolute;
  16. color: #BDBDBD;
  17. font-size: 10px;
  18. top: -18px;
  19. left: 35%;
  20. }
  21. .rich-token:hover .pos-tag{
  22. color: #666;
  23. }
  24. .rich-token .multiple-marker{
  25. position: absolute;
  26. top: -20px;
  27. right: 3px;
  28. font-size: 10px;
  29. color: #691FD8;
  30. }
  31. .entity-occurrence{
  32. font-weight: bold;
  33. border-bottom: 2px dashed #bbb;
  34. padding: 0 4px;
  35. cursor: help;
  36. -webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
  37. transition: background .5s;
  38. z-index: 200;
  39. border-radius: 10px;
  40. }
  41. .entity-occurrence.selected{
  42. border-bottom: 3px solid #666 !important;
  43. }
  44. .entity-occurrence.highlight{
  45. color: #f00;
  46. background: rgba(255, 182, 0, 0.17);
  47. }
  48. .rich-token.entity-occurrence.selectable,
  49. .rich-token.entity-occurrence.hover,
  50. .rich-token.entity-occurrence:hover{
  51. background: rgba(255, 182, 0, 0.17);
  52. }
  53. .parse-tree-button-wrapper{
  54. position: absolute;
  55. right: 10px;
  56. top: -8px;
  57. }
  58. .parse-tree-button{
  59. color: #bbb;
  60. }