1{{ define "styles" }} 2 3html { overflow-y: scroll; } 4 5table { width: 100%; border-collapse:collapse; } 6 7tr, th { border: 2px solid white; background-color: gray; font-size: 18px; } 8 9tr, td { border: 2px solid white; font-size: 16px; } 10 11tbody tr { display: none; margin:0; padding:0; } 12 13td { padding: 0px; } 14td div { font-size: 0px; } 15div span { font-size: 16px; } 16 17div.invisible { display: none; } 18 19span.span_whitespace { background-color: blue; opacity: 0.75; } 20span.span_grapheme { background-color: yellow; opacity: 0.75; } 21 22span.span_softBreak {border-left: 2px solid red; } 23span.span_hardBreak { border-left: 2px solid coral; } 24span.span_word { border-left: 2px solid darkturquoise; } 25span.span_control { border-left: 2px solid green; } 26 27input[type='button'] { 28 border: 0; 29 background-color: lightsteelblue; 30 cursor: pointer; 31 width: 100%; 32 height: 100%; 33 display: block; 34 box-shadow: none; 35 margin:0; 36 padding:0; 37 font-size: 16px; 38} 39 40input[type='button'].grapheme { background-color: palegoldenrod; color: black; } 41input[type='button'].softBreak { background-color: lightpink; color: black; } 42input[type='button'].hardBreak { background-color: peachpuff; color: black; } 43input[type='button'].word { background-color: lightcyan; color: black; } 44input[type='button'].control { background-color: palegreen; color: green; } 45input[type='button'].whitespace { background-color: lavender; color: purple; } 46input[type='button'].inactive { opacity: 0.25; } 47input[type='button'].disabled { color: gray; background-color: lightgray; text-decoration: line-through; } 48 49selected { background-color: yellow; } 50 51td.results1 { color: black; } 52td.results2 { color: darkgray; } 53td.results { font-style: italic; text-align: right; } 54 55span.underlined { text-decoration: underline; } 56span.regular { foreground-color: gray; } 57 58tr.l1, tr.open { display: table-row; } 59 60tr.l1 { background: #bbb; } 61tr.l2 { background: #ccc; } 62tr.l3 { background: #ddd; } 63tr.l4 { background: #eee; } 64tr.l5 { background: #fff; } 65 66tr td:first-of-type { 67 position: relative; 68 padding-left: 0.2em; 69} 70 71tr td a { 72 color: inherit; 73 text-decoration: inherit; 74 position: absolute; 75 left: 0.25em; 76} 77 78tr td:first-of-type { padding-left: 1em; } 79 80td.one_line { display: flex; flex-direction: row; } 81 82{{ end }} 83