/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
10 reacties Commentaar van bezoekers
Er is echter wel een groot verschil in tijd ( 1927 ==>> 2020) van deze ontdekking en opmerkelijk dat het kennelijk niet werd gearchiveerd. =================================================================== De Gemeente archivaris Van Dalen schreef hier in 1927 al over! (zie hieronder) =================================================================== Een Ontdekking. =================================================================== Het geboortehuis van Aelbert Cuyp. =================================================================== Jan van de Maas schrijft ons: =================================================================== Indertijd schreef de heer G. Veth een belangrijke studie over de familie Cuyp, en liet daarbij uitkomen. dat hij het geboortehuis van Aelbert Cuyp niet kon aanwijzen. Toch had hij de cohieren der Verponding, waarvan enkelen zíjn bewaard gebleven, nagezien‚ ook dat over 1620, het jaar waarin Cuyp geboren werd. Hij had evenwel niet opgemerkt, dat in dat cohier op folio 43 v. en verv. staat: Aan de Kaeye bij de Blaupoort (tegenwoordig de Nieuwehaven) : =================================================================== Jan Willem Otten erffgen. =================================================================== Jacob Gerritssen. schilder. =================================================================== Hans Ambrullaert. =================================================================== Gangolff Danielsn. cleermaker. =================================================================== Davit van Oudenaerde. =================================================================== Uit vroegere cohieren blijkt, dat de drie laatsten slechts huurders waren en dat ook Jacob Gerritssen huurder was, zal later blijken. =================================================================== Jan Willem Otten bezat reeds in 1608 het huis op den oosthoek van het Lam- of Venlostraatje. Dit straatje droeg den naam naar het huis Venlo op den westhoek van het straatje. Dit huis was 30 April 1608 door Jan Adriaensz. Bruggman gekocht van Mathijs Vulgraven, woonende tot Crevekeur. Het heet dan: =================================================================== „Domum cum suis, staende ende gelegen op ’t Nieuwerck binnen deeser stede, daer jegenwoordich vuythangt Venlo, tusschen ‘s heeren dwersstraete aen dien zijde ende des vercoopers huyse aen dandere zijde.” =================================================================== Daar de volgorde der bewoners in 1608 is: =================================================================== Matthijs Nederhoven (huurt van Volgraef). =================================================================== Jan Ariaensz. in Venlo. =================================================================== Laurens Lenaertsz. (huurt van Jan Willem Otten). =================================================================== moet het laatste huis op den Oosthoek van het straatje staan. =================================================================== Jan Willem Otten heette eigenlijk Jean Willemot en was Luiksch koopman, een der vele Luikenaars die in het laatst der 16e eeuw het Nieuwe werk bebouwd hebben. Naast zijn huis stond in 1604 nog geen huis, want in het register van 1604 is de volgorde: =================================================================== Pieron Lambinon. (huurt van Volgraef). =================================================================== Jacob Craentgens. (huurt als voren). =================================================================== Hans Ambrullaert. =================================================================== David van Oudenaerde. (Zie boven.) =================================================================== Maar in 1608 woonde in het nieuwe pand Ariaan Jacobz. Timmerman, in 1619 Jacob Rase en in 1620 Jacob Gerritssen schilder. Zij huurden het van Boudewijn Pietersz. van Duynen, wiens weduwe Dorothea Fyten het aan Philip Moons transporteerde. =================================================================== Het heet dan: „domum cum suis, staande ende gelegen op de Nieuwe haven, genaamt den Cleynen nachtegael, tusschen den huyse van Lens Hermansz. aen d’eene ende ’thuys van Jan Willem Ot aan d’andere sijde.” =================================================================== Het geboortehuis van Aelbert Cuyp moet alzoo zijn het tweede huis van het Venlostraatje af, thans Nieuwehaven no. 15. Natuurlijk is het niet het pand dat er nu staat. Het oude 17e eeuwsche huis is reeds voorlang vervangen door een ander. Het is bekend, dat de familie Cuyp later op de Nieuwbrug in het huis Samson woonde, dat in het midden der 19e eeuw is afgebroken en dat Aelbert Cuyp na zijn huwelijk woonde in de Wijnstraat tusschen de Wijnbrug en den steiger naast het tegenwoordige open erf, in het huis van den Corputs, opgeofferd aan het vrije uitzicht van den bewoner aan de overzijde, en dat hij na den dood zijner vrouw bij zijn schoonzoon, Pieter Onderwater op den hoek der Lombardstraat in de Drie Leliën, zijn intrek nam. Wij kunnen dus alleen nog de plaats aanwijzen, waar eenmaal het geboortehuis van Aelbert Cuvp heeft gestaan.
Zie de Dordrechtsche Courant, 1927-09-27; p. 1.
Lips geeft in zijn Wandelingen een heel andere verklaring. Hij meldt op pag. 206 dat de sloop en nieuwbouw een particulier initiatief was van iemand die daar een groot pakhuis wilde oprichten. Het stadsbestuur stemde daar mee in en zo onstond rond 1670-1672 de wat merkwaardige combinatie van stadspoort en kantoor/pakhuis.
Zou de geringe doorgangbreedte/ - hoogte van de oudere poort de oorzaak zijn geweest van de sloop, dit i.v.m. de 'nieuwe' ( gewijzigde) toegang tot het veer naar Zwijndrecht? Het pontveer aldus C.J.P. Lips is immers in de 17e eeuw van de Vuilpoort verplaatst naar de Blauwpoort vanwege haar ligging. Deze laatste locatie was recht tegenover het Zwijndrechtse Veerplein en daarmee gunstiger. Toen het Zwijndrechtse veer ontstond in 1332 was de Blauwpoort er nog niet. In de jaren 1418/1444 wordt de Suikerstraat de Zwindrechtsstrate genoemd, wat de vroegere opstapplaats, het Zwijndrechtse hoofd/ steiger, bij de Vuilpoort bevestigt. Dit n.a.v. het artikel van Jaap. Wie weet meer over de oorzaak van de sloop van de oude poort?