/* CSS support for Timeline Report application, for use with family trees as generated by the SVG Family-Tree Generator (SVG-FTG) */
/* Author:	A.C.Proctor	5-Jan-2018		*/
/* Modified:	A.C.Proctor	14-Jan-2018		*/
/*		Show event descriptions as links on hover */
/* Modified:	A.C.Proctor	13-Sep-2019		*/
/*		Added padding:0 to button class		*/
/* Modified:	A.C.Proctor	20-Oct-2019		*/
/*		Added CSS for new 'u' sex type		*/
/* Modified:	A.C.Proctor	18-Jan-2021		*/
/*		Ensure text is normally left-justified	*/
/*		Remove opacity but keep same colours	*/

div.tl, p.tl {
    text-align: left;
}
h1.tl { text-align: center; }
h2.tl { color: #ff3333; }
h3.tl { color: darkgray; }
span.tl-f { color: #e080d0; }
span.tl-m { color: #6666ff; }
span.tl-u { color: #888d94; }
span.tl-x { color: #888d94; }
span.tl-d, span.tl-du { color: #55c070; }
span.tl-du:hover { text-decoration: underline; }

button.tl {
    border-style: solid;
    border-radius: 10px;
    border-color: darkgrey;
    width: 95px;
    height: 30px;
    background-color: violet;
    color: black;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin-left: 40px;
    padding: 0;
}

/* NB: These styles are dynamically applied and so we must enforce their precedence */

.tl-family {				/* Highlighting family-circle */
    stroke: black !important;
    stroke-width: 3.0 !important;
}

.tl-person {				/* Highlighting person-box */
    stroke: black !important;
    stroke-width: 3.0 !important;
}