table.happycamper{--lt-color-gray-300:#dee3ed;--lt-color-gray-500:#8f96a3;table-layout:fixed;empty-cells:hide;th { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-color: transparent; } td { overflow: hidden; border-color: transparent; } thead { border-bottom: 3px solid; } td { border-bottom-color: var(--lt-color-gray-300); } tr.happyrow:hover td { background-color: var(--lt-color-gray-300); border-color: var(--lt-color-gray-300); }}tr.merk td{font-weight:700;font-size:1.3em;background-color:var(--lt-color-gray-500)}.happytable{--green:rgb(16, 115, 2);--green-bg:rgba(16, 115, 2, .08);--amber:rgb(229, 148, 7);--amber-bg:rgba(229, 148, 7, .10);--extreme-en:#b03030;.jaar { &::before { content: ' ' } &.single { display: none; } } &.filter tr.second td.model::before, &.sorteer tr.second td.model::before { display: none; } &.filter tr.second td.model>:first-child, &.sorteer tr.second td.model>:first-child, &.filter span.merk, &.sorteer span.merk { display: inline; &::after { content: ' ' } } &.filter tr.merk, & span.uitvoering, &.sorteer tr.merk { display: none; } .happyrow.hide { display: none; } ul.pinfo, div.pinfo, span.asin, span.mpn, span.gtin { display: none; } &.werk { opacity: .2 } td.piezo[data-value="Ja"] { color: var(--green); } td.piezo[data-value="Nee"] { color: #fff; } span.merk { display: none } @media screen and (min-width: 600px) { tr.second { td.model::before { content: '”'; display: inline; margin-left: 2em; } td.model>* { display: none; } &:hover { td.model::before { display: none; } td.model>:first-child { display: initial; } } } }}@media screen and (max-width:600px){table.happyresp{border:0;table-layout:auto;tr.merk, .happytable td.leeg { display: none; } td { border-bottom-color: var(--color-accent, #632E9B); } tr:hover td { background-color: inherit; border-color: inherit; } caption { font-size: 1.3em; } thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } tr { border-bottom: 3px solid #ddd; border-top: 3px solid #ddd; display: flex; flex-direction: column; margin-bottom: .625em; } td { text-align: right; } td:not(:first-child)::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } td.uitvoering { display: none; } td.model { text-align: center; font-weight: bold; font-size: 1.2em; background-color: rgb(190, 190, 190) !important; } td:last-child { border-bottom: 0; } tr.second td.model::before { content: ''; display: none; } span.merk, span.uitvoering { display: inline; } tr.happyrow td.model .modelwrap { display: grid; } .wp-block-table.is-style-stripes & tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table.is-style-stripes & tbody td:nth-child(odd) { background-color: var(--color-gray, #f0f0f0); }}}p.happymsg{margin-bottom:.5em;margin-top:.5em;color:var(--wp--preset--color--vivid-red,darkred);display:none;position:relative}p.happymsg:after{display:block;content:"\00d7";font-size:1.5em;position:absolute;top:5px;right:5px}.wp-block-column:has(.hide){display:none}.border{outline:1px solid red}.wp-block-image.optional{margin-block:5px;display:none}.wp-block-image.optional.on{display:grid}button.showimages{cursor:pointer}button.showimages.on{background-color:var(--wp--preset--color--vivid-green-cyan,green)}button.showimages.on .toon,button.showimages .verberg{display:none}button.showimages .toon,button.showimages.on .verberg{display:inherit}ul.shoplist{display:grid;grid-template-columns:auto 5ch;overflow:auto;padding:0;li, li>a { display: grid; grid-column: 1 / 3; grid-template-columns: subgrid; border-radius: 5px; } li { word-wrap: break-word; overflow: hidden; white-space: nowrap; } li>span, a>* { padding: .25em 0.2em; overflow: hidden; } li>span:nth-child(2) { text-align: right; }}.happyrow{summary { cursor: zoom-in; list-style: none; } summary::after { content: ' ▾'; font-size: 30px; } details[open] summary::after { content: ' ▴'; } td.model details { .wp-block-image { display: grid; } [open] summary::after, summary::after { content: "📷"; font-size: 1em; } }}ul.tentflex{display:flex;flex-wrap:wrap;margin:0;padding:0;justify-content:space-around;.seiz1 { background-color: #ffffff; } .seiz2 { background-color: #ffffe0; } .seiz3 { background-color: #ffdab9; } .seiz4 { background-color: #f0f8ff; } ul { padding: 0px; margin: 0px } li.happyrow { padding: 5px 0.3rem; margin: 10px 0.3rem; width: 250px; display: flex; flex-direction: column; } p { margin: 0px; } div.info { margin-block: .5m; } .bottom { margin-top: auto; margin-bottom: 0; } li { list-style-type: none; } span.meta, li.meta { display: none; } h4, h5 { font-weight: 600; height: 25px; overflow: hidden; white-space: nowrap; font-size: 16px; margin: 5px 0px 0px 0px; } figure { margin-block: 1.5rem; img { margin: auto; max-width: 190px; width: 100%; box-shadow: rgba(0, 0, 0, 0.44) 2.1px 4.2px 4.2px; } p.merk { font-weight: 400; margin: 2px 0px 5px 0px; } }}dialog#sizeDialog{border:none;border-radius:8px;padding:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);overflow:auto;.sr-only:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } &>div { display: grid; justify-content: center; } &::backdrop { background-color: var(--color-accent); opacity: .2; } img { max-width: 100%; height: auto; display: block; margin: 0 auto; } button { margin-top: 15px; text-align: center; }}@media screen and (max-width:600px){ul.tentflex>li{max-width:calc(50% - 1.2rem)}}@media screen and (max-width:300px){ul.tentflex>li{max-width:calc(100% - 1.2rem)}}.persoon-1p li.persoon,.persoon-3p li.persoon,.persoon-4p li.persoon,.persoon-2p li.persoon{display:none}