/* --------------------------------------------------------------------------------------------------------------------*/ /* 0. Global settings */ /* --------------------------------------------------------------------------------------------------------------------*/ @font-face { font-family: "mijnfont" ; src: url("fonts/brush script mt kursiv.ttf"); } @font-face { font-family: "mijnfont2" ; src: url("fonts/homestead-regular.ttf"); } @font-face { font-family: "mijnfont3" ; src: url("fonts/Citylines.ttf"); } @font-face { font-family: "mijnfont4" ; src: url("fonts/Justmore - Personal Use.ttf"); } @font-face { font-family: "mijnfont5" ; src: url("fonts/Micker.ttf"); } @font-face { font-family: "mijnfont6" ; src: url("fonts/Writing Signature.otf"); } /* 0.1 Generics : afgeronde hoekjes bij images, standaard paddings etc, en overall fonts */ img { padding:6px ; border-radius: 20px } ul { padding-left:5 ; margin-left:10} body { font-family: "Verdana" ; font-size: 10pt ; margin-top:0 ; margin-bottom:0 } h2 { font-family: "mijnfont" ; font-size: 24pt ; margin-top:10 ; margin-bottom:10 } b.rood { color:red} b.groen { color:green} b.blauw { color:blue} b.oranje { color:orange} /* a.kleur:hover {background:#ffffdd } */ a.kleur:hover {background: #d2b4de } /* 0.2 Achtergrondkleuren */ /* for text blocks */ div.bg_colour_header { background: #949461 } /* avocado groen */ div.bg_colour_0 { background: #f6f6f6 } /* licht grijs */ div.bg_colour_1 { background: #D6D7B2 } /* donker groen */ div.bg_colour_2 { background: #EBEBD9 } /* licht groen */ /* for table cells in Aktes */ td.bg_colour_1 { background: #D6D7B2 } /* donker groen */ td.bg_colour_2 { background: #EBEBD9 } /* licht groen */ div.bg_colour_3 { background: #99CCCC } /* for tree colours */ div.bg_colour_10 { background: red } div.bg_colour_11 { background: green } div.bg_colour_12 { background: blue } div.bg_colour_13 { background: orange } div.band_height { height: 5 } /* 0.3 Breedte en linker marge van pagina, te gebruiken in headers en in tekstblokken */ div.page_size { margin-left: 170px ; width: 750px } div.page_aktes_size { margin-left: 2px ; width: 1180px } /* 0.4 Tekst padding */ div.page_padding { box-sizing : border-box ; padding-top: 1 ; padding-left: 20 ; padding-right:20 ; padding-bottom :10 } div.page_aktes_padding { box-sizing : border-box ; padding-top: 1 ; padding-left: 10 ; padding-right:5 ; padding-bottom :10 } /* 0.5 font even for within tables, the font size within tables is set in TD */ div.page_aktes_font { font-family: "Helvetica" ; font-size: 9pt } /* --------------------------------------------------------------------------------------------------------------------*/ /* 1. De headers en footers, de top headers zijn breed, de footer is een smalle band met een klein font */ /* --------------------------------------------------------------------------------------------------------------------*/ /* 1.1 Header and footer : dimensions, font size and (special font for header werkt niet op ipad, wordt Times Roman) */ /* div.header_title { height:35 ; padding-top:10px ; padding-bottom:10px ; text-align:center; color:red ; font-family: "Brush Script MT", cursive; font-size: 28pt ; font-style: italic } */ div.header_title { height:35 ; padding-top:10px ; padding-bottom:5px ; text-align:center; color:white ; font-family: "mijnfont5" ; font-size: 20pt ; font-style: normal ; font-weight:normal } /* 1.2 Header lists dimensions, padding en klein font */ ul.header { height:15 ; padding-top: 5px ; padding-bottom: 5px ; padding-left: 0px ; margin-left: 2px ; margin-top: 0px ; margin-bottom: 0 ; font-size: 8pt } li.header_home_buttons { display:inline ; margin-left:3 } li.header_space_buttons { display:inline ; margin-left:40 } li.header_name_buttons { display:inline ; margin-left:4 } li.header_arrow { display:inline ; margin-left:4 ; color:white } /* 1.3 Dropdown menu settings, voor in headers */ .dropdown { position: relative; display: inline-block } .dropdown-content { display: none; position: absolute; min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1 } .dropdown:hover .dropdown-content { display: block } /* --------------------------------------------------------------------------------------------------------------------*/ /* 2. Zaken op home page /* --------------------------------------------------------------------------------------------------------------------*/ /* 2.1 De kaartjes van de woonplaatsen op de home page, de header is voor in een tabel, over volle breedte pagina */ /* alls is hard afgepast voor de ipad breedte, ongeveer 1120 px */ table.map { border-collapse: collapse ; border-spacing:30px ; cellpadding:0 ; cellspacing:0 ; font-size: 11pt } TD.map_header { margin:0 ; vertical-align:top ; text-align:center } TD.map { margin:0 ; vertical-align:top } /* 2.2 Het blokje genealogisch overzicht eerste 5 generaties overzicht op de home page, margin auto betekent centering */ div.genealogie_1-5 { width:60% ; margin:auto ; border:0 ; padding:10px } /* 2.3 De stijlen voor de tabel voor beide overzichten van de zesde generatie */ table.genealogie { border-collapse: collapse ; cellpadding:0 ; cellspacing:0 ; width : 100% } TD.genealogie0 { width:100% ; height:25 ; text-align:center ; vertical-align:middle ; font-size: 9pt } TD.genealogie { width:15% ; height:40 ; text-align:center ; vertical-align:middle ; font-size: 9pt } /* 2.4 Stijl tabel in sectie Overige Informatie op home page */ table.overige { border-collapse: collapse ; cellpadding:0 ; cellspacing:0 ; width : 100% } td.overige { width : 10% ; padding:10; margin:0 ; font-family: "Verdana" ; font-size: 9pt ; vertical-align:top } /* 1.1x Voor de hoofdteksten oud maarnog wel actief ****************** */ Div.header { margin-left: 170px ; width: 750px ; height: 60 ; background: #949461 ; text-align:center; color:white ; font-family: "Brush Script MT" ; font-size: 28pt ; font-style:bold ; box-sizing : border-box ; padding-top:10 ; padding-left: 0 ; padding-right:0 ; padding-bottom :10 } Div.home_button { margin-left: 170px ; width: 750px ; height: 20 ; background: #949461 ; font-size: 8pt ; box-sizing : border-box ; padding-top : 2 ; padding-left: 0 ; padding-right: 0 ; padding-bottom: 2 } Div.footer { margin-left: 170px ; width: 750px ; height: 24 ; background: #949461 ; font-size: 8pt ; box-sizing : border-box ; padding-top:5 ; padding-left: 0 ; padding-right:0 ; padding-bottom :5} Div.hoofdtekst { margin-left: 170px ; width: 750px ; background: #f6f6f6 ; box-sizing : border-box ; padding-top:1 ; padding-left: 20 ; padding-right:20 ; padding-bottom :10 } Div.genea_lijnen { margin-left: 170px ; width: 750px ; background: red ; font-size: 10pt ; box-sizing : border-box ; padding-top:5 ; padding-right:10 ; padding-bottom :5 } /* ******************************************************* */ /* ------------------------------------------------------------------------------------------------------------- */ /* 3. Algemene Stijl settings voor alles aktes, etc in de hoofdteksten en losse akte files */ /* ------------------------------------------------------------------------------------------------------------- */ /* 3.1 Plaatjes van aktes en kaarten zijn gecentreerd met bold titel en tekst in lijst vorm onder plaatjes met twee fonts */ h2.aktes { text-align: center ; font-weight:bold ; color:black } Div.aktes { text-align: center ; font-weight:bold ; color:black ; font-size: 10pt } Div.aktes_groot { text-align: center ; font-weight:bold ; color:black ; font-size: 11pt } Div.titel { font-weight:bold ; color:black ; font-size: 11pt } LI.caption_latijn { font-weight:bold ; color:black ; font-size: 8pt ; background: #D6D7B2 } LI.caption_nederl { font-style :italic ; color:black ; font-size: 8pt ; background: #EBEBD9 } /* ------------------------------------------------------------------------------------------- */ /* 4. Stijlen voor de memories van successie */ /* ------------------------------------------------------------------------------------------- */ div.mem_suc_info1 { font-style:italic } div.mem_suc_info2 { font-size: 8pt ; padding:10 } /* onbekend */ div.mem_suc_text { color:black ; background: red ; font-size: 10pt ; border-style: solid ; border-width: 2px ; padding: 10px} /* ----------------------------------------------------------------------------- */ /* 5. Stijlen voor kleine losse dingen */ /* ----------------------------------------------------------------------------- */ /* 5.1 De bron informatie in alle files waar aktes worden getoon, het heeft een klein font en is groen */ Div.bron { font-style:italic ; font-size: 8pt ; color:green } div.inventaris { font-style:italic ; font-size: 7pt ; color:green ; text-align:right ; padding-right: 50 } /* 5.2 Citaat van vader Bart over vindplaats */ Div.citaat { width:85% ; font-style:italic ; font-size: 9pt ; background: #EBEBD9 ; margin-left: 30px ; padding: 10px ; border-radius: 10px } Div.citaat_smal { width:75% ; font-style:italic ; font-size: 9pt ; background: #EBEBD9 ; margin-left: 30px ; padding: 10px ; border-radius: 10px } /* 5.3 Kader blokje */ Div.kader { margin-left:5% ; margin-right:10% ; border-style:solid; border-radius: 20px ; border-width: 2px ; padding : 10 ; font-style:italic; background: #EBEBD9 } /* -------------------------------------------------------------------------*/ /* 6. Stijlen voor de adressen tabel bij Jean en Cornelis */ /* -------------------------------------------------------------------------*/ Table.adressen { font-family: "Helvetica" ; font-size: 9pt ; border-collapse: collapse ; border: solid black 2px } tr.adressen_titel { background: #FFFFDD ; font-weight:bold } td.adressen_jaar { width:50px ; border-right:solid black 1px ; border-top:solid black 1px ; padding-left:5px } td.adressen_jaar_Jean { width:6% ; border-right:solid black 1px ; border-top:solid black 1px ; text-align:center } td.adressen_adres { width:80px ; border-right:solid black 1px ; border-top:solid black 1px ; padding-left:5px } td.adressen_adres_Jean { width:7% ; border-right:solid black 1px ; border-top:solid black 1px ; text-align:center } td.adressen_referentie {width:550px ; border-top:solid black 1px ; padding-left:10px ; padding-right:10px } td.adressen_referentie_Jean {width: 95% ; border:solid black 1px ; padding-left:5px ; padding-right:5px } td.adressen_comment {width:550px ; padding :10px } tr.adressen_row_a { background: #99CCCC } tr.adressen_row_b { background: #DDDDDD } /* -------------------------------------------------------------------------*/ /* 7.xx De tabel voor de ouders van de 7e generatie */ /* -------------------------------------------------------------------------*/ table.ancestors { border:0 ; border-collapse: collapse ; cellspacing: 0 ; width:100% } tr.ancestors { background: #f6f6f6 ; height : 12 ; font-size: 8pt ; text-align:left } td.ancestors1 { width:17% ; padding:0 ; margin:0 } td.ancestors2 { width:83% ; padding:0 ; margin:0 } * -------------------------------------------------------------------------*/ /* 7. De akten tabel voor de aktes.html file */ /* -------------------------------------------------------------------------*/ /* 7.1 Table definitie met 1 vaste breedte, smal is misleidend want breedte wordt gedefinieerd in de td cells */ table.smal { border:0 ; border-collapse: collapse ; cellpadding :0 ; cellspacing: 0 } /* 7.2 Table block definitie in individual tree files, met een andere margin */ Div.table2 { font-family: "Helvetica" ; font-size: 9pt ; box-sizing : border-box ; padding-top:3 ; padding-left: 0 ; padding-right:0; padding-bottom :0 } /* 7.3 Color and height etc definitions for the various lines in table =*/ TR.titel { text-align:center; background: #FFFFDD ; font-size: 9pt ; height: 10 ; font-style:italic } TR.ouder1 { background: #99CCCC ; height : 18 ; font-size: 9pt ; text-align:left } TR.ouder2 { background: #EEBBBB ; height : 18 ; font-size: 9pt ; text-align:left } TR.ouder2_licht { background: #DDDDDD ; height : 18 ; font-size: 9pt ; text-align:left } TR.kind1 { background: #99CCCC ; height : 15 ; font-size: 8pt ; text-align:left ; font-weight:normal } TR.kind1_licht { background: #DDDDDD ; height : 15 ; font-size: 8pt ; text-align:left ; font-weight:normal } TR.kind2 { background: #DDDDDD ; height : 15 ; font-size: 8pt ; text-align:left ; font-weight:normal } TR.kind2_licht { background: #DDDDEE ; height : 15 ; font-size: 8pt ; text-align:left ; font-weight:normal } /* 7.4 Breedte definities voor de kolommen, dit legt de volledige breedte van de tabel vast */ TD.naam_titel { width:150 ; border-right:solid #EEEEEE 1px ; text-align:left } TD.naam { width:150 ; border-right:solid #EEEEEE 1px ; font-weight:bold} /* De dunne naam (niet bold) is nodig bij weergave van namen die bold en in kleur zijn bij een link, bold wordt dan apart gedaan */ TD.naam_dun { width:150 ; border-right:solid #EEEEEE 1px } /* generic datum , replacing geb, huw, ove, maar is niet handig ) */ TD.datum { width:140 ; border-right:solid #EEEEEE 1px} TD.datum_Aert { width:40 ; border-right:solid #EEEEEE 1px ; text-align:center; font-size: 7pt } /* keep these because they make the reading a lot simpler */ TD.datum_geb { width:140 ; border-right:solid #EEEEEE 1px} TD.datum_ove { width:140 ; border-right:solid #EEEEEE 1px} TD.datum_huw { width:140 ; border-right:solid #EEEEEE 1px} TD.datum_leeg { width:140 ; border-right:solid #EEEEEE 1px ; text-align:center } TD.datum_smal { width :15 ; text-align:center ; border-right:solid #EEEEEE 1px ; font-size: 7pt } /* allemaal zelfde breedte , maar geen rechter belijning voor comment */ TD.comment { width :40 ; text-align:center ; font-size: 7pt } TD.persoonskaart { width :15 ; text-align:center ; border-right:solid #EEEEEE 1px ; font-size: 7pt } TD.code { width:25 ; border-right:solid #EEEEEE 1px ; font-size: 7pt ; font-weight:bold } /* Speciale kleuren voor 7e generatie */ TD.code_rood { width:25 ; border-right:solid #EEEEEE 1px ; font-size: 7pt ; font-weight:bold ; color:red ; text-align:center ; vertical-align:center } TD.code_groen { width:25 ; border-right:solid #EEEEEE 1px ; font-size: 7pt ; font-weight:bold ; color:green ; text-align:center ; vertical-align:center } TD.code_blauw { width:25 ; border-right:solid #EEEEEE 1px ; font-size: 7pt ; font-weight:bold ; color:blue ; text-align:center ; vertical-align:center } TD.code_oranje { width:25 ; border-right:solid #EEEEEE 1px ; font-size: 7pt ; font-weight:bold ; color:#cc6000 ; text-align:center ; vertical-align:center } TD.code_titel { width:25 ; border-right:solid #EEEEEE 1px ; font-size: 7pt ; text-align:left} /* 8. Notariele Aktes */ Table.notaris { margin-left:10; font-family: "Verdana" ; font-size: 9pt ; width : 1100 ; border: solid black 1px ; border-radius:25px ; background: #EBEBD9 } Table.notaris_breed { margin-left:10; font-family: "Verdana" ; font-size: 9pt ; width : 1100 ; border: solid black 1px ; border-radius:25px ; background: #EBEBD9 } TD.notaris_links { width:70% ; vertical-align:top ; padding: 5 } TD.notaris_rechts { width:30% ; vertical-align:top ; padding: 2 } /*9 Bev Reg klein */ Table.bevreg { margin:10 ; border: solid black 1px ; font-family: "Helvetica" ; font-size: 9pt } Table.bevreg_adressen { margin:10 ; border: solid black 2px ; font-family: "Helvetica" ; font-size: 8pt ; background: #EBEBD9 ; border-collapse: collapse ; cellpadding :0 ; cellspacing: 0 } TD.bevreg_adressen {text-align:center ; border-left:solid black 2px } TD.bevreg { vertical-align:top ; padding: 5 } TR.bevreg1 { background: #DDDDDD ; height : 18 ; text-align:left } TR.bevreg2 { background: #EEEEEE ; height : 18 ; text-align:left } Div.adressen_a { background: #99CCCC ; border-style:solid; border-width: 1px ; padding : 10 ; border-radius:5px } Div.adressen_b { background: #DDDDDD ; border-style:solid; border-width: 1px ; padding : 10 ; border-radius:5px } div.borders { border-style:solid; border-width: 1px ; padding : 10 ; border-radius:5px } /* =================================================================================================== */ /* hier oude rommel */ Div.header_old { margin-left: 150px ; width: 750px ; background: #949461 ; text-align:center; font-size: 28pt ; color:white ; font-family: "Times New Roman" ; font-style:bold ; height: 70 } /* 1.2 voor aktes pagina's iets minder hoog , is eingelijk overbodig */ Div.header_aktes { margin-left: 150px ; width: 750px ; background: #949461 ; text-align:center; font-size: 28pt ; color:red ; font-style:bold ; height: 60 } Div.table { margin-left: 10px ; font-family: "Helvetica" ; font-size: 9pt } /* 1.4 Met table constructie, moet ook weg Op sommige pagina's is er een table in de footer om meer links kwijt te kunnen */ Table.footer { margin-left:10px ; font-size:8pt } Table.header { margin-left:8px ; font-size:8pt } /*table.breed { border:0 ; border-collapse: collapse ; cellpadding :0 ; cellspacing: 0 ; } */ /* TD.datum2 { width :40 ; text-align:center ; border-right:solid #EEEEEE 1px } */ /* TD.datum_huw2 { width :40 ; text-align:center ; border-right:solid #EEEEEE 1px } */ /* 1.2 Voor de Bevolkings registers : De headers etc voor de bev reg aktes is breder en een iets andere margin */ Div.header_bevreg { margin-left: 100px ; width: 900px ; height: 60 ; background: red ; text-align:center; color:white ; font-family: "Times New Roman" ; font-size: 28pt ; font-style:bold ; box-sizing : border-box ; padding-top:10 ; padding-left: 0 ; padding-right:0 ; padding-bottom :10 } Div.home_button_bevreg { margin-left: 100px ; width: 900px ; height: 20 ; background: red ; font-size: 8pt ; box-sizing : border-box ; padding-top : 2 ; padding-left: 0 ; padding-right: 0 ; padding-bottom: 2 } Div.hoofdtekst_bevreg { margin-left: 100px ; width: 900px ; background: red ; font-size: 10pt ; box-sizing : border-box ; padding-top:1 ; padding-left: 30 ; padding-right:20 ; padding-bottom :10 } Div.footer_bevreg { margin-left: 100px ; width: 900px ; background: red ; height: 24 ; font-size: 8pt } /* 0.x werkt niet op ipad */ /* a.button:link { color:white; text-decoration:none } */ /* a.button_v:link { color:red; text-decoration:none } */ /* 1.8 Voor de tables pagina in aktes.html : is erg breed dus kleine marge */ Div.header_table_aktes { margin-left: 2px ; width: 1180px ; height: 60 ; background: red ; text-align:center ; color:white ; font-family: "Brush Script MT" ; font-size: 28pt ; font-style:bold ; box-sizing : border-box ; padding-top:10 ; padding-left: 0 ; padding-right:0 ; padding-bottom :10 } Div.home_button_table_aktes { margin-left: 2px ; width: 1180px ; height: 20 ; background: red ; font-size: 8pt ; box-sizing : border-box ; padding-top : 2 ; padding-left: 0 ; padding-right: 0 ; padding-bottom: 2 } Div.footer_table_aktes { margin-left: 2px ; width: 1180px ; height: 24 ; background: red ; font-size: 8pt ; box-sizing : border-box ; padding-top:5 ; padding-left: 0 ; padding-right:0 ; padding-bottom :5} Div.hoofdtekst_table_aktes { margin-left: 2px ; width: 1180px ; background: green ; font-family: "Helvetica" ; font-size: 9pt ; box-sizing : border-box ; padding-top:1 ; padding-left: 10 ; padding-right:5 ; padding-bottom :10 }