12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- .segment{
- line-height: 45px;
- position: relative;
- }
- .rich-token{
- position: relative;
- display: inline-block;
- line-height: 25px;
- }
- .rich-token .token{
- font-size: 20px;
- }
- .rich-token .pos-tag,
- .rich-token .lemma{
- position: absolute;
- color: #BDBDBD;
- font-size: 10px;
- top: -18px;
- left: 35%;
- }
- .rich-token:hover .pos-tag{
- color: #666;
- }
- .rich-token .multiple-marker{
- position: absolute;
- top: -20px;
- right: 3px;
- font-size: 10px;
- color: #691FD8;
- }
- .entity-occurrence{
- font-weight: bold;
- border-bottom: 2px dashed #bbb;
- padding: 0 4px;
- cursor: help;
- -webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
- transition: background .5s;
- z-index: 200;
- border-radius: 10px;
- }
- .entity-occurrence.selected{
- border-bottom: 3px solid #666 !important;
- }
- .entity-occurrence.highlight{
- color: #f00;
- background: rgba(255, 182, 0, 0.17);
- }
- .rich-token.entity-occurrence.selectable,
- .rich-token.entity-occurrence.hover,
- .rich-token.entity-occurrence:hover{
- background: rgba(255, 182, 0, 0.17);
- }
- .parse-tree-button-wrapper{
- position: absolute;
- right: 10px;
- top: -8px;
- }
- .parse-tree-button{
- color: #bbb;
- }
|