/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ #cb-collapsed { overflow: auto; display: flex; align-items: center; } #cb-collapsed-text { margin-left: 24px; margin-right: 30px; } #cb-collapsed-cookie { height: 36px; width: 36px; display: flex; flex-shrink: 0; } #cb-collapsed-actions { margin: 20px 0; display: flex; align-items: center; flex-shrink: 0; } #cb-btn-customize { white-space: nowrap; font-weight: 300; text-decoration: underline; margin-right: 20px; } @media only screen and (max-width: 800px) { #cb-collapsed { flex-direction: column; } #cb-collapsed img { display: none; } } #cb-wrapper { font-family: "Avenir", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #3D474D; align-items: center; justify-content: center; animation: presentCard 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay: 1s; opacity: 0; display: flex; position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999; background-color: white; border-radius: 10px; padding: 20px 25px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 5px 10px -5px rgba(0,0,0,0.15); max-width: 70vw; width: 100%; } #cb-wrapper fieldset { border: 0; margin: 0; padding: 0; } #cb-wrapper a { color: #00AAFF; font-size: inherit; } .cb-button { -webkit-appearance: none; font-family: 'Avenir', 'Avenir Next', 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 500; color: white !important; background-color: #00AAFF; border: 1px solid #00AAFF; border-radius: 60px; font-size: 15px; line-height: 36px; height: 36px; padding: 0 20px; resize: none; cursor: pointer; display: inline-block; white-space: nowrap; overflow: visible; text-align: center; text-decoration: none; flex-shrink: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .cb-button:hover { box-shadow: 0 5px 10px -5px rgba(0, 170, 255, 0.8); } .cb-button:active { border-color: #0090F7; background-color: #0090F7; box-shadow: none !important; } .cb-label { display: flex; align-items: center; font-weight: 400; } .cb-checkbox, input[type="checkbox"].cb-checkbox, input[type="checkbox"].cb-checkbox:focus { appearance: none; width: 16px !important; height: 16px !important; padding: 0 !important; display: inline-block; background-color: #fff; border: 1px solid #DCE2E6; vertical-align: baseline; cursor: pointer; border-radius: 5px !important; margin-right: 8px; transition: all 0.4s ease-in-out; background-size: 70%; background-position: center center; background-repeat: no-repeat; visibility: visible; outline: none; } .cb-checkbox:checked, input[type="checkbox"].cb-checkbox:checked { background-image: url("../assets/checkmark-white.svg"); background-color: #00AAFF; border-color: #00AAFF; } .cb-checkbox.disabled, input[type="checkbox"].cb-checkbox.disabled { pointer-events: none; background-color: #B2BBC0; border-color: #B2BBC0; } @keyframes presentCard { 0% { opacity: 0; } 100% { opacity: 1; } } #cb-expanded { max-height: 85vh; width: 100%; display: flex; flex-direction: column; /* this shrinks somehow the two elements when height is not enough for their visibility */ /* IE magic */ overflow-y: auto; } #cb-expanded-header-row { display: flex; align-items: center; } #cb-expanded-header-text { margin-left: 10px; font-weight: 700; } #cb-expanded-cookie { height: 24px; width: 24px; } #cb-expanded-desc-wrapper { flex-grow: 1; overflow: auto; margin: 20px 0; } .cb-expanded-desc:last-child { margin-top: 20px; } #cb-expanded-form-wrapper { flex-grow: 1; overflow: auto; } #cb-expanded-form-header { font-weight: 700; } #cb-expanded-actions { margin: 20px 0; display: flex; align-items: center; justify-content: flex-end; } #cb-expanded-section { margin: 10px 0; display: flex; align-items: center; } #cb-btn-accept-selected { font-weight: 300; text-decoration: underline; margin-right: 20px; } .cb-details { color: #8A9499; font-size: 13px; margin-left: 28px; margin-bottom: 10px; } .cb-disclosure { width: 12px; height: 12px; margin-left: 12px; } .flipped { transform: rotate(180deg); }<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CD76WD" height="0" width="0" style="display:none;visibility:hidden" ></iframe>

MeisterHacks

Thank you for sharing your great tips and tricks!

9 people have earned this badge.

Most recent recipients

Eva-Maria Schützeneder

Eva-Maria Schützeneder April 14

Douglas Boyce March 15

Andres D'Andrea

Andres D'Andrea February 23

Michael Heil January 16

Richard Vitaris

Richard Vitaris December 2022

Joerg Koper December 2022

Bertrand Casaert

Bertrand Casaert December 2022

philippe boukobza

philippe boukobza December 2022

Tatiana Torres December 2022

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ #cb-collapsed { overflow: auto; display: flex; align-items: center; } #cb-collapsed-text { margin-left: 24px; margin-right: 30px; } #cb-collapsed-cookie { height: 36px; width: 36px; display: flex; flex-shrink: 0; } #cb-collapsed-actions { margin: 20px 0; display: flex; align-items: center; flex-shrink: 0; } #cb-btn-customize { white-space: nowrap; font-weight: 300; text-decoration: underline; margin-right: 20px; } @media only screen and (max-width: 800px) { #cb-collapsed { flex-direction: column; } #cb-collapsed img { display: none; } } #cb-wrapper { font-family: "Avenir", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #3D474D; align-items: center; justify-content: center; animation: presentCard 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay: 1s; opacity: 0; display: flex; position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999; background-color: white; border-radius: 10px; padding: 20px 25px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 5px 10px -5px rgba(0,0,0,0.15); max-width: 70vw; width: 100%; } #cb-wrapper fieldset { border: 0; margin: 0; padding: 0; } #cb-wrapper a { color: #00AAFF; font-size: inherit; } .cb-button { -webkit-appearance: none; font-family: 'Avenir', 'Avenir Next', 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 500; color: white !important; background-color: #00AAFF; border: 1px solid #00AAFF; border-radius: 60px; font-size: 15px; line-height: 36px; height: 36px; padding: 0 20px; resize: none; cursor: pointer; display: inline-block; white-space: nowrap; overflow: visible; text-align: center; text-decoration: none; flex-shrink: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .cb-button:hover { box-shadow: 0 5px 10px -5px rgba(0, 170, 255, 0.8); } .cb-button:active { border-color: #0090F7; background-color: #0090F7; box-shadow: none !important; } .cb-label { display: flex; align-items: center; font-weight: 400; } .cb-checkbox, input[type="checkbox"].cb-checkbox, input[type="checkbox"].cb-checkbox:focus { appearance: none; width: 16px !important; height: 16px !important; padding: 0 !important; display: inline-block; background-color: #fff; border: 1px solid #DCE2E6; vertical-align: baseline; cursor: pointer; border-radius: 5px !important; margin-right: 8px; transition: all 0.4s ease-in-out; background-size: 70%; background-position: center center; background-repeat: no-repeat; visibility: visible; outline: none; } .cb-checkbox:checked, input[type="checkbox"].cb-checkbox:checked { background-image: url("../assets/checkmark-white.svg"); background-color: #00AAFF; border-color: #00AAFF; } .cb-checkbox.disabled, input[type="checkbox"].cb-checkbox.disabled { pointer-events: none; background-color: #B2BBC0; border-color: #B2BBC0; } @keyframes presentCard { 0% { opacity: 0; } 100% { opacity: 1; } } #cb-expanded { max-height: 85vh; width: 100%; display: flex; flex-direction: column; /* this shrinks somehow the two elements when height is not enough for their visibility */ /* IE magic */ overflow-y: auto; } #cb-expanded-header-row { display: flex; align-items: center; } #cb-expanded-header-text { margin-left: 10px; font-weight: 700; } #cb-expanded-cookie { height: 24px; width: 24px; } #cb-expanded-desc-wrapper { flex-grow: 1; overflow: auto; margin: 20px 0; } .cb-expanded-desc:last-child { margin-top: 20px; } #cb-expanded-form-wrapper { flex-grow: 1; overflow: auto; } #cb-expanded-form-header { font-weight: 700; } #cb-expanded-actions { margin: 20px 0; display: flex; align-items: center; justify-content: flex-end; } #cb-expanded-section { margin: 10px 0; display: flex; align-items: center; } #cb-btn-accept-selected { font-weight: 300; text-decoration: underline; margin-right: 20px; } .cb-details { color: #8A9499; font-size: 13px; margin-left: 28px; margin-bottom: 10px; } .cb-disclosure { width: 12px; height: 12px; margin-left: 12px; } .flipped { transform: rotate(180deg); }