document-transcript.css

/* diplomatic transcript */

/*
----------------------------
000_header_v5.css
----------------------------
DR+ 26-07-2017
letter-spacing: 0.0xxem als Token für ILLU;

Folgende Änderungen vornehmen:

FIND: 	<text
REPL:	\r<text

FIND: 	<rect.*?/>
REPL:	

		<ILLU_Sonderzeichen>
FIND: 	[\x{0304}\x{2308}\x{2309}\x{2E13}\x{203F}\x{22A2}\x{0301}\x{20B0}\x{22A8}\x{00E9}\x{035C}\x{23B1}\x{1EBD}\x{2193}\x{2191}\x{07E0}]
REPL:	\$\0

---------------------------
*/
/* global */

svg.diplomatic {
    font-family: 'Gentium Plus';
    font-size: 13pt;
    letter-spacing: 0.020em;
}

#editor-toolbar {
    margin-bottom: 3em;
    margin-top: 0px;
    text-align: center;
}

#editor-toolbar a {
    color: #90ee90;
    margin-right: 3em;
}


#error-display {
   background-color: red;
   color: white; 
}

/* drag 'n drop of zones */

svg.diplomatic g.Zone {
  cursor: move;
  -moz-user-select: none;-webkit-user-select: none;
}


svg.diplomatic g.Zone:hover {
  stroke: black;
  stroke-opacity: 0.3;
  stroke-width: 1;
}


/* text */

/* Ubuntu Light */
svg.diplomatic .text {
    font-family: "Ubuntu derivative Faust";
    font-size: 12pt;
    fill: black;
    stroke: none;
    stroke-opacity: 0;
    font-weight: 100;
    letter-spacing: 0.020em;
}

/* hidden elements */

svg.diplomatic .element-corr, svg.diplomatic .element-corr *,
svg.diplomatic .element-ex, svg.diplomatic .element-ex *,
svg.diplomatic .element-expan, svg.diplomatic .element-expan *,
svg.diplomatic .element-reg, svg.diplomatic .element-reg *,
svg.diplomatic .element-rdg, svg.diplomatic .element-rdg * {
    display: none !important;
}


/* writing hand / scribes */

svg.diplomatic .text.hand-g {
    font-family: "Gentium Plus";
    font-size: 13pt;
}

svg.diplomatic .text.hand-xx {
	font-family: "Ubuntu Monospace";
}

/* writing material  */

svg.diplomatic .material-bl {
    fill: #808080;
}
svg.diplomatic line.material-bl {
    stroke: #808080;
}

svg.diplomatic .material-t {
    fill: black;
}
svg.diplomatic line.material-t {
    stroke: black;
}

svg.diplomatic .material-ro {
    fill: #A02020;
}
svg.diplomatic line.material-ro {
    stroke: #A02020;
}

svg.diplomatic .material-tr {
    fill: #A02020;
}
svg.diplomatic line.material-tr {
    stroke: #A02020;
}

svg.diplomatic .material-blau {
    fill: #5050C0;
}
svg.diplomatic line.material-blau {
    stroke: #5050C0;
}

/* script */

svg.diplomatic .text.script-lat {
    font-style: italic;
}

/* block level elements */

svg.diplomatic rect.patchBackground {
    fill: white;
    stroke: black;
    stroke-opacity: 1;
    stroke-width: 0.2 em;
    fill-opacity: 0.8;
}


svg.diplomatic .element-patch {
    transition: opacity 0.5s ease-out;
}

svg.diplomatic .patch-transparent {
    opacity: 0.1;
} 

/* various annotations */
svg.diplomatic .text.rewrite {
	font-weight: bold;
}

/* Dieses Zeichen überschreibt */
svg.diplomatic .text.over {
    letter-spacing: 0.021em !important; 
    baseline-shift: +9px;
}

/* Dieses Zeichen ist überschrieben */
svg.diplomatic .text.under {
    letter-spacing: 0.022em !important; 
    baseline-shift: -3.5px;
}

/* Zwischenzeile */
svg.diplomatic .text.interline {
	font-size: 9pt;
}

/* ??? */
svg.diplomatic .text.sup {
    letter-spacing: 0.018em !important;
    baseline-shift: super;
}

/* ??? */
svg.diplomatic .text.sub {
    letter-spacing: 0.019em !important;
    baseline-shift: sub;
}

/* Zwischen Wort Schreibung */
.text.inbetween {
    letter-spacing: 0.023em !important;
    baseline-shift: +9px;
}

svg.diplomatic .bgBox {
	fill: none;
    stroke: none;
}

svg.diplomatic .invisible {
    display: none;
}

svg.diplomatic line.text-decoration-type-underdots {
    stroke-dasharray: 0.0001em, 0.5em;
    stroke-width: 0.2em;
    stroke-dashoffset: -0.1em;
    stroke-linecap: round;
}

/* Rasur wird als Streichung dargestellt*/
svg.diplomatic .text.erase, svg.diplomatic .text-decoration-type-erase text {
    text-decoration: line-through;
    letter-spacing: 0.024em !important; 
}

/* graphical elements */

svg.diplomatic line, svg.diplomatic rect.inline-decoration-type-rect,
svg.diplomatic ellipse.inline-decoration-type-circle {
    stroke: black;
    stroke-width: 0.1em;
    fill: none;
}

svg.diplomatic .symbola {
	font-family: "Symbola";
}
svg.diplomatic .unknown-char {
	background: yellow;
}