<!DOCTYPE html> <html id="HTML" lang="it" class="daxmo" > <head> <meta charset="utf-8"> <meta name="generator" content="AlterVista - Editor HTML"/> <title> frameworkdinamic__20220729c </title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script> <script> /* How to copy TEXT to Clipboard on Button-Click A Pen By Shaik Maqsood https://codepen.io/shaikmaqsood/pen/XmydxJ */ /* <button onclick="copyToClipboard('#commento')"> Copy TEXT </button> */ function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } </script> <style> html * {font-size:medium; font-family:"PT Mono",monospace;} /* DESKTOP */ a{margin:0.25rem;padding:0.25rem; background-color:oldlace;color:indigo;border:solid 0.05rem orange;border-radius:0.25rem;display:inline-block;} a:hover{background-color:oldlace!important;color:indigo!important;font-style:italic;border:solid 0.15rem green;cursor:pointer;} body{margin-left:2.5rem;margin-right:2.5rem;} button{background-color:oldlace!important;color:indigo!important;cursor:pointer;} button:hover{background-color:oldlace!important;color:indigo!important;font-style:italic;border:solid 0.15rem green;cursor:pointer;} </style> <style> .cursore { background: lime; line-height: 17px; margin-left: 3px; -webkit-animation: blink 0.8s infinite; width: 7px; height: 15px;} /* @-webkit-keyframes blink { 0% {background: #222} 50% {background: lime} 100% {background: #222}} */ @-webkit-keyframes blink { 0% {background: #222} 50% {background: orange} 100% {background: #222}} .dissolvenza { animation: fadeIn ease 2.5s; -webkit-animation: fadeIn ease 2.5s; -moz-animation: fadeIn ease 2.5s; -o-animation: fadeIn ease 2.5s; -ms-animation: fadeIn ease 2.5s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } .dissolvenzapopup { animation: fadeIn ease 5.5s; -webkit-animation: fadeIn ease 5.5s; -moz-animation: fadeIn ease 5.5s; -o-animation: fadeIn ease 5.5s; -ms-animation: fadeIn ease 5.5s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } </style> <style> aside{background-color:white;color:maroon;} aside, blockquote{border:solid 0.05rem maroon;} aside#ELLE, aside#ERRE{} aside#ELLE, aside#ERRE{padding:0.25rem;} aside#ELLE{background-color:oldlace;} aside#ERRE{background-color:lightgrey;} </style> </head> <body id="BODY" class="daxmo dissolvenza"> <HEADER id="BEFOREELLEERRE" > </HEADER> <!-- sistemazione main aside ELLE ERRE --> <MAIN id="MAIN"> <!-- ELLE --> <ASIDE style="position:fixed; top:0rem;left:0rem; width:80%; height:99%;overflow:auto;" id="ELLE"> </ASIDE> <!-- ELLE --> <!-- ERRE --> <ASIDE style="position:fixed;top:0rem;right:0rem; width:20%; height:99%; text-align:center;overflow:auto;" id="ERRE"> <blockquote style="overflow:auto;" id="WIDTHHEIGHT"> <details><summary>wh%</summary> <input style="width:3.75rem;" id="CAMBIA_W" type="text" value="95%" /> <a onclick="CAMBIA_W()" STYLE="background-color:transparent;text-decoration:none;border:none!important;cursor:pointer;" class="fs-1">W</a> <script>function CAMBIA_W(){larghezza=document.getElementById("CAMBIA_W").value; document.querySelector("#ELLE").style.width=larghezza;}</script> <input style="width:3.75rem;" id="CAMBIA_H" type="text" value="95%" /> <a onclick="CAMBIA_H()" STYLE="background-color:transparent;text-decoration:none;border:none!important;cursor:pointer;" class="fs-1">H</a> <script>function CAMBIA_H(){altezza=document.getElementById("CAMBIA_H").value; document.querySelector("#ELLE").style.height=altezza;}</script> </details> </blockquote> </ASIDE> <!-- ERRE --> </MAIN> <FOOTER id="AFTERELLEERRE" style="margin-left:2.5rem;margin-right:2.5rem;"> </FOOTER> <div style="margin:5rem" id="fine"></div> </body> </html>