Mappa della pagina
[id="indice00"]
1 2
| #directory |
- Software raccoglitore #softwareraccoglitore
- base #usdbase struttura di un file semantic
- foglio di stile base #fogliodistilebase
- script base #usdjavascriptbase
- elenco dei siti collegati #elencodeisiticollegati
- west europe standard time #annogiornoora
-
ebook #usdebook
sfogliatore di immagini
- gerarchia dei files #usdbookgerarchia
- html part1 #usdbookhtml1
- html part1 inserto n1 #usdbookhtml1_1
- html part2 #usdbookhtml2
- html part2 inserto n2 #usdbookhtml2_2
- html part3 #usdbookhtml3
- css 01 #usdbookceb01
- css 01_1 #usdbookCEB01_1
- css 02 #usdbookceb02
- javascript 01 #usdbookjeb01
- javascript 02 #usdbookjeb02
- javascript 03 #usdbookjeb03
- Frammenti di codice #frammentidicodice
- griglia 16x1 #sedicix1g
- griglia 8x2 #ottox2g
- griglia 4x4 #quattrox4g
- griglia 12+4 #grigliaprogrammainesecuzione
- griglia 12+4 copy #grigliacopytoclipboard CopyToClipboard
- codici ascii e terminologia #codiciascii elenco dei codici ascii da 32 a 255
- codici colori standard #codicicoloristandard colori sicuramente accettati
- codici colori rgba #codicicolorirgba colori colori rgba
- menu laterale #menulaterale
- dimensioni dello schermo e della finestra #dimensionidelloschermo
- copia nella clipboard #copianellaclipboard copia codice nella clipboard
-
php #codicephp
- scrive sul server cronologia #codicecronologia memorizza nome file visitato
- visualizza directory files #codicedirectory nomi file e cartelle
Directory
<!doctype html>
<html lang="it">
<head>
<meta http-equiv="content-type"
content="text/html; charset=UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="generator"
content="AlterVista - Editor HTML">
<title> </title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"> </script>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js">
</script>
</head>
<body onload="AttendereLoading()" class="sfondo">
<main class="bordo1" style="">
</main>
<div id="L0"><p><small>underground_software_distillery©2020 se leggi questo messaggio qualcosa non ha funzionato</small></p></div>
<div id="fine"></div>
</body>
</html>
/* udstile css versione 2020 03 07 */
/* foglio di stile base */
body{background-color:oldlace;}
body, main, section, article, div, p,
span, header, footer { font-size:1em; overflow:visible !important; }
main{
margin-top:4.5em; margin-bottom:0.0em;
margin-left:3em; margin-right:3em;
border-top:solid 0em maroon;
border-bottom:solid 0em maroon;
border-left:solid 0.2em maroon !important;
border-right:solid 0.2em maroon !important;
padding:0.4em;
background-color:rgba(222,184,135,0.25); /* burlywood */
color:black;
}
section{
margin-left:4em !important;margin-right:4em !important;
margin-top:0em; margin-bottom:0em;
font-family:monospace;}
header, footer{ margin-top:4.5em; }
img{ width:100%;}
div.testo{
text-align:left; max-height:9em;
overflow:auto !important; }
div.immagine{
text-align:left; max-height:9em;
overflow:auto !important; }
.centro{ text-align:center !important;
margin:auto !important; padding:0 !important; }
.sfondo{
background-image:url(https://ed-ora-andiamo.com/immagini/carta01x.gif);
background-repeat: repeat;
background-attachment: fixed;
background-color:rgba(253,245,230,0.5); /* old lace */
}
.bordofooter{border:solid 1px rgba(0,0,0,0);}
/* debugging */
.bordo{border:solid 0px lime !important;}
/*
.bordo000{border:solid 2px black !important;}
.bordo111{border:solid 2px red !important;}
.bordo121{border:solid 2px orange !important;}
.bordo131{border:solid 2px green !important;}
*/
.bordo4{font-size:1.2em;border:solid 2px gray;}
p#code{background-color:burlywood;}
p#effe{background-color:orange;}
/* usd js versione 2020 03 08 12:00 */
/* update con indicatore scorrimento */
/* verticale della pagina */
/* loading spinner a circa 50min */
document.getElementById('L0').innerHTML=
' '+
'<div id="L1"></div> '+
'<div id="L2"></div> '+
'<div id="L3"></div> '+
'<div id="L4"></div> '+
'<div id="L5"></div> '+
'<div id="L6"></div> '
;
document.getElementById('L1').innerHTML =
''+
' <p style="display:none;"> '+
' Size iniziale '+window.innerWidth+
'px '+
' </p> '+
' <style> '+
' .modale{'+
' position:fixed;'+
' top:0;left:0;bottom:0;right:0; '+
' pointer-events:none;opacity:0; '+
' background-color:black;'+
' padding:1em;'+
' overflow:auto !important;'+
' z-index:100;'+
' }'+
' .modale:target{'+
' pointer-events:auto;opacity:1; '+
' }'+
' .modalecontenuto{'+
' width:70%;height:70%; '+
' margin-left:15%;'+
' padding:1em;'+
' border:solid 0.2em burlywood;'+
' background-color:oldlace;'+
' }'+
' </style> '+
' <div class="modale" id="modale">'+
' <div class="modalecontenuto">'+
' <a href="#" style="'+
' font-size:2em;'+
' border:solid 0.05em rgba(0,0,0,0.0);'+
' ">'+
' <i class="times circle icon"></i>'+
' </a>'+
' <p style="border:solid 0.05em rgba(0,0,0,0.1);"> '+
' underground software distillery ©2020 '+
' </p> '+
' </div>'+
' </div>'+
''
;
document.getElementById('L2').innerHTML =
' <style>'+
' .drop111L2{'+
' position:fixed;top:0;left:0;'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px red;'+
' '+
'}'+
' .drop121L2{'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px green;'+
' '+
'}'+
' .drop131L2{'+
' position:relative;top:0;left:0;'+
' width:'+window.innerWidth+'px;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' font-size:2em;'+
' display:none;'+
' border:solid 0px blue;'+
' '+
'}'+
' .drop111L2:hover '+
' .drop131L2{display:block;}'+
' .drop111L2:hover '+
' .drop121L2{display:none;}'+
' </style>'+
' <div class="drop111L2">'+
' <div class="drop121L2">'+
' <p style="font-size:1.4em;"> '+
' <i class="bars icon"></i> '+
' </p> '+
' </div>'+
' <div class="drop131L2">'+
' <span style="display:none;">'+
' '+window.innerWidth+' '+
' </span>'+
' <p style="position:absolute;'+
' top:0; left:30%;'+
' ">'+
' <a href="#modale">'+
' <i class="info circle icon"></i>'+
' </a> '+
' </p>'+
' <p style="position:absolute;'+
' top:0; left:50%;'+
' ">'+
' <a href="#fine">'+
' <i class="chevron circle down icon"></i> '+
' </p>'+
' </a> '+
' <a href="#">'+
' <p style="position:absolute;'+
' top:0; left:70%;'+
' ">'+
' <i class="chevron circle up icon"></i> '+
' </p>'+
' </a> '+
' </div>'+
' </div>'+
' '+
''
;
window.addEventListener('resize', function(event){
document.getElementById('L3').innerHTML =
''+
' <p style="display:none;"> '+
'Size attuale '+window.innerWidth+
'px '+
' </p> '+
' <style>'+
' .drop111L3{'+
' position:fixed;top:0;left:0;'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px red;'+
' '+
'}'+
' .drop121L3{'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px green;'+
' '+
'}'+
' .drop131L3{'+
' position:relative;top:0;left:0;'+
' width:'+window.innerWidth+'px;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' font-size:2em;'+
' display:none;'+
' border:solid 0px blue;'+
' '+
'}'+
' .drop111L3:hover '+
' .drop131L3{display:block;}'+
' .drop111L3:hover '+
' .drop121L3{display:none;}'+
' </style>'+
' <div class="drop111L3">'+
' <div class="drop121L3">'+
' <p style="font-size:1.4em;"> '+
' <i class="bars icon"></i> '+
' </p> '+
' </div>'+
' <div class="drop131L3">'+
' <span style="display:none;">'+
' '+window.innerWidth+' '+
' </span>'+
' <p style="position:absolute;'+
' top:0; left:30%;'+
' ">'+
' <a href="#modale">'+
' <i class="info circle icon"></i>'+
' </a> '+
' </p>'+
' <p style="position:absolute;'+
' top:0; left:50%;'+
' ">'+
' <a href="#fine">'+
' <i class="chevron circle down icon"></i> '+
' </a> '+
' </p>'+
' <p style="position:absolute;'+
' top:0; left:70%;'+
' ">'+
' <a href="#">'+
' <i class="chevron circle up icon"></i> '+
' </a> '+
' </p>'+
' </div>'+
' </div>'+
' '+
' '+
'';
});
document.getElementById('L4').innerHTML=
' <div id="Loaded" '+
' style="'+
' position:fixed;'+
' top:50%; '+
' left:50%; margin-left:-5.4em; '+
' "> '+
' <div class="ui secondary '+
' loading small button ">'+
' Loading '+
' </div>'+
' <div id="percento" style="" '+
' class="ui secondary '+
' small button " '+
' > '+
' Loading...'+
' </div> '+
' '+
' </div> '+
' '
;
function AttendereLoading()
{ if (document.all)
{document.all['AttendereLoading'].style.visibility='hidden'; }
else if (document.getElementById)
{node=document.getElementById('Loaded').style.visibility='hidden'; }
}
var percento=document.getElementById('percento');
var contatore=1;
var intervallo=setInterval(
function(){
percento.innerHTML=contatore+'%';
contatore++;
if (contatore===101)
{clearInterval(intervallo);}
}, 30000
)
document.getElementById('L6').innerHTML=
' <style>'+
' </style>'+
''
;
document.getElementById('L5').innerHTML=
' '+
' <div class="indicatore-container"> '+
' <div class="indicatore-bar" id="indicatore"> '+
' </div> '+
' </div> '+
'<style> '+
'.indicatore-container { '+
' position:fixed;top:0;left:0; '+
' width: 100%; '+
' height: 0.21em; '+
' background: burlywood; '+
'} '+
'.indicatore-bar { '+
' height: 0.21em; '+
' background: maroon; '+
' width: 0%; '+
'} '+
'</style> '+
' '
;
window.onscroll = function() {indicatore()};
function indicatore() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("indicatore").style.width = scrolled + "%";
}
/* aforall js versione 2020 03 07 */
/* elenco dei siti collegati */
document.getElementById('aforall').innerHTML=
' ' +
' ' +
' ' +
' ' +
' ' +
' ' +
' ' +
'<div style="" '+
'overflow: visible;">'+
'<span>Altervista for all </span>'+
'<span style="">'+
'<a href="http://edoraandiamo.altervista.org/'+
'index.html">'+'index</a>'+
' <br/>'+
'<a href="http://rinaldorasa.altervista.org/"> 1</a>'+
' '+
'<a href="http://rasarinaldo.altervista.org/"> 2</a>'+
' '+
'<a '+'href="http://beatsupernovarasa.altervista.org/">'+
' 3</a>'+' '+
'<a href="http://veneziamestremarghera.altervista.org/"'+
'> 4</a>'+' '+
'<a '+
' href="http://mestreveneziamarghera.altervista.org/" >'+
' 5</a>'+
' <a '+
'href="http://margheraveneziamestre.altervista.org/" >'+
' 6</a>'+' <a'+
' href="http://venexia.altervista.org/">'+
' 7</a> '+
'<a'+
' href="http://venexiadue.altervista.org/">'+
' 8</a> ' +
' <br/> '+
'<a'+
' href="http://noteapiedipagina.altervista.org/">'+' 9</a> <a'+
' href="http://venexiatre.altervista.org/">'+
'10</a> <a'+
' href="http://venexiaiv.altervista.org/">'+
'11</a> <a'+
' href="http://veneziav.altervista.org/">'+
'12</a> <a'+
' href="http://veneziavi.altervista.org/">'+
'13</a>'+
'</span>'+
'</div>'+
' ' +
' ' +
' ' +
' ' +
' ' +
' ' +
' '
/* orarioDMHS js 20200307 */
/* giorno mese anno ora */
var orario = setInterval(intervalloHMS, 1000);
function intervalloHMS() {
var d = new Date();
// document.getElementById("orarioHMS").innerHTML = d.toLocaleTimeString();
document.getElementById("orarioDHMS").innerHTML = d;
}
gerarchia-dei-fogli-e-script:
=============================
-
-
---linkhead.css---si-------------------usdceb01--
-
---jquery_005.js--no-----------------------------
-
---modernizr.js--no------------------------------
-
---jquery-migrate.js--si---------------usdjeb01--
-
---jquery.js--si-----------------------usdjeb01--
-
---TweenMax.js--si---------------------usdjeb01--
-
---iscroll.js--si----------------------usdjeb01--
-
---jquery_003.js---si------------------usdjeb01--
-
---jquery_002.js---si------------------usdjeb01--
-
---settaggi.js---edit------------------usdjeb02--
-
---main.js--si-ma-esterno--------------usdjeb03--
-
---translatematrix.css---si------------usdceb02--
-
---toggleschermointero.js--si----------usdjeb01--
-
---
-
html part1
<!doctype html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
<title></title>
<!--
link interni:
=============
#settaggiedit
#pagineedit
-->
<!--
gerarchia dei fogli e script:
============================
linkhead.css si ceb01
jquery_005.js no ----------------------
modernizr.js no ----------------------
jquery-migrate.js si jeb01
jquery.js si jeb01
TweenMax.js si jeb01
iscroll.js si jeb01
jquery_003.js si jeb01
jquery_002.js si jeb01
settaggicostantievariabili.js edit jeb02
main.js si ma esterno jeb03
translatematrix.css si ceb02
toggleschermointero.js si jeb01
-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="http://www.beatsupernovarasa.com/immagini/peace_flag.jpg"
alt=""
title="" type="image/png" sizes="16x16">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"> </script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js">
</script>
<link rel="stylesheet" href="http://edoraandiamo.altervista.org/usdebook/seb/usdceb01.css" />
<script type="text/javascript" src="http://edoraandiamo.altervista.org/usdebook/seb/usdjeb01.js"></script>
<!-- settaggi VARIABILI INI -->
<!-- #settaggiedit ini -->
html part1 inserto1
<script type="text/javascript"
src="http://edoraandiamo.altervista.org/usdebook/seb/usdjeb02.js"></script>
<script type="text/javascript">
// numero pagine
// var num_pages = 100;
var num_pages = 6;
// cronologia
// var num_loaded_pages = 100;
var num_loaded_pages = 6;
</script>
html part2
<!-- #settaggiedit fin -->
<!-- settaggi VARIABILI FIN -->
<link rel="stylesheet" href="http://edoraandiamo.altervista.org/usdebook/seb/usdCEB01_1.css" />
<!-- settaggi inLinea COSTANTI INI -->
<script type="text/javascript">
var map_area_opacity = 0.6; var force_one_page = false;
var banner_height = 90; var maps = new Array();
for(var p=0; p<num_pages; p++)
maps[p] = new Array();
function createMapsEvents()
{ }
</script>
<!-- settaggi inLinea COSTANTI FIN -->
<script type="text/javascript" src="http://edoraandiamo.altervista.org/usdebook/seb/usdjeb03.js"></script>
<link rel="stylesheet" href="http://edoraandiamo.altervista.org/usdebook/seb/usdceb02.css" />
</head>
<body onresize="myFunzioneFunction()"
onLoad="toggleFullScreen(document.body)">
<div id="preload_bg" class="preloadUnderscoreBg" style="">
<div id="preload" class="preloadPlain" style="">
<div id="preload_text">100%
</div>
<div id="preload_bar" class="preloadUnderscoreBar"
style="">
</div>
</div>
</div>
<div id="header" class="headerTopSinistraDestra" style="">
<div id="header_left" class="headerMappaPos">
<div class="thumb headerMappaThumb" id_thumb="5"
style="">
<span class="fa fa-map-o headerMappaThumbIcona"
style="">
</span>
</div>
</div>
<div id="header_left" class="headerPaginaCopertinaPos"
style="">
<div class="thumb headerPaginaCopertinaThumb"
id_thumb="0" style="">
<span
class="fa fa-home headerPaginaCopertinaThumbIcona"
style="">
</span>
</div>
</div>
<div id="header_left" class="headerRefreshSchermoPos">
<p onclick="ricaricaPagina()"
class="fa fa-refresh headerRefreshSchermoThumbIcona"
style="cursor:pointer;
background-color:DodgerBlue;
font-size:2.2em;border-radius:4px;
padding:2px 4px 2px 2px;opacity:0.3;">
</p>
</div>
<div id="header_left" class="headerSchermoInteroPos">
<p onclick="toggleFullScreen(document.body)"
class="fa fa-arrows-alt headerSchermoInteroThumbIcona"
style="cursor:pointer;
background-color:DodgerBlue;
font-size:2.2em;border-radius:4px;
padding:2px 4px 2px 2px;opacity:0.3;">
</p>
</div>
</div>
<div id="thumbs"
style="top: 0px;
transform: translate3d(0px, -200px, 0.9px);
width: 916px; overflow: hidden; -moz-user-select: none;
touch-action: none;">
<div class="iscrollH"
style="pointer-events: none;
transition-property: opacity;
transition-duration: 350ms;
overflow: hidden; opacity: 0;">
<div style="pointer-events: none;
transition-property: transform;
transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
transform: translate(0px, 0px) translateZ(0px);
width: 31px;">
</div>
</div>
</div>
<div id="sommario"
style="left: 0px; transform: translate3d(-240px, 0px, 0.3px);
height: 607px; width: 180px;
overflow: hidden; -moz-user-select: none;
touch-action: none;">
<div id="sommario_content"
style="transition-property: transform;
transform-origin: 0px 0px 0px;
transform: translate(0px, 0px) translateZ(0px);
-moz-user-select: none; touch-action: none;">
</div>
</div>
<!-- QUI IL BOOK INI -->
<style>
img{
width:auto;
height:auto;
text-align:center !important;
margin:auto !important;
padding:0 !important;}
</style>
<div id="book"
style="perspective: 1432px; height: 577px;
width: 818px;
transform: translate3d(-155.5px, 0px, 0.1px);
transform-origin: 75% center 0px; opacity: 1; ">
<!-- #pagineedit ini -->
html part2 inserto2
<div id="p0" class="page transformApari" n="0" style="">
<article id="0" class="">
<div class="row">
<p class="">
<img src="http://edoraandiamo.altervista.org/img0/non-si-scrive-sui-muri.jpg"
alt="" title="Non si scrive sui muri, stencil, fotografia di Rinaldo Rasa, 1 maggio 2014." style="width:100%;">
</p>
</div>
</article>
</div>
<div id="p1" class="page transformAdispari" n="1" style="">
<article id="1" class="articolo">
<div class="row paginaTesto">
<p class="paragrafoTesto">
<img src="http://edoraandiamo.altervista.org/img0/non-si-scrive-sui-muri.jpg" alt="" title="Non si scrive sui muri, stencil, fotografia di Rinaldo Rasa, 1 maggio 2014." style="width:100%;">
</p>
</div>
</article>
</div>
<div id="p2" class="page transformApari" n="2" style="">
<article id="2" class="articolo">
<div class="row paginaTesto" style="">
<p class="paragrafoTesto">
<img src="http://edoraandiamo.altervista.org/img0/non-si-scrive-sui-muri.jpg" alt="" title="Non si scrive sui muri, stencil, fotografia di Rinaldo Rasa, 1 maggio 2014." style="width:100%;">
</p>
</div>
</article>
</div>
<div id="p3" class="page transformAdispari" n="3" style="">
<article id="3" class="articolo">
<div class="row paginaTesto">
<p class="paragrafoTesto">
<img src="http://edoraandiamo.altervista.org/img0/non-si-scrive-sui-muri.jpg" alt="" title="Non si scrive sui muri, stencil, fotografia di Rinaldo Rasa, 1 maggio 2014." style="width:100%;">
</p>
</div>
</article>
</div>
<div id="p4" class="page transformApari" n="4" style="">
<article id="4" class="articolo">
<div class="row paginaTesto">
<p class="paragrafoTesto">
<img src="http://edoraandiamo.altervista.org/img0/non-si-scrive-sui-muri.jpg" alt="" title="Non si scrive sui muri, stencil, fotografia di Rinaldo Rasa, 1 maggio 2014." style="width:100%;">
</p>
</div>
</article>
</div>
<div id="p5" class="page transformAdispari" n="5" style="">
<article id="5" class="articolo">
<div class="row paginaTesto">
<p class="paragrafoTesto">
<img src="http://edoraandiamo.altervista.org/img0/non-si-scrive-sui-muri.jpg" alt="" title="Non si scrive sui muri, stencil, fotografia di Rinaldo Rasa, 1 maggio 2014." style="width:100%;">
</p>
</div>
</article>
</div>
html part3
<!-- #pagineedit fin -->
</div>
<!-- QUI IL BOOK FIN -->
<div id="arrow_left" style="opacity:1;">
<i class="fa fa-angle-left" style="position:fixed;left:0%;top:30%;color:#a00;font-size:4em;"></i>
</div>
<div id="arrow_right" style="opacity:1;">
<i class="fa fa-angle-right" style="position:fixed;right:0%;top:30%;color:#a00;font-size:4em;"></i>
</div>
</body>
</html>
usdbookceb01
/*
Ebook fogli di stile
nel head
*/
html {
overflow:hidden;
}
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow:hidden;
font-family:arial;
font-size:14px;
}
img {
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#book {
position:fixed;
z-index:0;
opacity:0;
}
.page {
display:none;
position:absolute;
background:none;
font-size:50px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0px, 0);
}
.page_img {
position:absolute;
}
.page_overlay {
position:absolute;
background:#000;
opacity:0;
z-index:2;
}
#big {
position:fixed;
z-index:3000;
top:0;
left:0;
display:none;
}
#big_left {
position:absolute;
top:0;
left:0;
}
#big_right {
position:absolute;
top:0;
right:0;
}
#large {
position:fixed;
z-index:3001;
top:0;
left:0;
display:none;
}
#large_left {
position:absolute;
top:0;
left:0;
display:none;
}
#large_right {
position:absolute;
top:0;
right:0;
display:none;
}
#arrow_right {
position:fixed;
width:60px;
top:60px;
background:rgba(0,0,0,0.5);
cursor: pointer;
z-index: 999;
display:none;
}
#arrow_right img {
cursor: pointer;
}
#arrow_left {
position:fixed;
width:60px;
top:60px;
background:rgba(0,0,0,0.5);
cursor: pointer;
z-index: 999;
display:none;
}
#arrow_left img {
cursor: pointer;
}
.maps {
position:relative;
display:block;
z-index:1000;
}
.map {
position:absolute;
top:0;
left:0;
cursor:pointer;
display:none;
z-index:1000;
}
.map_area {
width:100%;
height:100%;
}
.icon {
position:absolute;
top:0;
left:0;
cursor:pointer;
display:none;
}
#header {
position:fixed;
top:-100px;
height:59px;
line-height:59px;
border-bottom:1px solid #555;
width:100%;
background: rgba(0,0,0,0.5);
text-align:center;
color:#ddd;
z-index:2000;
}
#header_left {
float:left;
padding: 0 0 0 10px;
}
#header_right {
float:right;
padding: 4px 10px 0 0;
}
#logo_img {
display:none;
}
#sommario {
position:fixed;
left:-5000px;
top:60px;
background:rgba(0,0,0,0.5);
z-index:1000;
color: #FFF;
}
#sommario_content {
padding:20px 40px 20px 15px;
z-index:1001;
}
#sommario_content h3 {
font-size: 16px;
font-weight: normal;
font-style: italic;
}
#sommario ul {
padding:0;
margin:0;
}
#sommario ul li {
margin: 0;
list-style: none;
padding: 5px 0 5px 0;
white-space: nowrap;
color: #FFF;
cursor:pointer;
}
#sommario ul li:hover {
color: #aaa;
}
#thumbs {
position:fixed;
width:100%;
top:-1000px;
left:0;
background:rgba(0,0,0,0.5);
z-index:1100;
padding: 0 0 10px 0;
outline: none;
display:block;
}
#scroller {
float:left;
padding:0;
}
.thumb {
float:left;
text-align:center;
line-height: 20px;
color: #FFF;
padding:0 10px 0 10px;
margin-top:10px;
cursor:pointer;
}
#preload_bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#preload {
float:left;
width:100%;
}
#preload_text {
width:100%;
text-align:center;
color:#FFF;
font-family:Georgia;
font-size:40px;
}
#preload_bar {
float:left;
height:1px;
width:0px;
background:#FFF;
}
#text_iframe {
position:fixed;
top:0;
left:0;
z-index: 1000;
display: none;
overflow:auto;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased !important;
}
#text_iframe_close {
position:fixed;
top:0;
left:0;
z-index: 1001;
display:none;
cursor:pointer;
}
#dark_overlay {
position:fixed;
top:0;
left:0;
z-index: 999;
display: none;
background:#000!important;
opacity:0.9!important;
cursor:pointer;
}
.iscrollH {
position:absolute;
z-index:100;
height:8px;
bottom:1px;
left:2px;
right:7px
}
.iscrollH > div {
position:absolute;
z-index:100;
height:100%;
border:0px solid #000;
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
-o-background-clip:padding-box;
background-clip:padding-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}
.iscrollV {
position:absolute;
z-index:100;
width:8px;bottom:7px;top:2px;right:1px
}
.iscrollV > div {
position:absolute;
z-index:100;
width:100%;
border:0px solid #000;
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
-o-background-clip:padding-box;
background-clip:padding-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('fancybox.png');
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
background:#000!important;
opacity:0.9!important;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('blank.gif');
z-index: 1102;
display: none;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
usdbookCEB01_1
/* stile dopo i settaggi */
body { background-color: #111;
background-color: rgba(17,0,0,1);
background-color: rgba(0,0,0,1);
}
.map { border:1px dotted #FD540A !important; }
.map_area { background-color:#FFF !important; }
#scroller { width:26437.0486px !important; }
#thumbs { height:135px !important; }
.thumb { width:70.8146px !important; }
.iscrollH > div { background: #FD540A; }
.iscrollV > div { background: #FD540A; }
usdbookceb02
/* transform translate matrix */
/* le pagine del libro */
/* ---- /---- */
/* |....|....|*/
/* |....|....|*/
/* |....|....|*/
/* ---- ----/*/
/* TRANSFORM TRANSLATE */
.transformApari { transform: translate3d(409px, 0px, 0.1px); display: block; -moz-user-select: none; touch-action: none; z-index: 3; transform-origin: left center 0px;
/* background-color:#ffdf80; */ /* background-image: url('http://www.beatsupernovarasa.com/immagini/carta01eoa.gif');
*/ /*
background-image:url('http://edoraandiamo.altervista.org/img0/carta06.png');
*/
border:solid 1px LightGrey;border-radius:1px; }
/* TRANSFORM MATRIX */
.transformAdispari { transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -1, 0, 0, 0, 0.1, 1); -moz-user-select: none; touch-action: none; z-index: 0; transform-origin: right center 0px;
/* background-color:#ffdf80; */ /* background-image: url(http://www.beatsupernovarasa.com/immagini/carta01eoa.gif); */
/*
background-image:url('http://edoraandiamo.altervista.org/img0/carta06.png');
*/
border:solid 1px LightGrey;border-radius:1px; }
usdbookjeb01
/*! jQuery Migrate v1.4.1 | (c) jQuery Foundation and other contributors | jquery.org/license */
"undefined"==typeof jQuery.migrateMute&&(jQuery.migrateMute=!0),function(a,b,c){function d(c){var d=b.console;f[c]||(f[c]=!0,a.migrateWarnings.push(c),d&&d.warn&&!a.migrateMute&&(d.warn("JQMIGRATE: "+c),a.migrateTrace&&d.trace&&d.trace()))}function e(b,c,e,f){if(Object.defineProperty)try{return void Object.defineProperty(b,c,{configurable:!0,enumerable:!0,get:function(){return d(f),e},set:function(a){d(f),e=a}})}catch(g){}a._definePropertyBroken=!0,b[c]=e}a.migrateVersion="1.4.1";var f={};a.migrateWarnings=[],b.console&&b.console.log&&b.console.log("JQMIGRATE: Migrate is installed"+(a.migrateMute?"":" with logging active")+", version "+a.migrateVersion),a.migrateTrace===c&&(a.migrateTrace=!0),a.migrateReset=function(){f={},a.migrateWarnings.length=0},"BackCompat"===document.compatMode&&d("jQuery is not compatible with Quirks Mode");var g=a("
/* jquery.js */
(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});
/* TweenMax.js */
/*!
* VERSION: 1.20.3
* DATE: 2017-10-02
* UPDATES AND DOCS AT: http://greensock.com
*
* Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin
*
* @license Copyright (c) 2008-2017, GreenSock. All rights reserved.
* This work is subject to the terms at http://greensock.com/standard-license or for
* Club GreenSock members, the software agreement that was issued with your membership.
*
* @author: Jack Doyle, jack@greensock.com
**/
var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";_gsScope._gsDefine("TweenMax",["core.Animation","core.SimpleTimeline","TweenLite"],function(a,b,c){var d=function(a){var b,c=[],d=a.length;for(b=0;b!==d;c.push(a[b++]));return c},e=function(a,b,c){var d,e,f=a.cycle;for(d in f)e=f[d],a[d]="function"==typeof e?e(c,b[c]):e[c%e.length];delete a.cycle},f=function(a,b,d){c.call(this,a,b,d),this._cycle=0,this._yoyo=this.vars.yoyo===!0||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._repeat&&this._uncache(!0),this.render=f.prototype.render},g=1e-10,h=c._internals,i=h.isSelector,j=h.isArray,k=f.prototype=c.to({},.1,{}),l=[];f.version="1.20.3",k.constructor=f,k.kill()._gc=!1,f.killTweensOf=f.killDelayedCallsTo=c.killTweensOf,f.getTweensOf=c.getTweensOf,f.lagSmoothing=c.lagSmoothing,f.ticker=c.ticker,f.render=c.render,k.invalidate=function(){return this._yoyo=this.vars.yoyo===!0||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._yoyoEase=null,this._uncache(!0),c.prototype.invalidate.call(this)},k.updateTo=function(a,b){var d,e=this.ratio,f=this.vars.immediateRender||a.immediateRender;b&&this._startTime
d[q]=(d[q]||0)+r*r;for(n=d.length;--n>-1;)d[n]=Math.sqrt(d[n])}for(n=w.length,q=g?4:1;--n>-1;)o=w[n],p=v[o],j(p,f,g,i,e[o]),t&&(p.splice(0,q),p.splice(p.length-q,q));return v},m=function(a,b,c){b=b||"soft";var d,e,f,h,i,j,k,l,m,n,o,p={},q="cubic"===b?3:2,r="soft"===b,s=[];if(r&&c&&(a=[c].concat(a)),null==a||a.length
parser:function(a,b,c,d,f,h,i){if(d._lastParsedTransform===i)return f;d._lastParsedTransform=i;var j,k=i.scale&&"function"==typeof i.scale?i.scale:0;"function"==typeof i[c]&&(j=i[c],i[c]=b),k&&(i.scale=k(r,a));var l,m,n,o,p,s,t,u,v,w=a._gsTransform,x=a.style,y=1e-6,z=Ba.length,A=i,B={},C="transformOrigin",D=Ra(a,e,!0,A.parseTransform),E=A.transform&&("function"==typeof A.transform?A.transform(r,q):A.transform);if(D.skewType=A.skewType||D.skewType||g.defaultSkewType,d._transform=D,E&&"string"==typeof E&&Ca)m=Q.style,m[Ca]=E,m.display="block",m.position="absolute",O.body.appendChild(Q),l=Ra(Q,null,!1),"simple"===D.skewType&&(l.scaleY*=Math.cos(l.skewX*K)),D.svg&&(s=D.xOrigin,t=D.yOrigin,l.x-=D.xOffset,l.y-=D.yOffset,(A.transformOrigin||A.svgOrigin)&&(E={},La(a,ha(A.transformOrigin),E,A.svgOrigin,A.smoothOrigin,!0),s=E.xOrigin,t=E.yOrigin,l.x-=E.xOffset-D.xOffset,l.y-=E.yOffset-D.yOffset),(s||t)&&(u=Qa(Q,!0),l.x-=s-(s*u[0]+t*u[2]),l.y-=t-(s*u[1]+t*u[3]))),O.body.removeChild(Q),l.perspective||(l.perspective=D.perspective),null!=A.xPercent&&(l.xPercent=ja(A.xPercent,D.xPercent)),null!=A.yPercent&&(l.yPercent=ja(A.yPercent,D.yPercent));else if("object"==typeof A){if(l={scaleX:ja(null!=A.scaleX?A.scaleX:A.scale,D.scaleX),scaleY:ja(null!=A.scaleY?A.scaleY:A.scale,D.scaleY),scaleZ:ja(A.scaleZ,D.scaleZ),x:ja(A.x,D.x),y:ja(A.y,D.y),z:ja(A.z,D.z),xPercent:ja(A.xPercent,D.xPercent),yPercent:ja(A.yPercent,D.yPercent),perspective:ja(A.transformPerspective,D.perspective)},p=A.directionalRotation,null!=p)if("object"==typeof p)for(m in p)A[m]=p[m];else A.rotation=p;"string"==typeof A.x&&-1!==A.x.indexOf("%")&&(l.x=0,l.xPercent=ja(A.x,D.xPercent)),"string"==typeof A.y&&-1!==A.y.indexOf("%")&&(l.y=0,l.yPercent=ja(A.y,D.yPercent)),l.rotation=ka("rotation"in A?A.rotation:"shortRotation"in A?A.shortRotation+"_short":"rotationZ"in A?A.rotationZ:D.rotation,D.rotation,"rotation",B),Fa&&(l.rotationX=ka("rotationX"in A?A.rotationX:"shortRotationX"in A?A.shortRotationX+"_short":D.rotationX||0,D.rotationX,"rotationX",B),l.rotationY=ka("rotationY"in A?A.rotationY:"shortRotationY"in A?A.shortRotationY+"_short":D.rotationY||0,D.rotationY,"rotationY",B)),l.skewX=ka(A.skewX,D.skewX),l.skewY=ka(A.skewY,D.skewY)}for(Fa&&null!=A.force3D&&(D.force3D=A.force3D,o=!0),n=D.force3D||D.z||D.rotationX||D.rotationY||l.z||l.rotationX||l.rotationY||l.perspective,n||null==A.scale||(l.scaleZ=1);--z>-1;)v=Ba[z],E=l[v]-D[v],(E>y||-y>E||null!=A[v]||null!=M[v])&&(o=!0,f=new ta(D,v,D[v],E,f),v in B&&(f.e=B[v]),f.xs0=0,f.plugin=h,d._overwriteProps.push(f.n));return E=A.transformOrigin,D.svg&&(E||A.svgOrigin)&&(s=D.xOffset,t=D.yOffset,La(a,ha(E),l,A.svgOrigin,A.smoothOrigin),f=ua(D,"xOrigin",(w?D:l).xOrigin,l.xOrigin,f,C),f=ua(D,"yOrigin",(w?D:l).yOrigin,l.yOrigin,f,C),(s!==D.xOffset||t!==D.yOffset)&&(f=ua(D,"xOffset",w?s:D.xOffset,D.xOffset,f,C),f=ua(D,"yOffset",w?t:D.yOffset,D.yOffset,f,C)),E="0px 0px"),(E||Fa&&n&&D.zOrigin)&&(Ca?(o=!0,v=Ea,E=(E||_(a,v,e,!1,"50% 50%"))+"",f=new ta(x,v,0,0,f,-1,C),f.b=x[v],f.plugin=h,Fa?(m=D.zOrigin,E=E.split(" "),D.zOrigin=(E.length>2&&(0===m||"0px"!==E[2])?parseFloat(E[2]):m)||0,f.xs0=f.e=E[0]+" "+(E[1]||"50%")+" 0px",f=new ta(D,"zOrigin",0,0,f,-1,f.n),f.b=m,f.xs0=f.e=D.zOrigin):f.xs0=f.e=E):ha(E+"",D)),o&&(d._transformType=D.svg&&Aa||!n&&3!==this._transformType?2:3),j&&(i[c]=j),k&&(i.scale=k),f},prefix:!0}),ya("boxShadow",{defaultValue:"0px 0px 0px 0px #999",prefix:!0,color:!0,multi:!0,keyword:"inset"}),ya("borderRadius",{defaultValue:"0px",parser:function(a,b,c,f,g,h){b=this.format(b);var i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y=["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],z=a.style;for(q=parseFloat(a.offsetWidth),r=parseFloat(a.offsetHeight),i=b.split(" "),j=0;j
this._uncache(!1)),this._pauseTime=a?b:null,this._paused=a,this._active=this.isActive(),!a&&0!==c&&this._initted&&this.duration()&&(b=d.smoothChildTiming?this._totalTime:(b-this._startTime)/this._timeScale,this.render(b,b===this._totalTime,!0))),this._gc&&!a&&this._enabled(!0,!1),this};var F=t("core.SimpleTimeline",function(a){D.call(this,0,a),this.autoRemoveChildren=this.smoothChildTiming=!0});h=F.prototype=new D,h.constructor=F,h.kill()._gc=!1,h._first=h._last=h._recent=null,h._sortChildren=!1,h.add=h.insert=function(a,b,c,d){var e,f;if(a._startTime=Number(b||0)+a._delay,a._paused&&this!==a._timeline&&(a._pauseTime=a._startTime+(this.rawTime()-a._startTime)/a._timeScale),a.timeline&&a.timeline._remove(a,!0),a.timeline=a._timeline=this,a._gc&&a._enabled(!0,!0),e=this._last,this._sortChildren)for(f=a._startTime;e&&e._startTime>f;)e=e._prev;return e?(a._next=e._next,e._next=a):(a._next=this._first,this._first=a),a._next?a._next._prev=a:this._last=a,a._prev=e,this._recent=a,this._timeline&&this._uncache(!0),this},h._remove=function(a,b){return a.timeline===this&&(b||a._enabled(!1,!0),a._prev?a._prev._next=a._next:this._first===a&&(this._first=a._next),a._next?a._next._prev=a._prev:this._last===a&&(this._last=a._prev),a._next=a._prev=a.timeline=null,a===this._recent&&(this._recent=this._last),this._timeline&&this._uncache(!0)),this},h.render=function(a,b,c){var d,e=this._first;for(this._totalTime=this._time=this._rawPrevTime=a;e;)d=e._next,(e._active||a>=e._startTime&&!e._paused&&!e._gc)&&(e._reversed?e.render((e._dirty?e.totalDuration():e._totalDuration)-(a-e._startTime)*e._timeScale,b,c):e.render((a-e._startTime)*e._timeScale,b,c)),e=d},h.rawTime=function(){return j||i.wake(),this._totalTime};var G=t("TweenLite",function(b,c,d){if(D.call(this,c,d),this.render=G.prototype.render,null==b)throw"Cannot tween a null target.";this.target=b="string"!=typeof b?b:G.selector(b)||b;var e,f,g,h=b.jquery||b.length&&b!==a&&b[0]&&(b[0]===a||b[0].nodeType&&b[0].style&&!b.nodeType),i=this.vars.overwrite;if(this._overwrite=i=null==i?V[G.defaultOverwrite]:"number"==typeof i?i>>0:V[i],(h||b instanceof Array||b.push&&p(b))&&"number"!=typeof b[0])for(this._targets=g=n(b),this._propLookup=[],this._siblings=[],e=0;e
/* iscroll.js */
/**
* Minified by jsDelivr using UglifyJS v3.1.10.
* Original file: /npm/iscroll@4.2.5/src/iscroll.js
*
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
*/
!function(t,s){function o(t){return""===r?t:(t=t.charAt(0).toUpperCase()+t.substr(1),r+t)}var i=Math,e=s.createElement("div").style,r=function(){for(var t="t,webkitT,MozT,msT,OT".split(","),s=0,o=t.length;s
/* jquery_003.js */
/*! Hammer.JS - v1.0.6dev - 2013-04-10
* http://eightmedia.github.com/hammer.js
*
* Copyright (c) 2013 Jorik Tangelder
* Licensed under the MIT license */
(function(t,e){"use strict";function n(){if(!i.READY){i.event.determineEventTypes();for(var t in i.gestures)i.gestures.hasOwnProperty(t)&&i.detection.register(i.gestures[t]);i.event.onTouch(i.DOCUMENT,i.EVENT_MOVE,i.detection.detect),i.event.onTouch(i.DOCUMENT,i.EVENT_END,i.detection.detect),i.READY=!0}}var i=function(t,e){return new i.Instance(t,e||{})};i.defaults={stop_browser_behavior:{userSelect:"none",touchAction:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}},i.HAS_POINTEREVENTS=navigator.pointerEnabled||navigator.msPointerEnabled,i.HAS_TOUCHEVENTS="ontouchstart"in t,i.MOBILE_REGEX=/mobile|tablet|ip(ad|hone|od)|android/i,i.NO_MOUSEEVENTS=i.HAS_TOUCHEVENTS&&navigator.userAgent.match(i.MOBILE_REGEX),i.EVENT_TYPES={},i.DIRECTION_DOWN="down",i.DIRECTION_LEFT="left",i.DIRECTION_UP="up",i.DIRECTION_RIGHT="right",i.POINTER_MOUSE="mouse",i.POINTER_TOUCH="touch",i.POINTER_PEN="pen",i.EVENT_START="start",i.EVENT_MOVE="move",i.EVENT_END="end",i.DOCUMENT=document,i.plugins={},i.READY=!1,i.Instance=function(t,e){var r=this;return n(),this.element=t,this.enabled=!0,this.options=i.utils.extend(i.utils.extend({},i.defaults),e||{}),this.options.stop_browser_behavior&&i.utils.stopDefaultBrowserBehavior(this.element,this.options.stop_browser_behavior),i.event.onTouch(t,i.EVENT_START,function(t){r.enabled&&i.detection.startDetect(r,t)}),this},i.Instance.prototype={on:function(t,e){for(var n=t.split(" "),i=0;n.length>i;i++)this.element.addEventListener(n[i],e,!1);return this},off:function(t,e){for(var n=t.split(" "),i=0;n.length>i;i++)this.element.removeEventListener(n[i],e,!1);return this},trigger:function(t,e){var n=i.DOCUMENT.createEvent("Event");n.initEvent(t,!0,!0),n.gesture=e;var r=this.element;return i.utils.hasParent(e.target,r)&&(r=e.target),r.dispatchEvent(n),this},enable:function(t){return this.enabled=t,this}};var r=null,o=!1,s=!1;i.event={bindDom:function(t,e,n){for(var i=e.split(" "),r=0;i.length>r;r++)t.addEventListener(i[r],n,!1)},onTouch:function(t,e,n){var a=this;this.bindDom(t,i.EVENT_TYPES[e],function(c){var u=c.type.toLowerCase();if(!u.match(/mouse/)||!s){u.match(/touch/)||u.match(/pointerdown/)||u.match(/mouse/)&&1===c.which?o=!0:u.match(/mouse/)&&1!==c.which&&(o=!1),u.match(/touch|pointer/)&&(s=!0);var h=0;o&&(i.HAS_POINTEREVENTS&&e!=i.EVENT_END?h=i.PointerEvent.updatePointer(e,c):u.match(/touch/)?h=c.touches.length:s||(h=u.match(/up/)?0:1),h>0&&e==i.EVENT_END?e=i.EVENT_MOVE:h||(e=i.EVENT_END),h||null===r?r=c:c=r,n.call(i.detection,a.collectEventData(t,e,c)),i.HAS_POINTEREVENTS&&e==i.EVENT_END&&(h=i.PointerEvent.updatePointer(e,c))),h||(r=null,o=!1,s=!1,i.PointerEvent.reset())}})},determineEventTypes:function(){var t;t=i.HAS_POINTEREVENTS?i.PointerEvent.getEvents():i.NO_MOUSEEVENTS?["touchstart","touchmove","touchend touchcancel"]:["touchstart mousedown","touchmove mousemove","touchend touchcancel mouseup"],i.EVENT_TYPES[i.EVENT_START]=t[0],i.EVENT_TYPES[i.EVENT_MOVE]=t[1],i.EVENT_TYPES[i.EVENT_END]=t[2]},getTouchList:function(t){return i.HAS_POINTEREVENTS?i.PointerEvent.getTouchList():t.touches?t.touches:[{identifier:1,pageX:t.pageX,pageY:t.pageY,target:t.target}]},collectEventData:function(t,e,n){var r=this.getTouchList(n,e),o=i.POINTER_TOUCH;return(n.type.match(/mouse/)||i.PointerEvent.matchType(i.POINTER_MOUSE,n))&&(o=i.POINTER_MOUSE),{center:i.utils.getCenter(r),timeStamp:(new Date).getTime(),target:n.target,touches:r,eventType:e,pointerType:o,srcEvent:n,preventDefault:function(){this.srcEvent.preventManipulation&&this.srcEvent.preventManipulation(),this.srcEvent.preventDefault&&this.srcEvent.preventDefault()},stopPropagation:function(){this.srcEvent.stopPropagation()},stopDetect:function(){return i.detection.stopDetect()}}}},i.PointerEvent={pointers:{},getTouchList:function(){var t=this,e=[];return Object.keys(t.pointers).sort().forEach(function(n){e.push(t.pointers[n])}),e},updatePointer:function(t,e){return t==i.EVENT_END?this.pointers={}:(e.identifier=e.pointerId,this.pointers[e.pointerId]=e),Object.keys(this.pointers).length},matchType:function(t,e){if(!e.pointerType)return!1;var n={};return n[i.POINTER_MOUSE]=e.pointerType==e.MSPOINTER_TYPE_MOUSE||e.pointerType==i.POINTER_MOUSE,n[i.POINTER_TOUCH]=e.pointerType==e.MSPOINTER_TYPE_TOUCH||e.pointerType==i.POINTER_TOUCH,n[i.POINTER_PEN]=e.pointerType==e.MSPOINTER_TYPE_PEN||e.pointerType==i.POINTER_PEN,n[t]},getEvents:function(){return["pointerdown MSPointerDown","pointermove MSPointerMove","pointerup pointercancel MSPointerUp MSPointerCancel"]},reset:function(){this.pointers={}}},i.utils={extend:function(t,n,i){for(var r in n)t[r]!==e&&i||(t[r]=n[r]);return t},hasParent:function(t,e){for(;t;){if(t==e)return!0;t=t.parentNode}return!1},getCenter:function(t){for(var e=[],n=[],i=0,r=t.length;r>i;i++)e.push(t[i].pageX),n.push(t[i].pageY);return{pageX:(Math.min.apply(Math,e)+Math.max.apply(Math,e))/2,pageY:(Math.min.apply(Math,n)+Math.max.apply(Math,n))/2}},getVelocity:function(t,e,n){return{x:Math.abs(e/t)||0,y:Math.abs(n/t)||0}},getAngle:function(t,e){var n=e.pageY-t.pageY,i=e.pageX-t.pageX;return 180*Math.atan2(n,i)/Math.PI},getDirection:function(t,e){var n=Math.abs(t.pageX-e.pageX),r=Math.abs(t.pageY-e.pageY);return n>=r?t.pageX-e.pageX>0?i.DIRECTION_LEFT:i.DIRECTION_RIGHT:t.pageY-e.pageY>0?i.DIRECTION_UP:i.DIRECTION_DOWN},getDistance:function(t,e){var n=e.pageX-t.pageX,i=e.pageY-t.pageY;return Math.sqrt(n*n+i*i)},getScale:function(t,e){return t.length>=2&&e.length>=2?this.getDistance(e[0],e[1])/this.getDistance(t[0],t[1]):1},getRotation:function(t,e){return t.length>=2&&e.length>=2?this.getAngle(e[1],e[0])-this.getAngle(t[1],t[0]):0},isVertical:function(t){return t==i.DIRECTION_UP||t==i.DIRECTION_DOWN},stopDefaultBrowserBehavior:function(t,e){var n,i=["webkit","khtml","moz","ms","o",""];if(e&&t.style){for(var r=0;i.length>r;r++)for(var o in e)e.hasOwnProperty(o)&&(n=o,i[r]&&(n=i[r]+n.substring(0,1).toUpperCase()+n.substring(1)),t.style[n]=e[o]);"none"==e.userSelect&&(t.onselectstart=function(){return!1})}}},i.detection={gestures:[],current:null,previous:null,stopped:!1,startDetect:function(t,e){this.current||(this.stopped=!1,this.current={inst:t,startEvent:i.utils.extend({},e),lastEvent:!1,name:""},this.detect(e))},detect:function(t){if(this.current&&!this.stopped){t=this.extendEventData(t);for(var e=this.current.inst.options,n=0,r=this.gestures.length;r>n;n++){var o=this.gestures[n];if(!this.stopped&&e[o.name]!==!1&&o.handler.call(o,t,this.current.inst)===!1){this.stopDetect();break}}return this.current&&(this.current.lastEvent=t),t.eventType==i.EVENT_END&&!t.touches.length-1&&this.stopDetect(),t}},stopDetect:function(){this.previous=i.utils.extend({},this.current),this.current=null,this.stopped=!0},extendEventData:function(t){var e=this.current.startEvent;if(e&&(t.touches.length!=e.touches.length||t.touches===e.touches)){e.touches=[];for(var n=0,r=t.touches.length;r>n;n++)e.touches.push(i.utils.extend({},t.touches[n]))}var o=t.timeStamp-e.timeStamp,s=t.center.pageX-e.center.pageX,a=t.center.pageY-e.center.pageY,c=i.utils.getVelocity(o,s,a);return i.utils.extend(t,{deltaTime:o,deltaX:s,deltaY:a,velocityX:c.x,velocityY:c.y,distance:i.utils.getDistance(e.center,t.center),angle:i.utils.getAngle(e.center,t.center),direction:i.utils.getDirection(e.center,t.center),scale:i.utils.getScale(e.touches,t.touches),rotation:i.utils.getRotation(e.touches,t.touches),startEvent:e}),t},register:function(t){var n=t.defaults||{};return n[t.name]===e&&(n[t.name]=!0),i.utils.extend(i.defaults,n,!0),t.index=t.index||1e3,this.gestures.push(t),this.gestures.sort(function(t,e){return t.index
/* jquery_002.js */
/*
* jQuery.fullscreen library v0.3.4
* Copyright (c) 2013 Vladimir Zhuravlev
*
* @license https://github.com/private-face/jquery.fullscreen/blob/master/LICENSE
*
* Date: Thu Apr 18 02:12:59 NOVT 2013
**/
(function(e){var t,n,l,s,r,o,i,u,_;function c(e){return e!==void 0}function h(t,n,l){var s=function(){};s.prototype=n.prototype,t.prototype=new s,t.prototype.constructor=t,n.prototype.constructor=n,t._super=n.prototype,l&&e.extend(t.prototype,l)}function f(e,l){var s,r,o;for("string"==typeof e&&(l=e,e=document),r=0;t.length>r;++r)for(l=l.replace(t[r][0],t[r][1]),o=0;n.length>o;++o)if(s=n[o],s+=0===o?l:l.charAt(0).toUpperCase()+l.substr(1),c(e[s]))return e[s];return void 0}t=[["",""],["exit","cancel"],["screen","Screen"]],n=["","o","ms","moz","webkit","webkitCurrent"],l=navigator.userAgent,s=f("fullscreenEnabled"),r=-1!==l.indexOf("Android")&&-1!==l.indexOf("Chrome"),o=!r&&c(f("fullscreenElement"))&&(!c(s)||s===!0),i=function(){this.__options=null,this._fullScreenElement=null,this.__savedStyles={}},i.prototype={_DEFAULT_OPTIONS:{styles:{boxSizing:"border-box",MozBoxSizing:"border-box",WebkitBoxSizing:"border-box"},toggleClass:null,documentScroll:!1},__documentOverflow:"",__htmlOverflow:"",_preventDocumentScroll:function(){this.__options.documentScroll||(this.__documentOverflow=e("body")[0].style.overflow,this.__htmlOverflow=e("html")[0].style.overflow,e("body, html").css("overflow","hidden"))},_allowDocumentScroll:function(){this.__options.documentScroll||(e("body")[0].style.overflow=this.__documentOverflow,e("html")[0].style.overflow=this.__htmlOverflow)},_fullScreenChange:function(){this.isFullScreen()?(this._preventDocumentScroll(),this._triggerEvents()):(this._allowDocumentScroll(),this._revertStyles(),this._triggerEvents(),this._fullScreenElement=null)},_fullScreenError:function(t){this._revertStyles(),this._fullScreenElement=null,t&&e(document).trigger("fscreenerror",[t])},_triggerEvents:function(){e(this._fullScreenElement).trigger(this.isFullScreen()?"fscreenopen":"fscreenclose"),e(document).trigger("fscreenchange",[this.isFullScreen(),this._fullScreenElement])},_saveAndApplyStyles:function(){var t,n;t=e(this._fullScreenElement),this.__savedStyles={};for(n in this.__options.styles)this.__savedStyles[n]=this._fullScreenElement.style[n],this._fullScreenElement.style[n]=this.__options.styles[n];this.__options.toggleClass&&t.addClass(this.__options.toggleClass)},_revertStyles:function(){var t,n;t=e(this._fullScreenElement);for(n in this.__options.styles)this._fullScreenElement.style[n]=this.__savedStyles[n];this.__options.toggleClass&&t.removeClass(this.__options.toggleClass)},open:function(t,n){t!==this._fullScreenElement&&(this.isFullScreen()&&this.exit(),this._fullScreenElement=t,this.__options=e.extend(!0,{},this._DEFAULT_OPTIONS,n),this._saveAndApplyStyles())},exit:null,isFullScreen:null,isNativelySupported:function(){return o}},u=function(){u._super.constructor.apply(this,arguments),this.exit=e.proxy(f("exitFullscreen"),document),this._DEFAULT_OPTIONS=e.extend(!0,{},this._DEFAULT_OPTIONS,{styles:{width:"100%",height:"100%"}}),e(document).bind(this._prefixedString("fullscreenchange"),e.proxy(this._fullScreenChange,this)).bind(this._prefixedString("fullscreenerror"),e.proxy(this._fullScreenError,this))},h(u,i,{VENDOR_PREFIXES:["","o","ms","moz","webkit"],_prefixedString:function(t){return e.map(this.VENDOR_PREFIXES,function(e){return e+t}).join(" ")},open:function(e){u._super.open.apply(this,arguments);var t=f(e,"requestFullscreen");t.call(e)},exit:e.noop,isFullScreen:function(){return null!==f("fullscreenElement")},element:function(){return f("fullscreenElement")}}),_=function(){_._super.constructor.apply(this,arguments),this._DEFAULT_OPTIONS=e.extend({},this._DEFAULT_OPTIONS,{styles:{position:"fixed",zIndex:"2147483647",left:0,top:0,bottom:0,right:0}}),this.__delegateKeydownHandler()},h(_,i,{__JQ_LT_17:1.7>parseFloat(e.fn.jquery),__isFullScreen:!1,__delegateKeydownHandler:function(){var t,n,l;t=e(document),t.delegate("*","keydown.fullscreen",e.proxy(this.__keydownHandler,this)),n=this.__JQ_LT_17?t.data("events"):e._data(document).events,l=n.keydown,this.__JQ_LT_17?n.live.unshift(n.live.pop()):l.splice(0,0,l.splice(l.delegateCount-1,1)[0])},__keydownHandler:function(e){return this.isFullScreen()&&27===e.which?(this.exit(),!1):!0},_revertStyles:function(){_._super._revertStyles.apply(this,arguments),this._fullScreenElement.offsetHeight},open:function(){_._super.open.apply(this,arguments),this.__isFullScreen=!0,this._fullScreenChange()},exit:function(){this.__isFullScreen=!1,this._fullScreenChange()},isFullScreen:function(){return this.__isFullScreen},element:function(){return this.__isFullScreen?this._fullScreenElement:null}}),e.fullscreen=o?new u:new _,e.fn.fullscreen=function(t){var n=this[0];return t=e.extend({toggleClass:null,overflow:"hidden"},t),t.styles={overflow:t.overflow},delete t.overflow,n&&e.fullscreen.open(n,t),this}})(jQuery);
/* toggleschermointero.js */
function toggleFullScreen(elem) {
if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
if (elem.requestFullScreen) {
elem.requestFullScreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullScreen) {
elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
}
function ricaricaPagina() { location.reload(); }
usdbookjeb02
/* settaggi costanti */
var magazine_ready = true; var embed = false; var from_p = -1;
var num_p = -1; var hide_header = false; var is_mobile = false;
var is_tablet = false; var is_phone = false; var orig_width = 637;
var orig_height = 900; var image_ratio = orig_width / orig_height;
var arrow_bar_width = 60; var arrow_left_width = 40;
var arrow_left_height = 90; var arrow_right_width = 40;
var arrow_right_height = 90;
var path_big = "";
var path_large = ""
var preload_images = Array();
var loaded_pages = Array();
preload_images.push("");
loaded_pages[0] = true;
loaded_pages[1] = true;preload_images.push("");
loaded_pages[2] = true;preload_images.push("");
loaded_pages[3] = true;preload_images.push("");
loaded_pages[4] = true;preload_images.push("");
loaded_pages[5] = true;
loaded_pages[6] = false;
usdbookjeb03
function init(){for(i=0;i
Frammenti di codice.
sixteen wide column (one time)
<section id="" class="ui grid container centro bordo2">
<article class="sixteen wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
</section>
eight wide column (two times)
<section id="" class="ui grid container centro bordo2">
<article class="eight wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
<article class="eight wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
</section>
four wide column (four times)
<section id="" class="ui grid container centro bordo2">
<article class="four wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
<article class="four wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
<article class="four wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
<article class="four wide left aligned column bordo3">
<div class="bordo4">
</div>
</article>
</section>
griglia del programma in esecuzione
<section id="" class="ui grid container centro bordo2">
<article id="" class="twelve wide left aligned column bordo3">
<div id="" class="nerobianco bordo4">
<p>
<i class="paperclip icon"></i><span style="color:lightgrey;"> </span>
<br>
</p>
<p>
</p>
</div>
</article>
<article class="four wide left aligned column bordo3">
<div class="bordo4">
<p>
</p>
</div>
</article>
</section
<section id="" class="ui grid container centro bordo2">
<article class="twelve wide left aligned column bordo3">
<div class="nerobianco bordo4">
<p>
<button onclick="copyToClipboard('')">
<i class="code icon"></i>
</button>
<span></span>
<br>
</p>
<p id="">
</p>
</div>
</article>
<article class="four wide left aligned column bordo3">
<div class="bordo4"><span></span>
</div>
</article>
</section>
codici ascii
32 space
33 ! ! ! ! exclamation mark
34 " " " " quotation mark
35 # # # # number sign
36 $ $ $ $ dollar sign
37 % % % % percent sign
38 & & & & ampersand
39 ' ' ' ' apostrophe
40 ( ( ( ( left parenthesis
41 ) ) ) ) right parenthesis
42 * * * * asterisk
43 + + + + plus sign
44 , , , , comma
45 - - - - hyphen-minus
46 . . . . full stop
47 / / / / solidus
48 0 0 0 0 digit zero
49 1 1 1 1 digit one
50 2 2 2 2 digit two
51 3 3 3 3 digit three
52 4 4 4 4 digit four
53 5 5 5 5 digit five
54 6 6 6 6 digit six
55 7 7 7 7 digit seven
56 8 8 8 8 digit eight
57 9 9 9 9 digit nine
58 : : : : colon
59 ; ; ; ; semicolon
60 < < < < less-than sign
61 = = = = equals sign
62 > > > > greater-than sign
63 ? ? ? ? question mark
64 @ @ @ @ commercial at
65 A A A A Latin capital letter A
66 B B B B Latin capital letter B
67 C C C C Latin capital letter C
68 D D D D Latin capital letter D
69 E E E E Latin capital letter E
70 F F F F Latin capital letter F
71 G G G G Latin capital letter G
72 H H H H Latin capital letter H
73 I I I I Latin capital letter I
74 J J J J Latin capital letter J
75 K K K K Latin capital letter K
76 L L L L Latin capital letter L
77 M M M M Latin capital letter M
78 N N N N Latin capital letter N
79 O O O O Latin capital letter O
80 P P P P Latin capital letter P
81 Q Q Q Q Latin capital letter Q
82 R R R R Latin capital letter R
83 S S S S Latin capital letter S
84 T T T T Latin capital letter T
85 U U U U Latin capital letter U
86 V V V V Latin capital letter V
87 W W W W Latin capital letter W
88 X X X X Latin capital letter X
89 Y Y Y Y Latin capital letter Y
90 Z Z Z Z Latin capital letter Z
91 [ [ [ [ left square bracket
92 \ \ \ \ reverse solidus
93 ] ] ] ] right square bracket
94 ^ ^ ^ ^ circumflex accent
95 _ _ _ _ low line
96 ` ` ` ` grave accent
97 a a a a Latin small letter a
98 b b b b Latin small letter b
99 c c c c Latin small letter c
100 d d d d Latin small letter d
101 e e e e Latin small letter e
102 f f f f Latin small letter f
103 g g g g Latin small letter g
104 h h h h Latin small letter h
105 i i i i Latin small letter i
106 j j j j Latin small letter j
107 k k k k Latin small letter k
108 l l l l Latin small letter l
109 m m m m Latin small letter m
110 n n n n Latin small letter n
111 o o o o Latin small letter o
112 p p p p Latin small letter p
113 q q q q Latin small letter q
114 r r r r Latin small letter r
115 s s s s Latin small letter s
116 t t t t Latin small letter t
117 u u u u Latin small letter u
118 v v v v Latin small letter v
119 w w w w Latin small letter w
120 x x x x Latin small letter x
121 y y y y Latin small letter y
122 z z z z Latin small letter z
123 { { { { left curly bracket
124 | | | | vertical line
125 } } } } right curly bracket
126 ~ ~ ~ ~ tilde
127 DEL
128 € euro sign
129 NOT USED
130 ‚ single low-9 quotation mark
131 ƒ Latin small letter f with hook
132 „ double low-9 quotation mark
133 … horizontal ellipsis
134 † dagger
135 ‡ double dagger
136 ˆ modifier letter circumflex accent
137 ‰ per mille sign
138 Š Latin capital letter S with caron
139 ‹ single left-pointing angle quotation mark
140 ΠLatin capital ligature OE
141 NOT USED
142 Ž Latin capital letter Z with caron
143 NOT USED
144 NOT USED
145 ‘ left single quotation mark
146 ’ right single quotation mark
147 “ left double quotation mark
148 ” right double quotation mark
149 • bullet
150 – en dash
151 — em dash
152 ˜ small tilde
153 ™ trade mark sign
154 š Latin small letter s with caron
155 › single right-pointing angle quotation mark
156 œ Latin small ligature oe
157 NOT USED
158 ž Latin small letter z with caron
159 Ÿ Latin capital letter Y with diaeresis
160 no-break space
161 ¡ ¡ ¡ inverted exclamation mark
162 ¢ ¢ ¢ cent sign
163 £ £ £ pound sign
164 ¤ ¤ ¤ currency sign
165 ¥ ¥ ¥ yen sign
166 ¦ ¦ ¦ broken bar
167 § § § section sign
168 ¨ ¨ ¨ diaeresis
169 © © © copyright sign
170 ª ª ª feminine ordinal indicator
171 « « « left-pointing double angle quotation mark
172 ¬ ¬ ¬ not sign
173 soft hyphen
174 ® ® ® registered sign
175 ¯ ¯ ¯ macron
176 ° ° ° degree sign
177 ± ± ± plus-minus sign
178 ² ² ² superscript two
179 ³ ³ ³ superscript three
180 ´ ´ ´ acute accent
181 µ µ µ micro sign
182 ¶ ¶ ¶ pilcrow sign
183 · · · middle dot
184 ¸ ¸ ¸ cedilla
185 ¹ ¹ ¹ superscript one
186 º º º masculine ordinal indicator
187 » » » right-pointing double angle quotation mark
188 ¼ ¼ ¼ vulgar fraction one quarter
189 ½ ½ ½ vulgar fraction one half
190 ¾ ¾ ¾ vulgar fraction three quarters
191 ¿ ¿ ¿ inverted question mark
192 À À À Latin capital letter A with grave
193 Á Á Á Latin capital letter A with acute
194 Â Â Â Latin capital letter A with circumflex
195 Ã Ã Ã Latin capital letter A with tilde
196 Ä Ä Ä Latin capital letter A with diaeresis
197 Å Å Å Latin capital letter A with ring above
198 Æ Æ Æ Latin capital letter AE
199 Ç Ç Ç Latin capital letter C with cedilla
200 È È È Latin capital letter E with grave
201 É É É Latin capital letter E with acute
202 Ê Ê Ê Latin capital letter E with circumflex
203 Ë Ë Ë Latin capital letter E with diaeresis
204 Ì Ì Ì Latin capital letter I with grave
205 Í Í Í Latin capital letter I with acute
206 Î Î Î Latin capital letter I with circumflex
207 Ï Ï Ï Latin capital letter I with diaeresis
208 Ð Ð Ð Latin capital letter Eth
209 Ñ Ñ Ñ Latin capital letter N with tilde
210 Ò Ò Ò Latin capital letter O with grave
211 Ó Ó Ó Latin capital letter O with acute
212 Ô Ô Ô Latin capital letter O with circumflex
213 Õ Õ Õ Latin capital letter O with tilde
214 Ö Ö Ö Latin capital letter O with diaeresis
215 × × × multiplication sign
216 Ø Ø Ø Latin capital letter O with stroke
217 Ù Ù Ù Latin capital letter U with grave
218 Ú Ú Ú Latin capital letter U with acute
219 Û Û Û Latin capital letter U with circumflex
220 Ü Ü Ü Latin capital letter U with diaeresis
221 Ý Ý Ý Latin capital letter Y with acute
222 Þ Þ Þ Latin capital letter Thorn
223 ß ß ß Latin small letter sharp s
224 à à à Latin small letter a with grave
225 á á á Latin small letter a with acute
226 â â â Latin small letter a with circumflex
227 ã ã ã Latin small letter a with tilde
228 ä ä ä Latin small letter a with diaeresis
229 å å å Latin small letter a with ring above
230 æ æ æ Latin small letter ae
231 ç ç ç Latin small letter c with cedilla
232 è è è Latin small letter e with grave
233 é é é Latin small letter e with acute
234 ê ê ê Latin small letter e with circumflex
235 ë ë ë Latin small letter e with diaeresis
236 ì ì ì Latin small letter i with grave
237 í í í Latin small letter i with acute
238 î î î Latin small letter i with circumflex
239 ï ï ï Latin small letter i with diaeresis
240 ð ð ð Latin small letter eth
241 ñ ñ ñ Latin small letter n with tilde
242 ò ò ò Latin small letter o with grave
243 ó ó ó Latin small letter o with acute
244 ô ô ô Latin small letter o with circumflex
245 õ õ õ Latin small letter o with tilde
246 ö ö ö Latin small letter o with diaeresis
247 ÷ ÷ ÷ division sign
248 ø ø ø Latin small letter o with stroke
249 ù ù ù Latin small letter u with grave
250 ú ú ú Latin small letter u with acute
251 û û û Latin small letter with circumflex
252 ü ü ü Latin small letter u with diaeresis
253 ý ý ý Latin small letter y with acute
254 þ þ þ Latin small letter thorn
255 ÿ ÿ ÿ Latin small letter y with diaeresis
<div class="" id="nomecolore" style=""><style>.icona{width:24px;height:24px;}</style><div style="width:500px;"><svg class="icona" viewBox="0 0 24 24" id="aqua-square"><path fill="aqua" d="M0 0h24v24H0z"></path></svg>aqua<svg class="icona" viewBox="0 0 24 24" id="black-square"><path fill="black" d="M0 0h24v24H0z"></path> </svg>black<svg class="icona" viewBox="0 0 24 24" id="blue-square"><path fill="blue" d="M0 0h24v24H0z"></path> </svg>blue<svg class="icona" viewBox="0 0 24 24" id="fuchsia-square"><path fill="fuchsia" d="M0 0h24v24H0z"></path> </svg>fuchsia<svg class="icona" viewBox="0 0 24 24" id="gray-square"><path fill="gray" d="M0 0h24v24H0z"></path> </svg>gray<svg class="icona" viewBox="0 0 24 24" id="green-square"><path fill="green" d="M0 0h24v24H0z"></path> </svg>green<svg class="icona" viewBox="0 0 24 24" id="lime-square"><path fill="lime" d="M0 0h24v24H0z"></path> </svg>lime<svg class="icona" viewBox="0 0 24 24" id="maroon-square"><path fill="maroon" d="M0 0h24v24H0z"></path> </svg>maroon<svg class="icona" viewBox="0 0 24 24" id="navy-square"><path fill="navy" d="M0 0h24v24H0z"></path> </svg>navy<svg class="icona" viewBox="0 0 24 24" id="olive-square"><path fill="olive" d="M0 0h24v24H0z"></path> </svg>olive<svg class="icona" viewBox="0 0 24 24" id="orange-square"><path fill="orange" d="M0 0h24v24H0z"></path> </svg>orange<svg class="icona" viewBox="0 0 24 24" id="purple-square"><path fill="purple" d="M0 0h24v24H0z"></path> </svg>purple<svg class="icona" viewBox="0 0 24 24" id="red-square"><path fill="red" d="M0 0h24v24H0z"></path> </svg>red<svg class="icona" viewBox="0 0 24 24" id="silver-square"><path fill="silver" d="M0 0h24v24H0z"></path> </svg>silver<svg class="icona" viewBox="0 0 24 24" id="teal-square"><path fill="teal" d="M0 0h24v24H0z"></path> </svg>teal<svg class="icona" viewBox="0 0 24 24" id="white-square"><path fill="white" d="M0 0h24v24H0z"></path> </svg>white<svg class="icona" viewBox="0 0 24 24" id="yellow-square"><path fill="yellow" d="M0 0h24v24H0z"></path> </svg>yellow</div></div>
https://en.wikipedia.org/wiki/X11_color_names
| Name | Hex (RGB) |
Red (RGB) |
Green (RGB) |
Blue (RGB) |
Hue (HSL/HSV) |
Satur. (HSL) |
Light (HSL) |
Satur. (HSV) |
Value (HSV) |
Alternatives |
|---|---|---|---|---|---|---|---|---|---|---|
| Alice Blue | #F0F8FF | 94% | 97% | 100% | 208° | 100% | 97% | 6% | 100% | |
| Antique White | #FAEBD7 | 98% | 92% | 84% | 34° | 78% | 91% | 14% | 98% | |
| Aqua | #00FFFF | 0% | 100% | 100% | 180° | 100% | 50% | 100% | 100% | Cyan |
| Aquamarine | #7FFFD4 | 50% | 100% | 83% | 160° | 100% | 75% | 50% | 100% | |
| Azure | #F0FFFF | 94% | 100% | 100% | 180° | 100% | 97% | 6% | 100% | |
| Beige | #F5F5DC | 96% | 96% | 86% | 60° | 56% | 91% | 10% | 96% | |
| Bisque | #FFE4C4 | 100% | 89% | 77% | 33° | 100% | 88% | 23% | 100% | |
| Black | #000000 | 0% | 0% | 0% | 0° | 0% | 0% | 0% | 0% | |
| Blanched Almond | #FFEBCD | 100% | 92% | 80% | 36° | 100% | 90% | 20% | 100% | |
| Blue | #0000FF | 0% | 0% | 100% | 240° | 100% | 50% | 100% | 100% | |
| Blue Violet | #8A2BE2 | 54% | 17% | 89% | 271° | 76% | 53% | 81% | 89% | |
| Brown | #A52A2A | 65% | 16% | 16% | 0° | 59% | 41% | 75% | 65% | |
| Burlywood | #DEB887 | 87% | 72% | 53% | 34° | 57% | 70% | 39% | 87% | |
| Cadet Blue | #5F9EA0 | 37% | 62% | 63% | 182° | 26% | 50% | 41% | 63% | |
| Chartreuse | #7FFF00 | 50% | 100% | 0% | 90° | 100% | 50% | 100% | 100% | |
| Chocolate | #D2691E | 82% | 41% | 12% | 25° | 75% | 47% | 86% | 82% | |
| Coral | #FF7F50 | 100% | 50% | 31% | 16° | 100% | 66% | 69% | 100% | |
| Cornflower Blue | #6495ED | 39% | 58% | 93% | 219° | 79% | 66% | 58% | 93% | |
| Cornsilk | #FFF8DC | 100% | 97% | 86% | 48° | 100% | 93% | 14% | 100% | |
| Crimson | #DC143C | 86% | 8% | 24% | 348° | 83% | 47% | 91% | 86% | |
| Cyan | #00FFFF | 0% | 100% | 100% | 180° | 100% | 50% | 100% | 100% | Aqua |
| Dark Blue | #00008B | 0% | 0% | 55% | 240° | 100% | 27% | 100% | 55% | |
| Dark Cyan | #008B8B | 0% | 55% | 55% | 180° | 100% | 27% | 100% | 55% | |
| Dark Goldenrod | #B8860B | 72% | 53% | 4% | 43° | 89% | 38% | 94% | 72% | |
| Dark Gray | #A9A9A9 | 66% | 66% | 66% | 0° | 0% | 66% | 0% | 66% | Dark Grey |
| Dark Green | #006400 | 0% | 39% | 0% | 120° | 100% | 20% | 100% | 39% | |
| Dark Khaki | #BDB76B | 74% | 72% | 42% | 56° | 38% | 58% | 43% | 74% | |
| Dark Magenta | #8B008B | 55% | 0% | 55% | 300° | 100% | 27% | 100% | 55% | |
| Dark Olive Green | #556B2F | 33% | 42% | 18% | 82° | 39% | 30% | 56% | 42% | |
| Dark Orange | #FF8C00 | 100% | 55% | 0% | 33° | 100% | 50% | 100% | 100% | |
| Dark Orchid | #9932CC | 60% | 20% | 80% | 280° | 61% | 50% | 75% | 80% | |
| Dark Red | #8B0000 | 55% | 0% | 0% | 0° | 100% | 27% | 100% | 55% | |
| Dark Salmon | #E9967A | 91% | 59% | 48% | 15° | 72% | 70% | 48% | 91% | |
| Dark Sea Green | #8FBC8F | 56% | 74% | 56% | 120° | 25% | 65% | 24% | 74% | |
| Dark Slate Blue | #483D8B | 28% | 24% | 55% | 248° | 39% | 39% | 56% | 55% | |
| Dark Slate Gray | #2F4F4F | 18% | 31% | 31% | 180° | 25% | 25% | 41% | 31% | Dark Slate Grey |
| Dark Turquoise | #00CED1 | 0% | 81% | 82% | 181° | 100% | 41% | 100% | 82% | |
| Dark Violet | #9400D3 | 58% | 0% | 83% | 282° | 100% | 41% | 100% | 83% | |
| Deep Pink | #FF1493 | 100% | 8% | 58% | 328° | 100% | 54% | 92% | 100% | |
| Deep Sky Blue | #00BFFF | 0% | 75% | 100% | 195° | 100% | 50% | 100% | 100% | |
| Dim Gray | #696969 | 41% | 41% | 41% | 0° | 0% | 41% | 0% | 41% | Dim Grey |
| Dodger Blue | #1E90FF | 12% | 56% | 100% | 210° | 100% | 56% | 88% | 100% | |
| Firebrick | #B22222 | 70% | 13% | 13% | 0° | 68% | 42% | 81% | 70% | |
| Floral White | #FFFAF0 | 100% | 98% | 94% | 40° | 100% | 97% | 6% | 100% | |
| Forest Green | #228B22 | 13% | 55% | 13% | 120° | 61% | 34% | 76% | 55% | |
| Fuchsia | #FF00FF | 100% | 0% | 100% | 300° | 100% | 50% | 100% | 100% | Magenta |
| Gainsboro | #DCDCDC | 86% | 86% | 86% | 0° | 0% | 86% | 0% | 86% | |
| Ghost White | #F8F8FF | 97% | 97% | 100% | 240° | 100% | 99% | 3% | 100% | |
| Gold | #FFD700 | 100% | 84% | 0% | 51° | 100% | 50% | 100% | 100% | |
| Goldenrod | #DAA520 | 85% | 65% | 13% | 43° | 74% | 49% | 85% | 85% | |
| Gray | #BEBEBE | 75% | 75% | 75% | 0° | 0% | 75% | 0% | 75% | Grey, X11 Gray, X11 Grey |
| Web Gray | #808080 | 50% | 50% | 50% | 0° | 0% | 50% | 0% | 50% | Web Grey |
| Green | #00FF00 | 0% | 100% | 0% | 120° | 100% | 50% | 100% | 100% | X11 Green, Lime |
| Web Green | #008000 | 0% | 50% | 0% | 120° | 100% | 25% | 100% | 50% | |
| Green Yellow | #ADFF2F | 68% | 100% | 18% | 84° | 100% | 59% | 82% | 100% | |
| Honeydew | #F0FFF0 | 94% | 100% | 94% | 120° | 100% | 97% | 6% | 100% | |
| Hot Pink | #FF69B4 | 100% | 41% | 71% | 330° | 100% | 71% | 59% | 100% | |
| Indian Red | #CD5C5C | 80% | 36% | 36% | 0° | 53% | 58% | 55% | 80% | |
| Indigo | #4B0082 | 29% | 0% | 51% | 275° | 100% | 26% | 100% | 51% | |
| Ivory | #FFFFF0 | 100% | 100% | 94% | 60° | 100% | 97% | 6% | 100% | |
| Khaki | #F0E68C | 94% | 90% | 55% | 54° | 77% | 75% | 42% | 94% | |
| Lavender | #E6E6FA | 90% | 90% | 98% | 240° | 67% | 94% | 8% | 98% | |
| Lavender Blush | #FFF0F5 | 100% | 94% | 96% | 340° | 100% | 97% | 6% | 100% | |
| Lawn Green | #7CFC00 | 49% | 99% | 0% | 90° | 100% | 49% | 100% | 99% | |
| Lemon Chiffon | #FFFACD | 100% | 98% | 80% | 54° | 100% | 90% | 20% | 100% | |
| Light Blue | #ADD8E6 | 68% | 85% | 90% | 195° | 53% | 79% | 25% | 90% | |
| Light Coral | #F08080 | 94% | 50% | 50% | 0° | 79% | 72% | 47% | 94% | |
| Light Cyan | #E0FFFF | 88% | 100% | 100% | 180° | 100% | 94% | 12% | 100% | |
| Light Goldenrod | #FAFAD2 | 98% | 98% | 82% | 60° | 80% | 90% | 16% | 98% | |
| Light Gray | #D3D3D3 | 83% | 83% | 83% | 0° | 0% | 83% | 0% | 83% | Light Grey |
| Light Green | #90EE90 | 56% | 93% | 56% | 120° | 73% | 75% | 39% | 93% | |
| Light Pink | #FFB6C1 | 100% | 71% | 76% | 351° | 100% | 86% | 29% | 100% | |
| Light Salmon | #FFA07A | 100% | 63% | 48% | 17° | 100% | 74% | 52% | 100% | |
| Light Sea Green | #20B2AA | 13% | 70% | 67% | 177° | 70% | 41% | 82% | 70% | |
| Light Sky Blue | #87CEFA | 53% | 81% | 98% | 203° | 92% | 76% | 46% | 98% | |
| Light Slate Gray | #778899 | 47% | 53% | 60% | 210° | 14% | 53% | 22% | 60% | Light Slate Grey |
| Light Steel Blue | #B0C4DE | 69% | 77% | 87% | 214° | 41% | 78% | 21% | 87% | |
| Light Yellow | #FFFFE0 | 100% | 100% | 88% | 60° | 100% | 94% | 12% | 100% | |
| Lime | #00FF00 | 0% | 100% | 0% | 120° | 100% | 50% | 100% | 100% | |
| Lime Green | #32CD32 | 20% | 80% | 20% | 120° | 61% | 50% | 76% | 80% | |
| Linen | #FAF0E6 | 98% | 94% | 90% | 30° | 67% | 94% | 8% | 98% | |
| Magenta | #FF00FF | 100% | 0% | 100% | 300° | 100% | 50% | 100% | 100% | Fuchsia |
| Maroon | #B03060 | 69% | 19% | 38% | 338° | 57% | 44% | 73% | 69% | X11 Maroon |
| Web Maroon | #800000 | 50% | 0% | 0% | 0° | 100% | 25% | 100% | 50% | |
| Medium Aquamarine | #66CDAA | 40% | 80% | 67% | 160° | 51% | 60% | 50% | 80% | |
| Medium Blue | #0000CD | 0% | 0% | 80% | 240° | 100% | 40% | 100% | 80% | |
| Medium Orchid | #BA55D3 | 73% | 33% | 83% | 288° | 59% | 58% | 60% | 83% | |
| Medium Purple | #9370DB | 58% | 44% | 86% | 260° | 60% | 65% | 49% | 86% | |
| Medium Sea Green | #3CB371 | 24% | 70% | 44% | 147° | 50% | 47% | 66% | 70% | |
| Medium Slate Blue | #7B68EE | 48% | 41% | 93% | 249° | 80% | 67% | 56% | 93% | |
| Medium Spring Green | #00FA9A | 0% | 98% | 60% | 157° | 100% | 49% | 100% | 98% | |
| Medium Turquoise | #48D1CC | 28% | 82% | 80% | 178° | 60% | 55% | 66% | 82% | |
| Medium Violet Red | #C71585 | 78% | 8% | 52% | 322° | 81% | 43% | 89% | 78% | |
| Midnight Blue | #191970 | 10% | 10% | 44% | 240° | 64% | 27% | 78% | 44% | |
| Mint Cream | #F5FFFA | 96% | 100% | 98% | 150° | 100% | 98% | 4% | 100% | |
| Misty Rose | #FFE4E1 | 100% | 89% | 88% | 6° | 100% | 94% | 12% | 100% | |
| Moccasin | #FFE4B5 | 100% | 89% | 71% | 38° | 100% | 86% | 29% | 100% | |
| Navajo White | #FFDEAD | 100% | 87% | 68% | 36° | 100% | 84% | 32% | 100% | |
| Navy Blue | #000080 | 0% | 0% | 50% | 240° | 100% | 25% | 100% | 50% | Navy |
| Old Lace | #FDF5E6 | 99% | 96% | 90% | 39° | 85% | 95% | 9% | 99% | |
| Olive | #808000 | 50% | 50% | 0% | 60° | 100% | 25% | 100% | 50% | |
| Olive Drab | #6B8E23 | 42% | 56% | 14% | 80° | 61% | 35% | 75% | 56% | |
| Orange | #FFA500 | 100% | 65% | 0% | 39° | 100% | 50% | 100% | 100% | |
| Orange Red | #FF4500 | 100% | 27% | 0% | 16° | 100% | 50% | 100% | 100% | |
| Orchid | #DA70D6 | 85% | 44% | 84% | 302° | 59% | 65% | 49% | 85% | |
| Pale Goldenrod | #EEE8AA | 93% | 91% | 67% | 55° | 67% | 80% | 29% | 93% | |
| Pale Green | #98FB98 | 60% | 98% | 60% | 120° | 93% | 79% | 39% | 98% | |
| Pale Turquoise | #AFEEEE | 69% | 93% | 93% | 180° | 65% | 81% | 26% | 93% | |
| Pale Violet Red | #DB7093 | 86% | 44% | 58% | 340° | 60% | 65% | 49% | 86% | |
| Papaya Whip | #FFEFD5 | 100% | 94% | 84% | 37° | 100% | 92% | 16% | 100% | |
| Peach Puff | #FFDAB9 | 100% | 85% | 73% | 28° | 100% | 86% | 27% | 100% | |
| Peru | #CD853F | 80% | 52% | 25% | 30° | 59% | 53% | 69% | 80% | |
| Pink | #FFC0CB | 100% | 75% | 80% | 350° | 100% | 88% | 25% | 100% | |
| Plum | #DDA0DD | 87% | 63% | 87% | 300° | 47% | 75% | 28% | 87% | |
| Powder Blue | #B0E0E6 | 69% | 88% | 90% | 187° | 52% | 80% | 23% | 90% | |
| Purple | #A020F0 | 63% | 13% | 94% | 277° | 87% | 53% | 87% | 94% | X11 Purple |
| Web Purple | #800080 | 50% | 0% | 50% | 300° | 100% | 25% | 100% | 50% | |
| Rebecca Purple | #663399 | 40% | 20% | 60% | 270° | 50% | 40% | 67% | 60% | |
| Red | #FF0000 | 100% | 0% | 0% | 0° | 100% | 50% | 100% | 100% | |
| Rosy Brown | #BC8F8F | 74% | 56% | 56% | 0° | 25% | 65% | 24% | 74% | |
| Royal Blue | #4169E1 | 25% | 41% | 88% | 225° | 73% | 57% | 71% | 88% | |
| Saddle Brown | #8B4513 | 55% | 27% | 7% | 25° | 76% | 31% | 86% | 55% | |
| Salmon | #FA8072 | 98% | 50% | 45% | 6° | 93% | 71% | 54% | 98% | |
| Sandy Brown | #F4A460 | 96% | 64% | 38% | 28° | 87% | 67% | 61% | 96% | |
| Sea Green | #2E8B57 | 18% | 55% | 34% | 146° | 50% | 36% | 67% | 55% | |
| Seashell | #FFF5EE | 100% | 96% | 93% | 25° | 100% | 97% | 7% | 100% | |
| Sienna | #A0522D | 63% | 32% | 18% | 19° | 56% | 40% | 72% | 63% | |
| Silver | #C0C0C0 | 75% | 75% | 75% | 0° | 0% | 75% | 0% | 75% | |
| Sky Blue | #87CEEB | 53% | 81% | 92% | 197° | 71% | 73% | 43% | 92% | |
| Slate Blue | #6A5ACD | 42% | 35% | 80% | 248° | 54% | 58% | 56% | 80% | |
| Slate Gray | #708090 | 44% | 50% | 56% | 210° | 13% | 50% | 22% | 56% | Slate Grey |
| Snow | #FFFAFA | 100% | 98% | 98% | 0° | 100% | 99% | 2% | 100% | |
| Spring Green | #00FF7F | 0% | 100% | 50% | 150° | 100% | 50% | 100% | 100% | |
| Steel Blue | #4682B4 | 27% | 51% | 71% | 207° | 44% | 49% | 61% | 71% | |
| Tan | #D2B48C | 82% | 71% | 55% | 34° | 44% | 69% | 33% | 82% | |
| Teal | #008080 | 0% | 50% | 50% | 180° | 100% | 25% | 100% | 50% | |
| Thistle | #D8BFD8 | 85% | 75% | 85% | 300° | 24% | 80% | 12% | 85% | |
| Tomato | #FF6347 | 100% | 39% | 28% | 9° | 100% | 64% | 72% | 100% | |
| Turquoise | #40E0D0 | 25% | 88% | 82% | 174° | 72% | 57% | 71% | 88% | |
| Violet | #EE82EE | 93% | 51% | 93% | 300° | 76% | 72% | 45% | 93% | |
| Wheat | #F5DEB3 | 96% | 87% | 70% | 39° | 77% | 83% | 27% | 96% | |
| White | #FFFFFF | 100% | 100% | 100% | 0° | 0% | 100% | 0% | 100% | |
| White Smoke | #F5F5F5 | 96% | 96% | 96% | 0° | 0% | 96% | 0% | 96% | |
| Yellow | #FFFF00 | 100% | 100% | 0% | 60° | 100% | 50% | 100% | 100% | |
| Yellow Green | #9ACD32 | 60% | 80% | 20% | 80° | 61% | 50% | 76% | 80% |
spinner
<style> @keyframes spin{ 0%{transform:rotate(0deg);}100% {transform:rotate(360deg);}} </style> <div style="width:48px;height:48px;border:solid 4px red;border-top:solid 4px black;background-color:gray;border-radius:50%;animation: spin 1.5s linear infinite;"></div> <div style="width:1px;height:1px;border:solid 14px red;border-top:solid 14px black;background-color:gray;border-radius:50%;animation: spin 1.5s linear infinite;"></div>
dimensioni dinamiche dello schermo
<script>
function dimschermo() {
function gebID(id){ return document.getElementById(id); }
function gebTN(tagName, parentEl){
if( typeof parentEl == "undefined" ) var parentEl = document;
return parentEl.getElementsByTagName(tagName);
}
function setStyleToTags(parentEl, tagName, styleString){
var tags = gebTN(tagName, parentEl);
for( var i = 0; i<tags.length; i++ ) tags[i].setAttribute('style', styleString);
}
function testSizes(){
gebID( 'screen.Width' ).innerHTML = screen.width;
gebID( 'screen.Height' ).innerHTML = screen.height;
gebID( 'window.Width' ).innerHTML = window.innerWidth;
gebID( 'window.Height' ).innerHTML = window.innerHeight;
gebID( 'documentElement.Width' ).innerHTML = document.documentElement.clientWidth;
gebID( 'documentElement.Height' ).innerHTML = document.documentElement.clientHeight;
gebID( 'body.Width' ).innerHTML = gebTN("body")[0].clientWidth;
gebID( 'body.Height' ).innerHTML = gebTN("body")[0].clientHeight;
}
var table = document.createElement('table');
table.innerHTML =
"<tr><th>SOURCE</th><th>WIDTH</th><th>x</th><th>HEIGHT</th></tr>"
+"<tr><td>screen</td><td id='screen.Width' /><td>x</td><td id='screen.Height' /></tr>"
+"<tr><td>window</td><td id='window.Width' /><td>x</td><td id='window.Height' /></tr>"
+"<tr><td>document<br>.documentElement</td><td id='documentElement.Width' /><td>x</td><td id='documentElement.Height' /></tr>"
+"<tr><td>document.body</td><td id='body.Width' /><td>x</td><td id='body.Height' /></tr>"
;
gebTN("body")[0].appendChild( table );
table.setAttribute(
'style',
"border: 2px solid black !important; position: fixed !important;"
+"left: 50% !important; top: 0px !important; padding:10px !important;"
+"width: 150px !important; font-size:18px; !important"
+"white-space: pre !important; font-family: monospace !important;"
+"z-index: 9999 !important;background: white !important;"
);
setStyleToTags(table, "td", "color: black !important; border: none !important; padding: 5px !important; text-align:center !important;");
setStyleToTags(table, "th", "color: black !important; border: none !important; padding: 5px !important; text-align:center !important;");
table.style.setProperty( 'margin-left', '-'+( table.clientWidth / 2 )+'px' );
setInterval( testSizes, 200 );
}
</script>
<span onclick="dimschermo()">click</span>
<span class="ui button" onClick="window.location.reload();">
<i class="undo icon"></i>
</span>
<button onclick="copyToClipboard('#copia')">
<i class="code icon"></i>
</button>
<p id="copia">
testo da copiare
</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
/*
How to copy TEXT to Clipboard on Button-Click
A Pen By Shaik Maqsood
https://codepen.io/shaikmaqsood/pen/XmydxJ
*/
function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}
</script>
PHP
memorizza sul server nome file visitato
<?php
$actual_link = "http://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}";
$oggi_est = date("l") . " ";
$oggi_est = $oggi_est . date("Y/m/d");
$oggi_est_time = date("h:i:sa");
$fp = fopen('/membri/edoraandiamo/text.txt', 'w');
fwrite($fp, $actual_link. " " .$oggi_est. " ". $oggi_est_time);
fclose($fp);
$myfile = fopen("/membri/edoraandiamo/logs.txt", "a") or die("Unable to open file!");
// $actual_link = "cronologia";
fwrite($myfile, "\n". $actual_link. " " .$oggi_est. " ". $oggi_est_time);
fclose($myfile);
?>
visualizza files directory corrente
<?php
$dir = './';
$files1 = scandir($dir);
// $files2 = scandir($dir, 1);
print_r($files1);
// print_r($files2);
?>