<div id="pshowwcag-noscript" class="pshowwcag-bottom-right"> <input type="checkbox" id="pshowwcag-noscript-toggle" hidden> <label for="pshowwcag-noscript-toggle" id="pshowwcag-toggle" aria-expanded="false" aria-controls="pshowwcag-noscript-menu" title="Accessibility Options" onmousedown="this.startX = event.clientX; this.startY = event.clientY; this.moved = false;" onmousemove="if(this.startX !== undefined) { var dx = Math.abs(event.clientX - this.startX); var dy = Math.abs(event.clientY - this.startY); if(dx > 5 || dy > 5) this.moved = true; }" onclick="if(this.moved) { event.preventDefault(); return false; }"> <i class="fas fa-universal-access" aria-hidden="true"></i> </label> <div id="pshowwcag-noscript-menu"> <div class="pshowwcag-header"> <p>Accessibility Options</p> <div class="pshowwcag-header-controls"> <label for="pshowwcag-noscript-toggle" class="pshowwcag-close-btn" aria-label="Close"> <i class="fas fa-times" aria-hidden="true"></i> </label> </div> </div> <form id="pshowwcag-form"> <div class="pshowwcag-content"> <div class="pshowwcag-cards"> <div class="pshowwcag-card-row"> <label for="pshowwcag-fonti-toggle" class="pshowwcag-card" title="Increase text size for better readability"> <input type="checkbox" id="pshowwcag-fonti-toggle" name="accessibility[]" value="fonti" hidden> <i class="fas fa-search-plus" aria-hidden="true"></i> <span>Increase Font</span> </label> <label for="pshowwcag-fontd-toggle" class="pshowwcag-card" title="Decrease text size"> <input type="checkbox" id="pshowwcag-fontd-toggle" name="accessibility[]" value="fontd" hidden> <i class="fas fa-search-minus" aria-hidden="true"></i> <span>Decrease Font</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-contrast-toggle" class="pshowwcag-card" title="Enable high contrast mode for better visibility"> <input type="checkbox" id="pshowwcag-contrast-toggle" name="accessibility[]" value="contrast" hidden> <i class="fas fa-adjust" aria-hidden="true"></i> <span>High Contrast</span> </label> <label for="pshowwcag-grayscale-toggle" class="pshowwcag-card" title="Convert page to grayscale for color blind users"> <input type="checkbox" id="pshowwcag-grayscale-toggle" name="accessibility[]" value="grayscale" hidden> <i class="fas fa-low-vision" aria-hidden="true"></i> <span>Grayscale</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-underline-toggle" class="pshowwcag-card" title="Underline all links to make them more visible"> <input type="checkbox" id="pshowwcag-underline-toggle" name="accessibility[]" value="underline" hidden> <i class="fas fa-link" aria-hidden="true"></i> <span>Underline Links</span> </label> <label for="pshowwcag-animation-toggle" class="pshowwcag-card" title="Stop all animations to prevent motion sensitivity issues"> <input type="checkbox" id="pshowwcag-animation-toggle" name="accessibility[]" value="animation" hidden> <i class="fas fa-pause-circle" aria-hidden="true"></i> <span>Stop Animations</span> </label> </div> </div> </div> <div class="pshowwcag-footer"> <button type="reset" class="pshowwcag-reset-btn" title="Reset all accessibility settings to default"> <i class="fas fa-sync-alt" aria-hidden="true"></i> Reset Settings </button> <a href="https://prestashow.com" target="_blank" class="pshowwcag-prestashow-link"> <span class="pshowwcag-prestashow-text">With accessibility in mind -</span> <img src="https://prestashow.pl/img/prestashop-1609-logo-1684754704.jpg" alt="PrestaShow" class="pshowwcag-prestashow-logo"> </a> </div> </div> </div> </form> <style> /* Use existing styles from main CSS - noscript specific overrides */ #pshowwcag-noscript { position: fixed; z-index: 9999; font-family: 'Segoe UI', sans-serif; } /* Regular toggle button styling */ #pshowwcag-toggle { position: relative; background: var(--pshowwcag-primary, #6366f1); color: var(--pshowwcag-primary-text, #fff); border: none; font-size: 1.6rem; padding: 16px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #pshowwcag-toggle:hover { background: var(--pshowwcag-primary, #6366f1); filter: brightness(0.95); } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-toggle { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 3px #ffffff, 0 0 0 5px var(--pshowwcag-primary, #6366f1); } #pshowwcag-noscript-menu { position: fixed; right: -450px; top: 0; width: 450px; height: 100dvh; background: var(--pshowwcag-background, #f5f5f5); padding: 0; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); font-size: 14px; overflow-y: auto; transition: right 0.3s ease; z-index: 99999; display: flex; flex-direction: column; } /* Menu visibility */ html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } /* Close button hover effect */ .pshowwcag-close-btn:hover { background: rgba(255, 255, 255, 0.1); } /* Active states for cards */ html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card { background: var(--pshowwcag-primary, #6366f1) !important; border-color: var(--pshowwcag-primary, #6366f1) !important; color: var(--pshowwcag-primary-text, #fff) !important; box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card i, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card i, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card i, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card i, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card i, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card i { color: var(--pshowwcag-primary-text, #fff) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card span, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card span, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card span, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card span, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card span, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card span { color: var(--pshowwcag-primary-text, #fff) !important; } /* Accessibility functions */ html:has(#pshowwcag-fonti-toggle:checked) { font-size: 150% !important; } html:has(#pshowwcag-fontd-toggle:checked) { font-size: 75% !important; } html:has(#pshowwcag-contrast-toggle:checked) { filter: contrast(125%) !important; } html:has(#pshowwcag-contrast-toggle:checked) * { color: #000 !important; } html:has(#pshowwcag-grayscale-toggle:checked) { filter: grayscale(100%) !important; } html:has(#pshowwcag-underline-toggle:checked) a { text-decoration: underline !important; } html:has(#pshowwcag-animation-toggle:checked) *, html:has(#pshowwcag-animation-toggle:checked) *::before, html:has(#pshowwcag-animation-toggle:checked) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } @media (max-width: 600px) { #pshowwcag-noscript-menu { width: 100vw; right: -100vw; top: 0; } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } </style>

List of products by brand Tango-Oil

Tango-Oil specialises in the manufacture of polyethylene tanks. The brand is particularly known for its bunded tanks. These are dedicated to the storage, transport and distribution of fuels and chemicals. The range includes tanks for diesel fuel and for AdBlue. A high level of specialisation has allowed the production of bunded tanks to be perfected. Tango-Oil tanks are characterised by high quality workmanship.

Tango-Oil offers diesel tanks of various capacities and equipment. They are highly durable and resistant to adverse conditions. The tanks are equipped with convenient distribution systems. They successfully operate as private filling stations. They are characterised by a good price/quality ratio. Therefore, they are highly appreciated by customers.