style-fds.css

/* 

Table of Contents
-----------------
1. Textual divisions
1.5 Title section
2. Letters 
3. pb, lb, linenumber 
4. Milestone and lines 
5. p, ab, note, fw 
6. Additions and Deletions 
7. Unclear, app, gap, space
8. Editorial 
9. @rend classes (except lines, page placement, colors) 
10. Page placement 
11. Colors 
12. Lists and Tables 
13. Misc 
14. Diary-Specific CSS

*/
/* Rules for containers either this is shown embedded in the viewer or not */
body.non-embedded-transcription,
div.transcription-viewer-content.style-fds {
	/*background:#e2e3e1;*/
	/*#d3c2a8;*/
	/*#e7d5bd*/
}


/* 1. Textual divisions */

div.transcription.style-fds {
	padding-left:2.5em;
	padding-top:1.5em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:"source sans pro", calibri, arial, helvetica, sans-serif;
	font-size:16px; /*Make .9em; also for table*/
	/*white-space:nowrap;*/
	color:black; /*#58484b;*/ /*#574d44*/ /*#4E2F2F*/
}
div.transcription.style-fds .TEI {
	display:inline-block;
	white-space:nowrap;
	padding-top:.5em;
	padding-left:1em;
	padding-right:1em;
	/*background:#e2e3e1;*/
	/*#d3c2a8;*/
	/*#e7d5bd*/
	text-align:left;
}
/*@media all and (max-width:768px)  {
.TEI {	
	padding-left:1em;
}*/
div.transcription.style-fds .item-details {
	max-width:29em;
	min-width:29em;
	white-space:normal;
}
div.transcription.style-fds div.text {
	position: relative;
}
/* div.transcription.style-fds .div {
	margin-top:-1.2em;
} */
div.transcription.style-fds div.body {
	display:block;
	padding-bottom:2.4em;
}
div.transcription.style-fds .front,
div.transcription.style-fds .back {
	display:block;
}


/* 1.5. Title section */

div.transcription.style-fds .title {
	display:block;
	text-align:center;
	margin-bottom:-0.5em;
	font-size:1.4em;
	font-variant:small-caps;
}
div.transcription.style-fds .author {
	display:block;
	text-align:center;
	margin-bottom:.5em;
	font-size:1.2em;
	font-style:italic;
}
div.transcription.style-fds .authority {
	font-size:.9em;
	line-height:2em;
}
div.transcription.style-fds .pub-date {
	font-size:.9em;
}
div.transcription.style-fds a:link {
	color:#428bca;
}
div.transcription.style-fds .idno {
	font-size:.9em;
	line-height:2em;
}
div.transcription.style-fds hr.title-section {
	width:100%;
	height:0;
	border:0;
	border-top:1px solid #58484b;
	margin-top:-0.4em;
	margin-bottom:-0.4em;
}
div.transcription.style-fds .project-id {
	color:gray;
	font-size:.9em;
}


/* 2. Letters */

div.transcription.style-fds .opener,
div.transcription.style-fds .closer {
	margin-bottom:0px;
}
div.transcription.style-fds .opener {
	display:inline;
	margin-top:1em;
}
div.transcription.style-fds .closer {
	display:block;
}
div.transcription.style-fds .dateline {
	display:inline;
	text-indent:0;
}
div.transcription.style-fds .dateline.center {
	display:inline-block;
}
div.transcription.style-fds .dateline.right {
	display:block;
}
div.transcription.style-fds .closer-salute {
	margin-left:0 !important;
}
div.transcription.style-fds .signed {
	display:inline-block;
}
div.transcription.style-fds .address {
	display:block;
}


/* 3. pb, lb, linenumber */

div.transcription.style-fds .pb-title {
	display:block;
	color:#428bca;
	/*text-decoration:underline;*/
	font-size:90%;
	margin-top:3em;
	margin-bottom:-0.9em;
	font-style:normal;
}
div.transcription.style-fds .notop {
  /*needed for some .pb-titles*/
	margin-top:.5em;    
	text-indent:0 !important;
}
div.transcription.style-fds .pb-title:hover {
	color:#AAA;
	cursor:pointer;
}
div.transcription.style-fds .front > span:nth-child(2),
div.transcription.style-fds div.body > div:nth-child(1) > span:nth-child(2) {
	margin-top:0;
}
div.transcription.style-fds p span.pb-title {
	margin-left:0;
	text-indent:0;
}
div.transcription.style-fds .p.pb-title {
    margin-top:2em;
}
div.transcription.style-fds .lb {
	display:block;
}
div.transcription.style-fds .linenumber {
	text-align:right;
	float:left;
	color:#AAA;
	margin-left:-3em !important;
	/*text-indent:9%;*/
	font-size:80%;
	width:1em;
}
div.transcription.style-fds p .linenumber {
	text-indent:-1%;
}
div.transcription.style-fds .p.noindent.linenumber {
	text-indent:1em;
}
div.transcription.style-fds p.center .linenumber {
	margin-left:-12.5em !important; /*Needs to be checked.*/
}
div.transcription.style-fds p.right .linenumber {
	margin-left:-18em !important;
}
div.transcription.style-fds .marginright .linenumber {
	display:none;
}
div.transcription.style-fds .p .list .linenumber {
	margin-left:-5em !important;
}
div.transcription.style-fds .list .linenumber {
	text-indent:0;	
}
div.transcription.style-fds .indent .linenumber {
	margin-left:-5em !important;
}


/* 4. Milestone and lines */

div.transcription.style-fds .milestone {
	display:block;
	width:60%;
	background:#FFF;
	height:0;
	border:0;
	border-top:1px solid #58484b;
	margin-left:0;
	margin-right:9%;
	padding:0px;
	margin-bottom:-1em;
}
div.transcription.style-fds .line {
	border-bottom:1px solid #d0d0d0;
	display:block;
	width:14em !important;
	margin-left:0;
	text-align:left;
	height:0;
	border:0;
	border-top:1px solid #58484b;
}
/*.doubleline {
	border-top:4px double #8c8b8b;
	display:block;
	width:35% !important;
	margin-left:9%;
	text-align:left;
	color:black;
}*/
/*.tripleline {
	border-top:4px double #8c8b8b;
	line-height:1.9em;
	display:block;
	width:35% !important;
	margin-left:9%;
	text-align:left;
	color:black;
}*/
/* Both of the above are not used in the 1870 FD transformation. See .second-line below.*/
div.transcription.style-fds .halfline {
	border-bottom:1px solid #d0d0d0;
	display:block;
	width:10.5em !important;
	margin-left:0;
	text-align:left;
	height:0;
	border:0;
	border-top:1px solid #58484b;
}
div.transcription.style-fds .quarterline {
	border-bottom:1px solid #d0d0d0;
	display:block;
	width:6.5em !important;
	margin-left:0;
	text-align:left;
	height:0;
	border:0;
	border-top:1px solid #58484b;
}
div.transcription.style-fds .second-line {
	border-bottom:1px solid #d0d0d0;
	display:block;
	width:14em !important;
	margin-left:0;
	text-align:left;
	margin-top:-1em;
	margin-bottom:0em;
	height:0;
	border:0;
	border-top:1px solid #58484b;
}
div.transcription.style-fds .third-line {
	border-bottom:1px solid #d0d0d0;
	display:block;
	width:14em !important;
	margin-left:0;
	text-align:left;
	margin-top:1.5em;
	height:0;
	border:0;
	border-top:1px solid #58484b;
}
div.transcription.style-fds .first-double {
	margin-top:1em;/*changed from 1.5em; may need to change back*/
}
div.transcription.style-fds .line.blue,
div.transcription.style-fds .line.first-double.blue,
div.transcription.style-fds .halfline.blue,
div.transcription.style-fds .quarterline.blue,
div.transcription.style-fds .second-line.blue,
div.transcription.style-fds .third-line.blue {
	border-top:1px solid #4f6c92 !important;	
}
div.transcription.style-fds .div.blue .line,
div.transcription.style-fds .div.blue .line.first-double,
div.transcription.style-fds .div.blue .halfline,
div.transcription.style-fds .div.blue .quarterline,
div.transcription.style-fds .div.blue .second-line,
div.transcription.style-fds .div.blue .third-line {
	border-top:1px solid #4f6c92;	
}
div.transcription.style-fds .line.black,
div.transcription.style-fds .line.first-double.black,
div.transcription.style-fds .halfline.black,
div.transcription.style-fds .quarterline.black,
div.transcription.style-fds .second-line.black,
div.transcription.style-fds .third-line.black {
	border-top:1px solid black !important;	
}
div.transcription.style-fds .div.black .line,
div.transcription.style-fds .div.black .line.first-double,
div.transcription.style-fds .div.black .halfline,
div.transcription.style-fds .div.black .quarterline,
div.transcription.style-fds .div.black .second-line,
div.transcription.style-fds .div.black .third-line,
div.transcription.style-fds .div.blue .line.black,
div.transcription.style-fds .div.blue .halfline.black {
	border-top:1px solid black;	
}
div.transcription.style-fds .line.black.brown,
div.transcription.style-fds .line.first-double.black.brown,
div.transcription.style-fds .halfline.black.brown,
div.transcription.style-fds .quarterline.black.brown,
div.transcription.style-fds .second-line.black.brown,
div.transcription.style-fds .third-line.black.brown {
	border-top:1px solid #32251f !important;	
}
div.transcription.style-fds .div.black.brown .line,
div.transcription.style-fds .div.black.brown .line.first-double,
div.transcription.style-fds .div.black.brown .halfline,
div.transcription.style-fds .div.black.brown .quarterline,
div.transcription.style-fds .div.black.brown .second-line,
div.transcription.style-fds .div.black.brown .third-line {
	border-top:1px solid #32251f;	
}
div.transcription.style-fds .line.brown,
div.transcription.style-fds .line.first-double.brown,
div.transcription.style-fds .halfline.brown,
div.transcription.style-fds .quarterline.brown,
div.transcription.style-fds .second-line.brown,
div.transcription.style-fds .third-line.brown {
	border-top:1px solid #5b4338 !important;	
}
div.transcription.style-fds .div.brown .line,
div.transcription.style-fds .div.brown .line.first-double,
div.transcription.style-fds .div.brown .halfline,
div.transcription.style-fds .div.brown .quarterline,
div.transcription.style-fds .div.brown .second-line,
div.transcription.style-fds .div.brown .third-line {
	border-top:1px solid #5b4338;	
}
div.transcription.style-fds .line.gray,
div.transcription.style-fds .line.first-double.gray,
div.transcription.style-fds .halfline.gray,
div.transcription.style-fds .quarterline.gray,
div.transcription.style-fds .second-line.gray,
div.transcription.style-fds .third-line.gray {
	border-top:1px solid #585754 !important;	
}
div.transcription.style-fds .div.gray .line,
div.transcription.style-fds .div.gray .line.first-double,
div.transcription.style-fds .div.gray .halfline,
div.transcription.style-fds .div.gray .quarterline,
div.transcription.style-fds .div.gray .second-line,
div.transcription.style-fds .div.gray .third-line {
	border-top:1px solid #585754;	
}
div.transcription.style-fds .div.brown .first-double.gray,
div.transcription.style-fds .div.brown .second-line.gray {
	border-top:1px solid #585754;	
}
div.transcription.style-fds .line.orange,
div.transcription.style-fds .line.first-double.orange,
div.transcription.style-fds .halfline.orange,
div.transcription.style-fds .quarterline.orange,
div.transcription.style-fds .second-line.orange,
div.transcription.style-fds .third-line.orange {
	border-top:1px solid #CD7300 !important;	
}
div.transcription.style-fds .div.orange .line,
div.transcription.style-fds .div.orange .line.first-double,
div.transcription.style-fds .div.orange .halfline,
div.transcription.style-fds .div.orange .quarterline,
div.transcription.style-fds .div.orange .second-line,
div.transcription.style-fds .div.orange .third-line {
	border-top:1px solid #CD7300;	
}
div.transcription.style-fds .line.red,
div.transcription.style-fds .line.first-double.red,
div.transcription.style-fds .halfline.red,
div.transcription.style-fds .quarterline.red,
div.transcription.style-fds .second-line.red,
div.transcription.style-fds .third-line.red {
	border-top:1px solid red !important;	
}
div.transcription.style-fds .div.red .line,
div.transcription.style-fds .div.red .line.first-double,
div.transcription.style-fds .div.red .halfline,
div.transcription.style-fds .div.red .quarterline,
div.transcription.style-fds .div.red .second-line,
div.transcription.style-fds .div.red .third-line {
	border-top:1px solid red;	
}


/* 5. p, ab, note, fw */

div.transcription.style-fds p {
	margin-right:2em;
}/*Needed so that the text doesn't run up against the right edge in the viewer.*/
div.transcription.style-fds .p {
	display:inline-block;
	text-indent:25px;
	margin-top:0;
	margin-bottom:0;	
}
div.transcription.style-fds .p.noindent {
	text-indent:0 !important;
}
div.transcription.style-fds .p.center {
	text-indent:0 !important;
}
div.transcription.style-fds .p.right {
	text-indent:0 !important;
}
div.transcription.style-fds .ab {
	text-indent:0;
	margin-top:0;
	margin-bottom:0;
}
div.transcription.style-fds .note {
	display:inline;
}
div.transcription.style-fds .note.marginleft .linenumber {
	display:none;
}
div.transcription.style-fds .fw {
	display:inline-block;
}
div.transcription.style-fds .fw.pageno {
	text-indent:0 !important;
}
div.transcription.style-fds .fw.catch.left {
	margin-left:0;/*AW revisit*/
	text-indent:0;
}
div.transcription.style-fds .fw.catch.right {
	text-indent:0;
}
div.transcription.style-fds .note.marginleft {
	margin-left:-3.6em !important;
	text-indent:0;	
	float:left;
	text-align:center;
}
/*
2.18, 2.83
3.104
4.83, 4.94
6.103
7.12, 7.117, 7.129
10.134
14.31-32, 14.100
16.158, 16.169
17.17, 17.25, 17.30
*/
div.transcription.style-fds .note.marginright {
	position: absolute;
	left: 12em;
}


/* 6. Additions and Deletions */

div.transcription.style-fds .addmargin {
	text-indent:0px;
}
div.transcription.style-fds .del,
div.transcription.style-fds .cancelled,
div.transcription.style-fds .strikethrough,
div.transcription.style-fds .overwritten {
	text-decoration:line-through;
}
div.transcription.style-fds .del-by-over-text {
	text-decoration:line-through;
	color:gray;
}


/* 7. Unclear, app, gap, space */
div.transcription.style-fds .unclear {
	color:gray;
	border-bottom:1px dotted gray;
}
div.transcription.style-fds .app {
border-bottom: 1px dotted #706f6a;
}
div.transcription.style-fds .gap {
	border-bottom:1px dotted gray;
}
div.transcription.style-fds .space-other {
	border-bottom:1px dotted black;
	display:block;
}
div.transcription.style-fds .verticalSpace {
	display:inline-block;
	border-bottom:1px dotted black;
	text-indent:0;
}


/* 8. Editorial */

div.transcription.style-fds .sic,
div.transcription.style-fds .corr {
	border-bottom:2px #B33B24 dotted;
}
div.transcription.style-fds .orig,
div.transcription.style-fds .reg {
	/*border-bottom:1px green dotted*/
}
div.transcription.style-fds .abbr,
div.transcription.style-fds .expan {
	border-bottom:1px green dotted;
}
div.transcription.style-fds .expan {
	display:none;
}
div.transcription.style-fds .hidden {
	display:none;
}
div.transcription.style-fds .rdg {
	display:block;
}


/* 9. @rend classes (except colors, lines, and up-down placement) */

div.transcription.style-fds .caps {
	font-variant:small-caps;
}
div.transcription.style-fds .center {
	text-indent:0;
	margin-left:6em;
}
div.transcription.style-fds .doubleunderline {
	border-bottom:3px double;
}
div.transcription.style-fds .doubleunderline-orange {
	border-bottom:1px double gray;
}
div.transcription.style-fds .tripleunderline {
	border-bottom:4px double;
	text-decoration:underline;
}
div.transcription.style-fds .indent {
	margin-left:25px;	
	}
div.transcription.style-fds .inline {
	/*color:gray;*/
}
div.transcription.style-fds .italic {
	font-style:italic;
}
div.transcription.style-fds .large {
	font-size:120%;
}
div.transcription.style-fds .overline {
	text-decoration:overline;
}
div.transcription.style-fds .overline.underline {
	text-decoration:overline underline;
}
div.transcription.style-fds .overtext {
	/*color:gray;*/
}
div.transcription.style-fds .right {
	text-indent:0;
	margin-left:12em;
}
div.transcription.style-fds .small {
	font-size:85%;
}
div.transcription.style-fds .smallcaps {
	font-variant:small-caps;
}
div.transcription.style-fds .underline {
	text-decoration:underline;
}
div.transcription.style-fds .upsidedown {
	/*-ms-transform:rotate(180deg);*/ /* IE 9 */
	/*-moz-transform:rotate(180deg);*/ /* Firefox */
	/*-webkit-transform:rotate(180deg);*/ /* Safari and Chrome */
	/*-o-transform:rotate(180deg);*/ /* Opera */
}
div.transcription.style-fds .vertical {
	/*-ms-transform:rotate(90deg);*/ /* IE 9 */
	/*-moz-transform:rotate(90deg);*/ /* Firefox */
	/*-webkit-transform:rotate(90deg);*/ /* Safari and Chrome */
	/*-o-transform:rotate(90deg);*/ /* Opera */
}


/* 10. Page placement */

div.transcription.style-fds .above,
div.transcription.style-fds .below,
div.transcription.style-fds .bottom,
div.transcription.style-fds .sub,
div.transcription.style-fds .sup,
div.transcription.style-fds .top {
	/* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
	font-size:75%;

	/* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
	line-height:0;

	/* Where the magic happens:makes all browsers position
     the sup/sup properly, relative to the surrounding text */
	position:relative;

	/* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
	vertical-align:baseline;
}
div.transcription.style-fds .above,
div.transcription.style-fds .sup,
div.transcription.style-fds .top {
	/* Move the superscripted text up */
	top:-0.5em;
}
div.transcription.style-fds .below,
div.transcription.style-fds .bottom,
div.transcription.style-fds .sub {
	/* Move the subscripted text down, but only
     half as far down as the superscript moved up */
	bottom:-0.25em;
}
div.transcription.style-fds .margintop {
	margin-left:0;
	color:gray;
	line-height:0;
	position:relative;
	vertical-align:baseline;
	top:-1em;
}
div.transcription.style-fds .true {
	display:inline-block;
}/*Goes with standalone <note>s*/


/* 11. Colors */

div.transcription.style-fds .black {
	color:black;
}
div.transcription.style-fds .black.gray {
	color:#404040;
}
div.transcription.style-fds .black.brown {
	color:#32251f;
}
div.transcription.style-fds .blue {
	color:#4f6c92;/*55759e*//*#507ca5;*/
}
div.transcription.style-fds .brown {
	color:#5b4338;
}
div.transcription.style-fds .gray {
	color:#585754; /*72716d*/
}
div.transcription.style-fds .green {
	color:green;
}
div.transcription.style-fds .orange {
	color:#CD7300;
}
div.transcription.style-fds .purple {
	color:purple;
}
div.transcription.style-fds .red {
	color:#B33B24;
}
div.transcription.style-fds .yellow {
	color:yellow;
}


/* 12. Lists and Tables */

div.transcription.style-fds .list {
	display:inline-block;
	/*margin-top:12px;*/
	text-indent:0em;
}
div.transcription.style-fds .p .right,
div.transcription.style-fds .list .right {
	float:right;
	margin-top:-1.4em;
	margin-left:2em;
	padding-right:2em;
}
div.transcription.style-fds .p .right {
	padding-right:0em !important;
}
div.transcription.style-fds .cell {
	max-width:1%;
	min-width:1%;
	text-align:left;
	display:inline-block;
}
div.transcription.style-fds .cell.center {
	margin-left:5.5em;
}
div.transcription.style-fds .cell.right {
	margin-left:7em;
}
div.transcription.style-fds .cell.right.cell-after-center {
	margin-left:2em;
}


/* 13. Misc */

div.transcription.style-fds .figure {
	margin-left:0;
	color:gray;
	font-size:.8em;
	border-bottom:1px gray dotted;
}
div.transcription.style-fds .p .figure,
div.transcription.style-fds .p.noindent .figure,
div.transcription.style-fds .ab .figure {
	margin-left:0px !important;
	text-indent:0px;
}
div.transcription.style-fds .metamark,
div.transcription.style-fds .metamark-color {
	font-style:italic;
	border-bottom:1px gray dotted;
}
div.transcription.style-fds .metamark {
	color:gray;
}
div.transcription.style-fds p .metamark {
	margin-left:0px !important;
	text-indent:0px !important;
}
div.transcription.style-fds .foreign,
div.transcription.style-fds .geogName,
div.transcription.style-fds .persName,
div.transcription.style-fds .orgName,
div.transcription.style-fds .quote,
div.transcription.style-fds .region,
div.transcription.style-fds .settlement,
div.transcription.style-fds .term-ailment,
div.transcription.style-fds .term-tribe {
  border-bottom:2px #428bca dotted;
  /* change to 1px */
}


/* 14. Diary-Specific CSS */

/* also see .note.marginright, above */
/* .table.liv_000005_0091 .row{
	position: relative;
} */
.table.liv_000005_0091 .right{
	margin-left: unset !important;
	max-width: unset !important;
	min-width: unset !important;
	display: unset !important;
	position: absolute;
	left: 9.6em;
}
/* 14.div1: 82-83, 110, 137-138 */
/* 14.div2: 100-101 */
/* 14.div3: 117 */
/* .liv_000014.div1 .item br,
.liv_000014.div2 .item br,
.liv_000014.div3 .item br{
	position: relative;
} */
.liv_000014.div1 .item .right,
.liv_000014.div2 .item .right,
.liv_000014.div3 .item .right{
	margin-left: unset !important;
	max-width: unset !important;
	min-width: unset !important;
	display: unset !important;
	position: absolute;
}
.liv_000014.div1 .item .right,
.liv_000014.div2 .item .right,
.liv_000014.div3 .item .right{
	margin-top: unset !important;
	padding-right: unset !important;
	float: unset !important;
}
.liv_000014.div1 .item .right{
	left: 7em;
}
.liv_000014.div2 .item .right{
	right: 19em;
}
.liv_000014.div2 .note.marginright{
	margin-top: unset !important;
}
.liv_000014.div3 .item .right{
	left: 12em;
}
/* 15: 42-44, 46, 48, 50-52, 54-55, 64, 
70-72, 75-76, 78-80, 85-86, 88, 91, 95, 
105, 109, 113, 125 */
/* .liv_000015.div1{
	position: relative;
} */
.liv_000015.div1 .right{
	margin-top: unset !important;
	margin-left: unset !important;
	float: unset !important;
	position: absolute;
}
.liv_000015.div1 .right{
	right: 16em;
}