126 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			126 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
td.internal-link,
 | 
						|
div.internal-link,
 | 
						|
span.internal-link {
 | 
						|
  color: var(--text-accent);
 | 
						|
  text-decoration-line: none !important;
 | 
						|
}
 | 
						|
 | 
						|
td.internal-link:hover,
 | 
						|
div.internal-link:hover,
 | 
						|
span.internal-link:hover {
 | 
						|
  color: var(--text-accent-hover, var(--text-accent));
 | 
						|
}
 | 
						|
 | 
						|
tr.GA-linked td:first-child::before,
 | 
						|
span.GA-linked::before,
 | 
						|
div.GA-linked::before {
 | 
						|
}
 | 
						|
tr.GA-not-linked,
 | 
						|
span.GA-not-linked {
 | 
						|
  /* background-color: yellow; */
 | 
						|
}
 | 
						|
 | 
						|
.GA-icon {
 | 
						|
  color: var(--text-normal);
 | 
						|
  width: 13px;
 | 
						|
  height: 13px;
 | 
						|
  display: inline-block;
 | 
						|
  padding-top: 2px !important;
 | 
						|
}
 | 
						|
 | 
						|
.GA-Global {
 | 
						|
  color: red;
 | 
						|
}
 | 
						|
.GA-Global::before {
 | 
						|
  content: '🌍';
 | 
						|
}
 | 
						|
 | 
						|
td.GA-measure {
 | 
						|
  /* display:none */
 | 
						|
}
 | 
						|
td.GA-node {
 | 
						|
  /* background-color: yellow */
 | 
						|
}
 | 
						|
 | 
						|
select.dropdown.GA-DD {
 | 
						|
  line-height: normal;
 | 
						|
  padding: 0.2em 1.9em 0.2em 0.4em;
 | 
						|
  width: fit-content;
 | 
						|
}
 | 
						|
 | 
						|
button.GA-Refresh-Button {
 | 
						|
  margin-left: 5px;
 | 
						|
  padding: 3px;
 | 
						|
}
 | 
						|
 | 
						|
body.is-mobile .GA-details,
 | 
						|
body.is-mobile .GA-details::before {
 | 
						|
  font-size: larger;
 | 
						|
}
 | 
						|
 | 
						|
.GA-highlight-sentence {
 | 
						|
  animation: highlightSentence 1.5s 1;
 | 
						|
  border-radius: 3px;
 | 
						|
}
 | 
						|
 | 
						|
@keyframes highlightSentence {
 | 
						|
  0% {
 | 
						|
    background-color: transparent;
 | 
						|
  }
 | 
						|
  10% {
 | 
						|
    background-color: var(--text-highlight-bg);
 | 
						|
  }
 | 
						|
  80% {
 | 
						|
    background-color: var(--text-highlight-bg);
 | 
						|
  }
 | 
						|
  100% {
 | 
						|
    background-color: transparent;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
.GA-View ::-webkit-scrollbar {
 | 
						|
  width: 1em;
 | 
						|
  height: 0px;
 | 
						|
  border-radius: 10px;
 | 
						|
  background-color: var(--scrollbar-bg);
 | 
						|
}
 | 
						|
 | 
						|
.scrollContainer {
 | 
						|
  padding: 0px 0px 4px 0px;
 | 
						|
}
 | 
						|
.scrollContainer:hover {
 | 
						|
  padding: 0px;
 | 
						|
}
 | 
						|
 | 
						|
.GA-View .scrollContainer:hover ::-webkit-scrollbar {
 | 
						|
  height: 4px;
 | 
						|
}
 | 
						|
.GA-View ::-webkit-scrollbar-track {
 | 
						|
  border-radius: 10px;
 | 
						|
}
 | 
						|
 | 
						|
.GA-View ::-webkit-scrollbar-thumb {
 | 
						|
  border-radius: 10px;
 | 
						|
  background-color: var(--scrollbar-thumb-bg);
 | 
						|
}
 | 
						|
 | 
						|
div.CC-sentence > ul,
 | 
						|
div.CC-sentence > ol,
 | 
						|
div.CC-sentence > p {
 | 
						|
  margin-block-start: 0;
 | 
						|
  margin-block-end: 0;
 | 
						|
}
 | 
						|
 | 
						|
mark.CC-mark {
 | 
						|
  color: var(--text-normal);
 | 
						|
  background-color: var(--text-highlight-bg);
 | 
						|
}
 | 
						|
.CC-edit {
 | 
						|
  margin-block-start: 0;
 | 
						|
  margin-block-end: 0;
 | 
						|
}
 | 
						|
 | 
						|
.CC-hr {
 | 
						|
  margin-block-start: 0.3em;
 | 
						|
  margin-block-end: 0.3em;
 | 
						|
} |