<style>tr.tf.ltr, td.tf.ltr, th.tf.ltr { text-align: left ! important;}
tr.tf.rtl, td.tf.rtl, th.tf.rtl { text-align: right ! important;}
@font-face {
font-family: "Gentium Plus";
src: local('Gentium Plus'), local('GentiumPlus'),
url('/server/static/fonts/GentiumPlus-R.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/GentiumPlus-R.woff?raw=true') format('woff');
}
@font-face {
font-family: "Ezra SIL";
src: local('Ezra SIL'), local('EzraSIL'),
url('/server/static/fonts/SILEOT.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/SILEOT.woff?raw=true') format('woff');
}
@font-face {
font-family: "SBL Hebrew";
src: local('SBL Hebrew'), local('SBLHebrew'),
url('/server/static/fonts/SBL_Hbrw.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/SBL_Hbrw.woff?raw=true') format('woff');
}
@font-face {
font-family: "Estrangelo Edessa";
src: local('Estrangelo Edessa'), local('EstrangeloEdessa');
url('/server/static/fonts/SyrCOMEdessa.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/SyrCOMEdessa.woff?raw=true') format('woff');
}
@font-face {
font-family: AmiriQuran;
font-style: normal;
font-weight: 400;
src: local('Amiri Quran'), local('AmiriQuran'),
url('/server/static/fonts/AmiriQuran.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/AmiriQuran.woff?raw=true') format('woff');
}
@font-face {
font-family: AmiriQuranColored;
font-style: normal;
font-weight: 400;
src: local('Amiri Quran Colored'), local('AmiriQuranColored'),
url('/server/static/fonts/AmiriQuranColored.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/AmiriQuranColored.woff?raw=true') format('woff');
}
@font-face {
font-family: "Santakku";
src: local('Santakku'),
url('/server/static/fonts/Santakku.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/Santakku.woff?raw=true') format('woff');
}
@font-face {
font-family: "SantakkuM";
src: local('SantakkuM'),
url('/server/static/fonts/SantakkuM.woff') format('woff'),
url('https://github.com/annotation/text-fabric/blob/master/tf/server/static/fonts/SantakkuM.woff?raw=true') format('woff');
}
/* bypassing some classical notebook settings */
div#notebook {
line-height: unset;
}
/* neutral text */
.txtn,.txtn a:visited,.txtn a:link {
font-family: sans-serif;
font-size: medium;
direction: ltr;
unicode-bidi: embed;
text-decoration: none;
color: var(--text-color);
}
/* transcription text */
.txtt,.txtt a:visited,.txtt a:link {
font-family: monospace;
font-size: medium;
direction: ltr;
unicode-bidi: embed;
text-decoration: none;
color: var(--text-color);
}
/* source text */
.txto,.txto a:visited,.txto a:link {
font-family: serif;
font-size: medium;
direction: ltr;
unicode-bidi: embed;
text-decoration: none;
color: var(--text-color);
}
/* phonetic text */
.txtp,.txtp a:visited,.txtp a:link {
font-family: Gentium, sans-serif;
font-size: medium;
direction: ltr;
unicode-bidi: embed;
text-decoration: none;
color: var(--text-color);
}
/* original script text */
.txtu,.txtu a:visited,.txtu a:link {
font-family: Gentium, sans-serif;
font-size: medium;
text-decoration: none;
color: var(--text-color);
}
/* hebrew */
.txtu.hbo,.lex.hbo {
font-family: "Ezra SIL", "SBL Hebrew", sans-serif;
font-size: large;
direction: rtl ! important;
unicode-bidi: embed;
}
/* syriac */
.txtu.syc,.lex.syc {
font-family: "Estrangelo Edessa", sans-serif;
font-size: medium;
direction: rtl ! important;
unicode-bidi: embed;
}
/* neo aramaic */
.txtu.cld,.lex.cld {
font-family: "CharisSIL-R", sans-serif;
font-size: medium;
direction: ltr ! important;
unicode-bidi: embed;
}
/* standard arabic */
.txtu.ara,.lex.ara {
font-family: "AmiriQuran", sans-serif;
font-size: large;
direction: rtl ! important;
unicode-bidi: embed;
}
/* cuneiform */
.txtu.akk,.lex.akk {
font-family: Santakku, sans-serif;
font-size: large;
direction: ltr ! important;
unicode-bidi: embed;
}
/* greek */
.txtu.grc,.lex.grc a:link {
font-family: Gentium, sans-serif;
font-size: medium;
direction: ltr ! important;
unicode-bidi: embed;
}
a:hover {
text-decoration: underline | important;
color: #0000ff | important;
}
.ltr {
direction: ltr ! important;
unicode-bidi: embed;
}
.rtl {
direction: rtl ! important;
unicode-bidi: embed;
}
.ubd {
unicode-bidi: embed;
}
.col {
display: inline-block;
}
.features {
font-family: monospace;
font-size: medium;
font-weight: bold;
color: var(--features);
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
padding: 2px;
margin: 2px;
direction: ltr;
unicode-bidi: embed;
border: var(--meta-width) solid var(--meta-color);
border-radius: var(--meta-width);
}
.features div,.features span {
padding: 0;
margin: -2px 0;
}
.features .f {
font-family: sans-serif;
font-size: small;
font-weight: normal;
color: #5555bb;
}
.features .xft {
color: #000000;
background-color: #eeeeee;
font-size: medium;
margin: 2px 0px;
}
.features .xft .f {
color: #000000;
background-color: #eeeeee;
font-size: small;
font-weight: normal;
}
.tfsechead {
font-family: sans-serif;
font-size: small;
font-weight: bold;
color: var(--tfsechead);
unicode-bidi: embed;
text-align: start;
}
.structure {
font-family: sans-serif;
font-size: small;
font-weight: bold;
color: var(--structure);
unicode-bidi: embed;
text-align: start;
}
.comments {
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-flow: column nowrap;
}
.nd, a:link.nd {
font-family: sans-serif;
font-size: small;
color: var(--node);
vertical-align: super;
direction: ltr ! important;
unicode-bidi: embed;
}
.lex {
color: var(--lex-color);;
}
.children,.children.ltr {
display: flex;
border: 0;
background-color: #ffffff;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.children.stretch {
align-items: stretch;
}
.children.hor {
flex-flow: row nowrap;
}
.children.hor.wrap {
flex-flow: row wrap;
}
.children.ver {
flex-flow: column nowrap;
}
.children.ver.wrap {
flex-flow: column wrap;
}
.contnr {
width: fit-content;
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-flow: column nowrap;
background: #ffffff none repeat scroll 0 0;
padding: 10px 2px 2px 2px;
margin: 16px 2px 2px 2px;
border-style: solid;
font-size: small;
}
.contnr.trm {
background-attachment: local;
}
.contnr.cnul {
padding: 0;
margin: 0;
border-style: solid;
font-size: xx-small;
}
.contnr.cnul,.lbl.cnul {
border-color: var(--border-color-nul);
border-width: var(--border-width-nul);
border-radius: var(--border-width-nul);
}
.contnr.c0,.lbl.c0 {
border-color: var(--border-color0);
border-width: var(--border-width0);
border-radius: var(--border-width0);
}
.contnr.c1,.lbl.c1 {
border-color: var(--border-color1);
border-width: var(--border-width1);
border-radius: var(--border-width1);
}
.contnr.c2,.lbl.c2 {
border-color: var(--border-color2);
border-width: var(--border-width2);
border-radius: var(--border-width2);
}
.contnr.c3,.lbl.c3 {
border-color: var(--border-color3);
border-width: var(--border-width3);
border-radius: var(--border-width3);
}
.contnr.c4,.lbl.c4 {
border-color: var(--border-color4);
border-width: var(--border-width4);
border-radius: var(--border-width4);
}
span.plain {
display: inline-block;
white-space: pre-wrap;
}
.plain {
background-color: #ffffff;
}
.plain.l,.contnr.l,.contnr.l>.lbl {
border-left-style: dotted
}
.plain.r,.contnr.r,.contnr.r>.lbl {
border-right-style: dotted
}
.plain.lno,.contnr.lno,.contnr.lno>.lbl {
border-left-style: none
}
.plain.rno,.contnr.rno,.contnr.rno>.lbl {
border-right-style: none
}
.plain.l {
padding-left: 4px;
margin-left: 2px;
border-width: var(--border-width-plain);
}
.plain.r {
padding-right: 4px;
margin-right: 2px;
border-width: var(--border-width-plain);
}
.lbl {
font-family: monospace;
margin-top: -24px;
margin-left: 20px;
background: #ffffff none repeat scroll 0 0;
padding: 0 6px;
border-style: solid;
display: block;
color: var(--label)
}
.lbl.trm {
background-attachment: local;
margin-top: 2px;
margin-left: 2px;
padding: 2px 2px;
border-style: none;
}
.lbl.cnul {
font-size: xx-small;
}
.lbl.c0 {
font-size: small;
}
.lbl.c1 {
font-size: small;
}
.lbl.c2 {
font-size: medium;
}
.lbl.c3 {
font-size: medium;
}
.lbl.c4 {
font-size: large;
}
.occs, a:link.occs {
font-size: small;
}
/* PROVENANCE */
div.prov {
margin: 40px;
padding: 20px;
border: 2px solid var(--fog-rim);
}
div.pline {
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: baseline;
}
div.p2line {
margin-left: 2em;
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: baseline;
}
div.psline {
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: baseline;
background-color: var(--gold-mist-back);
}
div.pname {
flex: 0 0 5rem;
font-weight: bold;
}
div.pval {
flex: 1 1 auto;
}
:root {
--node: hsla(120, 100%, 20%, 1.0 );
--label: hsla( 0, 100%, 20%, 1.0 );
--tfsechead: hsla( 0, 100%, 25%, 1.0 );
--structure: hsla(120, 100%, 25%, 1.0 );
--features: hsla( 0, 0%, 30%, 1.0 );
--text-color: hsla( 60, 80%, 10%, 1.0 );
--lex-color: hsla(220, 90%, 60%, 1.0 );
--meta-color: hsla( 0, 0%, 90%, 0.7 );
--meta-width: 3px;
--border-color-nul: hsla( 0, 0%, 90%, 0.5 );
--border-color0: hsla( 0, 0%, 90%, 0.9 );
--border-color1: hsla( 0, 0%, 80%, 0.9 );
--border-color2: hsla( 0, 0%, 70%, 0.9 );
--border-color3: hsla( 0, 0%, 80%, 0.8 );
--border-color4: hsla( 0, 0%, 60%, 0.9 );
--border-width-nul: 2px;
--border-width0: 2px;
--border-width1: 3px;
--border-width2: 4px;
--border-width3: 6px;
--border-width4: 5px;
--border-width-plain: 2px;
}
.hl {
background-color: var(--hl-strong);
}
span.hl {
background-color: var(--hl-strong);
border-width: 0;
border-radius: 2px;
border-style: solid;
}
div.contnr.hl,div.lbl.hl {
background-color: var(--hl-strong);
}
div.contnr.hl {
border-color: var(--hl-rim) ! important;
border-width: 4px ! important;
}
span.hlbx {
border-color: var(--hl-rim);
border-width: 4px ! important;
border-style: solid;
border-radius: 6px;
padding: 4px;
margin: 4px;
}
span.plain {
display: inline-block;
white-space: pre-wrap;
}
:root {
--hl-strong: hsla( 60, 100%, 70%, 0.9 );
--hl-rim: hsla( 55, 80%, 50%, 1.0 );
}
.full,.glyph,.punc {
font-family: "Ezra SIL", "SBL Hebrew", sans-serif;
}
.scriptpaleohebrew {
border: 1px dashed navy;
}
.scriptgreekcapital {
border: 1px dashed brown;
}
.langa {
text-decoration: underline;
}
.intl1 {
vertical-align: -0.25em;
}
.intl2 {
vertical-align: -0.5em;
}
.langg {
font-family: serif;
text-decoration: underline;
}
.vac1 {
background-color: #aaaaaa;
border 2pt solid #dd3333;
border-radius: 4pt;
}
.rem1 {
font-weight: bold;
color: red;
text-decoration: line-through;
}
.rem2 {
font-weight: bold;
color: maroon;
text-decoration: line-through;
}
.rec1 {
color: teal;
font-size: 80%;
}
.cor1 {
font-weight: bold;
color: dodgerblue;
text-decoration: overline;
}
.cor2 {
font-weight: bold;
color: navy;
text-decoration: overline;
}
.cor3 {
font-weight: bold;
color: navy;
text-decoration: overline;
vertical-align: super;
}
.alt1 {
text-decoration: overline;
}
/* UNSURE: italic*/
.unc1 {
font-weight: bold;
color: #888888;
}
.unc2 {
font-weight: bold;
color: #bbbbbb;
}
.unc3 {
font-weight: bold;
color: #bbbbbb;
text-shadow: #cccccc 1px 1px;
}
.unc4 {
font-weight: bold;
color: #dddddd;
text-shadow: #eeeeee 2px 2px;
}
.empty {
color: #ff0000;
}
</style>