js-promocja
unknown
plain_text
2 years ago
4.8 kB
3
Indexable
Never
<img src="/img/imagecache/980x150_pictures_lp_amd_980x150-j.webp" style="border-radius: 5px" /> <style> .product-list-seo-h1 { position: relative; top: -70px; max-width: 65%;; } .product-list-page.default-bg { top: -30px; } .category-banners { margin-bottom: 0px; } #buttonik { z-index: 3; } .b-offer_show .b-billboard { display: block; } .step { margin: 0 0px;display: inline-block;vertical-align: top;width: 33%;font-size: 13px;text-align: center;color: black;float: left; } h1 { font-size: 35px; font-family: 'Klavika'; text-align: center; margin-top: 30px; color: black; } .step span { margin: 0 auto;padding: 10px 10px;width: 65px;display: block;text-align: center;line-height: 30px;color: black;border: solid 2px #ff6622;border-radius: 5px;font-size: 25px; } .step p { padding-top: 30px; color: black; font-size: 14px; } #box { max-width: 1200px; color: black; font-family: 'Klavika'; margin: 30px auto; width: 100%; } @media (max-width: 800px) { .step { margin: 0 0px;display: inline-block;vertical-align: top;width: 50%;font-size: 13px;text-align: center;float: left; padding-bottom: 15px; } } @media (max-width: 600px) { .step { margin: 0 0px;display: inline-block;vertical-align: top;width: 100%;font-size: 13px;text-align: center;float: left; } #box { color: black; font-family: 'Klavika'; margin-top: 30px; width: 100%; } .jak-box-button { padding-right: 5px; } .product-list-seo-h1 { font-size: 16px !important; padding-left: 5px; } } .gradient-border { --borderWidth: 3px; position: relative; border-radius: var(--borderWidth); } </style> <style> .myButtonnn { margin-top: 10px; background-color:#cd2026;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;display:inline-block;cursor:pointer;color:#ffffff;font-family:'Klavika';font-size:17px;padding:16px 31px;text-decoration:none; } .myButtonnn:hover { color: white; background-color:#080808; border: 1px solid white; } .zobacz_wiecejj { margin: 0 auto;width: 30%;height: auto;text-align: center; color: white; } .regulamin { color: white; } @media only screen and (max-width: 750px) { .myButtonn { margin-top: 65px; background-color:#cd2026;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;display:inline-block;cursor:pointer;color:#ffffff;font-family:'Klavika';font-size:15px;padding:16px 31px;text-decoration:none; } .myButtonn:hover { color: white; background-color:#080808; border: 1px solid white; } .zobacz_wiecejj { margin: 0 auto;width: 50%;height: auto; } } .jak { width: 100%; display: inline-block; } .jak-box { width: 50%; text-align: left; float: left; } .jak-box-button { width: 50%; text-align: right; float: left; } </style> <div class="gradient-border" id="box"> <div class="jak"> <div class="jak-box"><h2 class="box-header hheader"></h2></div> <div class="jak-box-button"><span onclick="switchInfo()" class="btn" id="buttonik" style="font-size: 12px;">Szczegóły</span></div> </div> <div id="info" style="display: none; padding-bottom: 20px;margin-top:-40px;"> <a name="jak"> </a> <div style="height: 20px;"> </div> <div class="step"> <span>1 </span> <p>Dodaj do koszyka procesor AMD <br> objęty promocją, <br> oraz wybierz produkt dodatkowy <br> w koszyku </p> </div> <div class="step"> <span>2 </span> <p>Zamontuj zakupiony procesor AMD <br> w swoim komputerze <br> oraz zaloguj się na <a href="https://amdrewards.com" target="_blank">amdrewards.com</a> </p> </div> <div class="step"> <span>3 </span> <p>Wpisz kod promocyjny*, <br> a następnie aktywuj grę </p> </div> <div style="clear:both;"></div> <div style="text-align: center; color: darkslategray; font-size: 12px; margin-top: 30px"> <p> Promocja trwa do 31.12.2022 lub do wcześniejszego wyczerpania zapasów. <br> *Kod promocyjny wysyłany jest w terminie niepóźniejszym niż 21 dni od daty odebrania przesyłki. </p> </div> </div> </div> <script> function switchInfo() { var info = document.getElementById('info'); var z = document.getElementsByClassName("product-list-seo-h1")[0]; var y = document.getElementsByClassName("jak")[0]; var x = document.getElementById('buttonik'); if (x.innerHTML === 'Szczegóły' ) { x.innerHTML = "Szczegóły"; } else { x.innerHTML = "Szczegóły"; } info.style.display=(info.style.display=='none')?'':'none'; if (window.matchMedia("(max-width: 600px)").matches) { z.style.position = "absolute"; y.style.padding= "0px 0px 50px 0px"; z.style.margin="160px 0px 0px 0px" } else {z.style.position = "absolute"; z.style.margin= "252px 0px 0px 0px"; y.style.padding= "0px 0px 50px 0px";} } </script>