Spaces:
Sleeping
Sleeping
| | |
| <html> | |
| <head> | |
| <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> | |
| <meta http-equiv="Pragma" content="no-cache" /> | |
| <meta http-equiv="Expires" content="0" /> | |
| <meta charset="utf-8" /> | |
| <title>ATUALLI MOSAICO WEB</title> | |
| <style > | |
| * { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| margin: 0; | |
| font-family: Arial; | |
| } | |
| #logo { | |
| width: 100%; | |
| top: 10px; | |
| z-index: 1; | |
| } | |
| .title_print, .reporting_period { | |
| text-align: center; | |
| } | |
| .header { | |
| text-align: center; | |
| padding: 0.05%; | |
| background: #053067; | |
| color: white; | |
| } | |
| .row { | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding: 0 2px; | |
| } | |
| /* Create four equal columns that sits next to each other */ | |
| .column { | |
| flex: 25%; | |
| max-width: 25%; | |
| padding: 0 2px; | |
| } | |
| .column img { | |
| margin-top: 2px; | |
| vertical-align: middle; | |
| } | |
| /* Responsive layout - makes a two column-layout instead of four columns */ | |
| @media screen and (max-width: 800px) { | |
| .column { | |
| flex: 50%; | |
| max-width: 50%; | |
| } | |
| } | |
| /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | |
| @media screen and (max-width: 600px) { | |
| .column { | |
| flex: 100%; | |
| max-width: 100%; | |
| } | |
| } | |
| .sticky { | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .sticky + .content { | |
| padding-top: 102px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <title>Hello</title> | |
| <!-- Header --> | |
| <div id="myDIV" class="header"> | |
| <h1>ATUALLI MOSAICO</h1> | |
| </div> | |
| <div class="row"> | |
| <ATMATRIZ> | |
| </div> | |
| <script async> | |
| window.onscroll = function () { myFunction() }; | |
| var header = document.getElementById("myDIV"); | |
| var sticky = header.offsetTop; | |
| function myFunction() { | |
| if (window.pageYOffset > sticky) { | |
| header.classList.add("sticky"); | |
| } else { | |
| header.classList.remove("sticky"); | |
| } | |
| } | |
| // setInterval("gogo();", 1500); | |
| var to = 1; //2; //3; | |
| var first = 0; | |
| var idx=0; | |
| function popupwindow(url, title) { | |
| var w = screen.width*0.75; | |
| var h = screen.height*0.75; | |
| var left = (screen.width / 2) - (w / 2); | |
| var top = (screen.height / 2) - (h / 1.5); | |
| return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left); | |
| } | |
| function imgRedirect(destination) { | |
| // location.href = destination; | |
| // window.open(destination, 'popup', "width=300% height=300%"); | |
| // popupwindow(destination, "teste"); | |
| } | |
| function gogo() | |
| { | |
| var d=new Date(), | |
| dummy=d.getTime(), | |
| i=idx, | |
| pix=document.images; | |
| for (; i < pix.length; i++) | |
| { | |
| if (pix[i].className !== 'refr') | |
| { continue; } | |
| else | |
| { | |
| var obj = pix[i], | |
| s_rc=obj.getAttribute('src'), | |
| pure_src = s_rc.substring(0, s_rc.indexOf('c=') + 4); | |
| obj.setAttribute('src', pure_src + '&' + dummy); | |
| obj.nextSibling.innerHTML=obj.getAttribute('src'); | |
| idx+=1; | |
| if(idx>=pix.length) idx=0; | |
| break; | |
| } | |
| } | |
| if (first == 0) | |
| { | |
| first = 1; | |
| setTimeout(gogo, to * 10000); | |
| } | |
| else | |
| { | |
| setTimeout(gogo, to * 100); | |
| } | |
| } | |
| gogo(); | |
| function setOutput(classref,porta,valor) { | |
| var d = new Date(), | |
| dummy = d.getTime(), | |
| i = 0, | |
| pix = document.images; | |
| for (; i < pix.length; i++) { | |
| if (pix[i].className !== classref) | |
| { continue; } | |
| else | |
| { | |
| var obj = pix[i], | |
| s_rc = obj.getAttribute('src'), | |
| pure_src = s_rc.substring(0, s_rc.indexOf('c=') + 4); | |
| obj.setAttribute('src', pure_src + '&' + dummy); | |
| obj.nextSibling.innerHTML = obj.getAttribute('src'); | |
| } | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> | |