/* CSS support for Info Panels application code, for use with family trees as generated by the SVG Family-Tree Generator (SVG-FTG) */
/* Author:	A.C.Proctor	30-Dec-2020		*/
/* Modified:	A.C.Proctor	2-Dec-2021		*/
/*		Added grab handles for resizable panels	*/

/* NB: We should be using an ip- prefix but the tp- choice was historical */

div.tp-female, div.tp-male, div.tp-unk, div.tp-other, div.tp-family {
    text-align: left;
    display: inline-block;
    background: white;
    height: 180px;
    min-height: 100px;
    max-height: 50vh;
    width: 45%;
    min-width: 300px;
    max-width: calc(100% - 40px);
    margin: 10px;
    padding: 10px;
    overflow: auto;
    border-style: solid;
    border-width: medium;
    border-radius: 20px;
    resize: both;	/* Does nothing in IE11 */
}

div.tp-female {
    border-color: pink;
}

div.tp-male {
    border-color: lightblue;
}

div.tp-unk {
    border-color: lightgray;
}

div.tp-other {
    border-color: lightgray;
}

div.tp-family {
    border-color: lightgreen;
}