Bg Liu by @fabiana - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

dirnameInvia informazioni sulla direzione di scrittura da un elemento input
<table>Tag primario per la creazione di tabelle
widthImposta la larghezza di un elemento HTML
<textarea>Area di testo libero espandibile per form HTML
<i>Formatta il testo in corsivo/italico non enfatizzato
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

inserimento immagini in un testo

Esercizi 05/03/2024 es9

Esercizio forse più giust

Template di Base

La mia prima pagina HTML

"esercitazione5.html”

Pagina Test-A D&D story

sanchez ximena html 3

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<center>
<div style="position:relative; width:530px; ">
<style type="text/css">.tabs {
  position: relative;
  min-height: 540px;
  clear: both;
  margin: 0px auto;
  display:block;
  text-align:center;
}

.tab {
  display: inline-block;
}

.tab label {
  display: inline-block;
  padding: 5px;
  position: relative;
  margin: 0px 0px;
    font-family: georgia; 
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
  line-height: 20px;
}

.tab label:hover {
  cursor:pointer;
}
.tab [type="radio"] {
  opacity: 0;
}
  
#content-top {
}
.content {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  overflow: auto;
  background: rgba(255, 255, 255, 0.6) repeat-y;
}
  
.content > * {
  opacity: 0;
  transform: translatey(5%);
  transition: all 0.6s ease;
}
  
[type="radio"]:checked ~ label {
  color: #2f1c25;
  z-index: 2;

}
[type="radio"]:checked ~ label ~ .content {
  z-index: 1;
}
  
[type="radio"]:checked ~ label ~ .content > * {
  opacity: 1;
  transform: translatey(0);
}
  
p {
  text-align:justify;
  font-size: 11px;
}

#copertina {
  overflow: hidden;
  position:absolute;
  top:25px; left:0px;
  background-image: url("https://i.pinimg.com/736x/d4/24/8f/d4248f8e11abfb216c56b09796a07a3f.jpg");
  background-size: 100%;
  width: 530px;
  height: 490px;
  filter: saturate(60%) contrast(95%) brightness(110%) opacity(96%);
  
}
  
#copertina > img {
  width: 530px;
  height: 490px;
}

#quote {
 height: 100px; width: 180px; margin-top: 30px; margin-left: 25px; 
 
  text-align: justify;
  font-family: tahoma; 
  font-size: 11.5px;
  text-transform: lowercase;
  color: #E0E0E0;
  
  }

#secondquote {
 height: 60px; width: 100px; margin-top: 5px; margin-left: 5px; 
 
  text-align: justify;
  font-family: tahoma; 
  position: absolute;
  font-size: 11.5px;
  text-transform: lowercase;
  color: #E0E0E0;
  
}

  .tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-text {
    visibility: hidden;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

  div.split2 div {
    float: left;
    width: 45%;
    width: 45%;
    padding: 0 2%
    }

.scrollable {
    width: 400px;      
    height: 195px;     
    overflow: auto;    
    border: 0px solid #ccc; 
    padding: 11px;
    font-family: Arial,Helvetica,sans-serif;
}

div.clearer{
    float: none; clear: left
    }
  
  w {
    font-family: georgia; 
    font-size: 10px;
    color: rgba(40, 34, 30, 1);
  }
  
  y {
    font-family: verdana; 
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(85, 95, 80, 1);
  }
  
  f {
    font-family:Baskerville;
    font-size: 10px;
    color: #474342;
  }

  m {
    font-family: verdana; 
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(120, 50, 60, 1);
  }

  p.mo {
    font-family:Tahoma,Geneva,sans-serif;
    color:#212529;
    width: 400px;
    font-size: 11px;
    
  }
  
  .base {
    font-family: Arial,Helvetica,sans-serif;
    color:#212529;
    font-size: 11px;
  }
  
    p.mo2 {
    font-family:Georgia,sans-serif;
    color:#212529;
    width: 400px;
    font-size: 12px;
      text-transform: lowercase;
    
  }
  p.mo:first-letter{
font-size:200%;
    font-family: georgia;
}

.highlight {
    background-color: #9EA98D;
    color: #FAF3E0;
    padding: 0px;
    font-family: Courier;
    letter-spacing: 2px;
  }
</style>
<body>
<div class="tabs">
<div class="tab"><input id="tab-2" name="tab-group-1" type="radio"><label for="tab-2">RUNA1</label>

<div class="content">
<br /><center><img src="https://i.pinimg.com/736x/2a/fe/49/2afe49197fae02160ee9ce4577ebd923.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 220px; height: 110px; border: 0.5px solid #999; padding: 1px;" /> <img src="https://i.pinimg.com/736x/b4/56/ab/b456ab5c47a0b5903cfeca2a6d21a184.jpg"  style="filter: grayscale(.1); opacity: 0.8; width: 200px; height: 110px; border: 0.5px solid #999; padding: 1px; align: right;" /> 
<div style="width: 450px; height: 300px;">

<br />HOTEL NESSIE,  DRUMNADROCHIT
<p class="base; scrollable">&nbsp;L'hotel si erige su una sporgenza rocciosa, cosparsa di eriche e cardi, nelle <y>Highlands Scozzesi</y>, sulla sponda ovest del lago Ness. La facciata esterna in pietra grezza è invasa da muschio, il tetto spiovente manca di alcune tegole brunastre e, dall'antica grondaia traboccano foglie e ramoscelli secchi. Il portone d'ingresso, avvolto da edera, e le persiane in stile <y>medievale</y>, che proteggono i sottili vetri di traballanti finestre,  sono in legno massiccio. L'edificio si compone di <w>tre piani</w>. Al piano terra sono situati l'ingresso, la sala da pranzo compresa di angolo bar, la cucina e un bagno comune.
<br />
 &nbsp;Oltre il portone si apre un discreto ingresso, tappezzato da un logoro e impolverato tappeto bordeaux, che si fa strada ai piani superiori percorrendo una scricchiolante scalinata in legno. Di fronte, due vecchie poltrone in <y>tartan</y> crema sono disposte davanti ad un possente camino in pietra, la cui canna fumaria, storta e ostruita, dà problemi  di tiraggio quando acceso durante le giornate più gelide. Questo è il motivo dell'<y>odore acre</y> e pungente, di fumo, che si respira entrando. Nell'angolo, un attaccapanni e una cassa panca completano il misero ambiente.
<br />
 &nbsp;Svoltando a destra, si entra nella sala da pranzo, collegata all'ingresso mediante un arco privo di porta. L'interno è rustico, con pareti in pietra a vista e travi massicce sul soffitto. Inizialmente lo spazio è stretto, ma superato il lungo bancone da bar, la stanza si apre a ventaglio. Qui, una serie di tavoli di legno, larghi e lunghi, si susseguono ordinati ospitando al di sotto sedie o panche. Sulle pareti vecchie fotografie in bianco e nero ritraggono i proprietari dell'hotel, susseguiti di generazione in generazione, in alcuni eventi importanti. Tra le due finestre, <y>un'antica cornamusa</y> è adagiata su una mensola. Dietro il bancone, sul quale è intagliato il leone rampante, simbolo scozzese, una successione di varie tipologie di <y>whiskey</y> s'affianca ad altri liquori e bevande.
 <br />
  &nbsp;La cucina confina con il bagno, dal lato opposto alla sala da pranzo, dunque a sinistra dell'ingresso. Una posizione scomoda, complice del continuo via vai che ingolfa l'ingresso con l'arrivo degli ospiti. Il bagno è uno stanzino piccolo ed umido, spesso soggetto a manutenzioni casalinghe a causa di tubi rotti o scarichi intasati.
<br />
 &nbsp;Nascosta sotto la rampa di scale che conduce al primo piano c'è una porta in legno, <y>senza numero</y>,  il cui colore verde è ormai scrostato. All'interno, la camera è arredata con pochi mobili: un antico scrittoio in legno a destra, un cigolante letto matrimoniale addossato al muro sotto la finestra, e, nell'angolo opposto, un armadio a due ante. Le pareti dipinte di bianco sono ormai ingiallite, sporche e scrostate. Su ogni pezzo di arredo si leggono i segni di una vita vissuta: tracce di legno scheggiato, una macchia d'inchiostro sullo scrittoio, il pomello mancante dell'armadio, vestiti da signora e abiti di una bambina, scarpe accantonate sotto il letto. In alcuni angoli delle pareti compaiono scritte, linee nere e piccoli disegni nascosti, quasi come se qualcuno avesse voluto lasciare un messaggio silenzioso nel tempo. 
<br />
 &nbsp;Il primo e il secondo piano dell'hotel sono ugualmente strutturati: un lungo corridoio conduce alle varie stanze, ognuna contraddistinta da un numero e dotata di un piccolo bagno privato.</p>
<br />
<p style="text-align: right; font-size:11px; font-family:Times New Roman,Times,serif;"><i>Drumnadrochit, Scozia, 2072</i></p>

<p class="mo"><span style="font-family: Arial,Helvetica,sans-serif; font-size: 11px;">&nbsp;I muri sembrano farsi più stretti quando si ha paura. Rannicchiata in un angolo rabbuiato della stanza c'è una figura esile, piccola. In quell'angolo l'intonaco si sbriciola. La camera è trasandata, ma non è solo questo il prezzo da pagare quando si vive a scrocco. La ricompensa ha un costo ben più alto e intangibile: l'assenza. Nessun legame, nessun abbraccio, nessuna carezza. La freddezza di una madre, l'assenza di un padre, di una figura di riferimento su cui contare, a cui ispirarsi, da prendere come esempio. Non c'è un esempio, nella stanza d'albergo senza numero, quella non riservata ai clienti, la più stretta di tutte. Quel giorno, più di altri, contro le pareti giallastre rimbalzano suoni: urla di una donna e singhiozzi. La donna, in piedi al centro della stanza veste abiti bianchi, puliti. La voce, graffiante per via della troppa nicotina, è piena d'ira e disprezzo verso qualcosa che va oltre un ammasso di ossa cigolanti e grandi occhi vitrei. Uno sguardo che trasmette supponenza, con l'obiettivo di affossare chi occupa il pavimento freddo, sporco. In quell'attimo, si potrebbe giurare, lo sguardo della donna non sembra neanche più umano, imbibito di vecchi ricordi, forse inconsapevolmente.
<br /> 
«Guarda cosa hai fatto.» Si avvicina di un passo. 
<br />«Te l’avevo detto di non toccare le mie piante. Non devi toccare niente quando senti <i>quella cosa</i>.» Un battito di ciglia, poi la voce si fa ancora più dura. 
<br />«Non è un gioco, Liùsaidh. <i>Devi</i> mandarlo via.»
Un sospiro, carico di disprezzo.
<br />«Quante volte devo ripetertelo?»
Pausa. Un sorriso storto.
<br />«Non è un dono.» La sua voce si abbassa in un sussurro velenoso. «Non sei speciale. Sei solo una disgrazia.»
<br /> 
Sulle guance scavate e pallide del colpevole si imprimono percorsi bagnati da lacrime: una bambina, affusolata su se stessa ad occupare il minor spazio possibile. I capelli arruffati le si appiccicano alle labbra umide. Il respiro interrotto, quasi inesistente, vuole dar voce ad emozioni, sussurri inglobati in un nodo bloccato in gola. Le nocche rosse per il troppo attrito esercitato contro la stoffa di vestiti infangati.
<br />
«Non piangere, è da <i>deboli</i>. Vuoi che gli altri lo credano?»
<br /> 
Il mento si muove, lo sguardo è basso, non vuole che lo credano.
<br /> « Fa male » una voce spezzata, tremante, infantile, punge l’aria.
<br /> Tra le mani della donna dal caschetto biondo, un cactus secco, privo di vita. Nello stomaco della bambina, una voragine indomabile di sentimenti mai provati prima. E che non vorrà più provare ancora. Nella mente tre parole si combinano tra loro a ricordarle di non commettere più lo stesso errore: <y>Reprimere. Soffocare. Nascondere.</y> Sempre. È doveroso e necessario spegnere quel fuoco, ogni qualvolta si presenta. Da qui l'inizio  della sua paura più grande: un groviglio.
<br /> <br /> 
<i>C'è qualcosa di spaventoso dentro la mia pancia e non ha la minima intenzione di uscire. Mi fa male al pancino. La mathair dice che è perché non mangio abbastanza. Ma non è vero. Lei non capisce, non vuole capire. Perché te ne sei andato, papà?</i>
<br /> <br />
Quel qualcosa lei lo chiama <b>Scarabocchio</b>, ma oltre che un nome gli ha dato anche una forma attraverso i suoi disegni. Lo percepisce proprio come se fosse un essere vivente, una creatura che ha preso casa dentro il suo stomaco e a cui piace spesso fare viaggi. In realtà Scarabocchio non è niente di meno che la sua magia in subbuglio, la stessa che fa fatica a controllare a causa di insicurezze intrinseche e delle quali nemmeno conosce l'esistenza. Scarabocchio, nei suoi disegni e nella sua testa, si manifesta come un <i>gomitolo di filamenti fumosi neri</i>  proprio come fosse uno scarabocchio su un foglio di carta bianca. Nella parte superiore però ci sono due occhi grandi e ovali: bianchi, all’interno dei quali c’è un puntino nero che fa da pupilla, a ricordare il disegno di un bambino. </p>
A undici anni la sua magia era un groviglio intricato. Sua madre le aveva sempre detto di reprimerla, di nascondere la sua vera natura. Così fece. Finchè suo padre l'ha mandata ad Hogwarts perchè è lì che una strega deve stare. Non ha mai potuto avere ....
</span>
<br />
<img src="https://64.media.tumblr.com/12b3a72d7ade93b35c51b61302f5f130/4f0dc30fb151ac2e-c7/s640x960/e0359888607183ec24338baf4d9a16501f3e2e2e.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 130px; height: 110px; border: 0.5px solid #999; padding: 1px;" /> 
<img src="https://64.media.tumblr.com/ea21fc91d6a4c12e309bcb6030eb83a9/4f0dc30fb151ac2e-90/s640x960/cbc539844fa338bd5c4bc38b7918582e93b24407.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 130px; height: 110px; border: 0.5px solid #999; padding: 1px;" /> 
<img src="https://64.media.tumblr.com/740bb6086ccc4bb3ed262c12013d49ce/4f0dc30fb151ac2e-30/s640x960/b44e3d3af77e2d11cde63182fda57b8537f7db23.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 130px; height: 110px; border: 0.5px solid #999; padding: 1px;" />
<br />ROULOTTE INCANTATA, HIGHLANDS
<p class="base; scrollable"><span style="font-family: Arial,Helvetica,sans-serif; font-size: 11px;">Dall'esterno, la roulotte sembra assolutamente ordinaria, quasi banale: un vecchio carrozzone in legno dai colori spenti, con qualche decorazione sbiadita e ruote cigolanti. Perfetta per confondersi tra le stradine babbane, dove nessuno si aspetterebbe nulla di strano. Nessuna luce strana, nessun segnale sospetto: solo un carro da viaggio un po’ retrò, come tanti. Sembra trainata da un vecchio cavallo grigio... anche se a guardar bene, le ruote non sempre toccano il suolo, e ogni tanto una brezza invisibile sembra spingerla avanti.<br />
Ma è varcando la piccola porticina che si entra in un mondo completamente diverso. Si apre su un minuscolo atrio, dove i tappeti ridacchiano sotto i piedi, arrotolandosi dispettosi per scacciare gli intrusi. Gli ombrelli volanti pendono dal soffitto, agganciati a ganci invisibili che li fanno ondeggiare lievemente.<br />
Dentro, la roulotte è incredibilmente più grande di quanto appaia dall'esterno, grazie a potenti incantesimi di espansione. L’interno sembra una sorta di laboratorio magico in pieno fermento: ampolle colorate volano nell’aria, sospese come bolle di sapone, seguite da piume incantate che spolverano tutto (male). Libri di pozioni e di erbe magiche sbattono le pagine come fossero uccellini. I calderoni in ottone ribollono lentamente, spargendo profumi intensi di erbe, zolfo e zucchero bruciato. Vasi pieni di ingredienti improbabili — scaglie di drago, radici di Mandragola, squame iridescenti di Salamandra, sangue di Vampiro — sono sparsi ovunque, in una confusione che solo il proprietario sembra in grado di dominare. Nel lavabo i piatti si lavano da soli, e sulla stufa una teiera canta allegramente quando entra qualcuno.
Appena dietro il laboratorio, divisa da una tenda pesante e polverosa, si trova l'area notte: un letto matrimoniale è incastrato tra una libreria che geme sotto il peso di antichi manufatti e un armadio stregato che ogni tanto sputa fuori calzini. Tra due travi incantate che oscillano dolcemente da sole c'è un'amaca, mentre candele galleggianti forniscono una luce soffusa.
Sul retro, un piccolo anfratto separato da una porta semi rotta: è il regno di un pozionista fanatico. Qui si trovano prototipi di pozioni instabili, riviste de Il Pozionista Pratico, pentole esplosive, appunti scritti a mano in uno stile illeggibile e una possente poltrona consumata.
Nascosto dietro una parete mimetica nel laboratorio: un bagno stretto ma funzionale, con un lavandino che cambia forma, una doccia a pioggia che canta principalmente i Black Potion e le Sorelle Stravagaria, uno specchio che non sempre riflette chi si specchia e un gabinetto incantato che applaude quando qualcuno lo usa correttamente.</p>
<img src="https://64.media.tumblr.com/57b3d833ac21a26b58aeb8143a7732ea/4f0dc30fb151ac2e-0b/s640x960/5bbdd606fd30dc7152365003c70c3e4e011e0c7e.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 130px; height: 110px; border: 0.5px solid #999; padding: 1px;" />
<img src="https://64.media.tumblr.com/29caa4ddb820ede3b8f3026dc990335b/4f0dc30fb151ac2e-20/s640x960/9cea95bac97ed7eb82230e144b34d0e995f7513d.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 130px; height: 110px; border: 0.5px solid #999; padding: 1px;" />
<img src="https://64.media.tumblr.com/9f398e3fe0ab4c355470819a660a6a07/4f0dc30fb151ac2e-6c/s640x960/e88c5991c60a10eb29fdb35e94efcc68c64cdaf5.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 130px; height: 110px; border: 0.5px solid #999; padding: 1px;" />
<br /><br />
STANZA, CAMPDEN HILL, LONDRA

</center>
</div>
</div>

<div class="tab"><input id="tab-3" name="tab-group-1" type="radio"><label for="tab-3">RUNA2</label>

<div class="content">
<center>
<br />
<img src="https://i.pinimg.com/736x/29/d5/3e/29d53e5542b952183b8f983ccd082d54.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 140px; height: 105px; border: 1px solid #999; padding: 1px;" />
<img src="https://i.pinimg.com/736x/ef/08/87/ef088761b7648350e61286b65c95f225.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 140px; height: 105px; border: 1px solid #999; padding: 1px;" />
<img src="https://i.pinimg.com/736x/c7/2d/60/c72d60628e00fbc9ece9d71901ad530b.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 140px; height: 105px; border: 1px solid #999; padding: 1px;" />
<p class="mo"><span style="font-family: Arial,Helvetica,sans-serif; font-size: 11px;">
   <span style="font-size:11px;"><span style="font-family:Courier New,Courier,monospace">STILE</span>
   Nel corso degli anni, ha affinato il suo stile. Se al castello la si vede quasi sempre in divisa, fuori dalle mura veste abiti d&#39;ispirazione medievale.&nbsp;<u>Bluse</u> e&nbsp;<u>camicie</u>, con scolli a V, a barca o girocollo, tipicamente sul bianco, panna o sfumature del beige, con maniche a campana o&nbsp;arruffate sulle spalle, spesso con incroci di lacci sul petto. <u>Pantaloni</u> joren o&nbsp;larghi fino alle ginocchia per poi stringersi sui polpacci. Ai piedi,</span>&nbsp;<span style="font-size:11px">stivali/<u>stivaletti</u>/calzature in cuoio o pelle con stringhe o cinghie. A volte indossa un <u>gilet</u> sopra le camicie. In vita, &egrave; sempre presente una <b>cintura in cuoio</b> che accoglie&nbsp;la <u>fondina</u> e un piccolo <u>borsello engorgiato</u> per portare con s&egrave; alcuni averi.&nbsp;In rare occasioni porta <u>abiti</u> lunghi, piuttosto semplici e di stampo streghesco, con piccole decorazioni come bottoni o alamari. &Egrave; amante dei <u>mantelli</u> e li usa spesso, meno i cappelli. Nel suo armadio non mancano per&ograve; anche capi pi&ugrave; moderni e simili alla moda babbana,&nbsp;come comode tute, maglioni e jeans, che a volte non esita ad indossare. I <u>capelli</u> sono spesso intrecciati in acconciature alla vichinga&nbsp;oppure lasciati sciolti e portati dietro le orecchie.&nbsp;</span> <br /><br /><font face="Courier New, Courier, monospace">FRAGRANZA </font>Al suo passaggio, lascia dietro di s&egrave; una scia di pino*&nbsp;e cannella, talvolta di mandorla amara, altre volte ha addosso un profumo&nbsp;zuccherino.&nbsp;
<br /><br />
*odore complesso caratterizzato da un aroma&nbsp;agrumato e di resina.</span></span></p>
  
  <img src="https://i.pinimg.com/736x/72/be/10/72be100bff6dfe6f6b531213712e4961.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 140px; height: 105px; border: 1px solid #999; padding: 1px;" />
<img src="https://i.pinimg.com/736x/88/dc/95/88dc95d63c34b7d42c814d6655ea5869.jpg" style="filter: grayscale(.2); opacity: 0.7; width: 140px; height: 105px; border: 1px solid #999; padding: 1px;" />
  <img src="https://i.pinimg.com/736x/3f/1c/82/3f1c822d0db38ad197d0189ac92ec53e.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 140px; height: 105px; border: 1px solid #999; padding: 1px;" />

<p class="mo"><span style="font-family: Arial,Helvetica,sans-serif; font-size: 11px;">
   <span style="font-size:11px;"><span style="font-family:Courier New,Courier,monospace">ABOUT HER. INTERESSI. PASSIONI.</span></center>

</div>
</div>

<div class="tab"><input id="tab-1" name="tab-group-1" type="radio"> <label for="tab-1">RUNA3</label>

<div class="content"> Hogwarts facts.
</div>

<div class="tab"><input id="tab-4" name="tab-group-1" type="radio" /> <label for="tab-4">RUNA4</label>

<div class="content">
<center><p style="text-align: justify; width: 450px; margin:0 auto;"><span style="font-family:Times New Roman,sans-serif; color: #5C4033; font-size: 14px; letter-spacing: 2px; margin: 140px;">DIARIO DI BORDO</span>
<br /><img src="https://i.pinimg.com/736x/4f/e7/62/4fe762cb0f879d175d959570ca0b0cda.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 210px; height: 110px; border: 0.5px solid #999; padding: 2px;" /> <img src="https://i.pinimg.com/736x/a2/fa/ff/a2faff34a99572919f526643938674a8.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 210px; height: 110px; border: 0.5px solid #999; padding: 2px;" /> 
<p style="text-align: justify; width: 450px; margin:0 auto;"><span style="font-family:Tahoma,Geneva,sans-serif;"><span style="color:#7A6F69;">
  TINTAGEL, GROTTA DI MERLINO. 2078</span>
  <br /><br /><span style="color:#8F837C;">blalblala</span></p>

<br />
<img src="https://i.pinimg.com/736x/2b/95/75/2b9575a0850923e4b32da174b7a080a8.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 210px; height: 110px; border: 0.5px solid #999; padding: 2px;" /> <img src="https://i.pinimg.com/736x/e8/4c/97/e84c97e996de9059a93230dff2283b49.jpg" style="filter: grayscale(.1); opacity: 0.8; width: 210px; height: 110px; border: 0.5px solid #999; padding: 2px;" /> 

<p style="text-align: justify; width: 450px; margin:0 auto;"><span style="font-family:Tahoma,Geneva,sans-serif;"><span style="color:#7A6F69;"> STORIA DI BRAN IL BENEDETTO. 2079.</span>
<br /><br /><span style="color:#8F837C;">blalblala</span></p>
<br />
<br />
</div>
</div>

<div class="tab"><input id="tab-5" name="tab-group-1" type="radio" /> <label for="tab-5">RUNA5</label>

<div class="content">
<center>
<div style="width: 350px;">
<p class="mo"></p>
<center>
  <img src="https://i.pinimg.com/originals/18/22/6f/18226fc16fe13c8b36208c8bede84e22.gif" style="filter: grayscale(.1); opacity: 0.8; width: 355px; height: 120px; border: 0.5px solid #999; padding: 2px;" />
<p><font face="Courier New, Courier, monospace"><span style="font-size: 11px;">EQUIPAGGIAMENTO</span></font></p>

			<p style="text-align: justify;"><b><span style="font-size:10px;"><span style="font-family: Arial, Helvetica, sans-serif;">&nbsp; &nbsp; </span></span></b><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">STRUMENTI DA DISEGNO</span></span></p>

			<ul>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">portagessetti in canna di bamb&ugrave;</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">penna a cannuccia in bamb&ugrave; con estremit&agrave; appuntita, si intinge in inchiostro</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">carboncino in legno di salice</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">antico compasso in ottone provvisto di punte metalliche fisse</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">riga a T in legno di betulla</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">squadra in legno di betulla</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">fiale con colori a tempera e colori alimentari</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">pennello&nbsp;</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">pastelli</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">dodici fiale per pozioni con tappi in sughero ed etichette su cui &egrave; scritto a mano il colore ecosostenibile contenuto all&#39;interno<b> [&nbsp;</b>Brandon&nbsp;<b>]</b></span></span></li>
			</ul>

			<p style="text-align: justify;"><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">&nbsp; STRUMENTI DA SCAVO</span></span></p>

			<p style="text-align: justify;"><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">&nbsp; STRUMENTI PER POZIONI</span></span></p>

			<ul>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">mortaio e pestello in granito</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">calderone pieghevole in ottone</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">set di fiale e provette in vetro</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">clessidra a sabbia</span></span></li>
			</ul>
      <p style="text-align: justify;"><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">&nbsp; STRUMENTI&nbsp;BOTANICI</span></span></p>

			<ul>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">paraorecchie&nbsp;</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">guanti</span></span><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">&nbsp;</span></span></li>
			</ul>

			<p style="text-align: justify;"><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">&nbsp; ACCESSORI</span></span></p>

			<ul>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;"><u>sempre al collo</u>: collana in platino con ciondolo quadrato (fronte: disegno di <i>scarabocchio</i> in pezzi ; retro: Grifone inciso) &nbsp;&nbsp;&nbsp; <b>[&nbsp;</b>Blythe Quinn&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;"><u>sempre al collo</u>: talismano aritmantico di buona fattura (cordoncino in pelle di drago e ciondolo d&#39;oro con inciso il Quadrato del Sole) &nbsp; &nbsp; <b>[</b> Felix N. <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">un <a href="https://waneon.com/cdn/shop/files/O1CN01BF21QH2Mysc8a4hcv__2211921559897-0-cib.jpg?v=1732546260" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;">Braccialeonte</a> di cuoio intrecciato che cambia colore a seconda dello stato d&#39;animo di chi lo indossa&nbsp;</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">tre ciondoli&nbsp;delle dimensioni di circa 5cm. Hanno una forma &quot;a cuore&quot; seppure pi&ugrave; morbida ed arrotondata, senza spigoli. La parte superiore &egrave; liscia e brillante dell&#39;argento di cui &egrave; composta, mentre nella parte posteriore ci sono incisi simboli e tratteggi che riempiono completamente la superficie, interrompendosi sui bordi, come se il disegno fosse incompleto. Se accostati l&#39;uno all&#39;altro, a formare un trifoglio, identificano una zona della <a href="https://i.ibb.co/F4Lv9qbp/mappa-ciondoli.jpg" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;">mappa di Hogsmeade</a>, quella corrispondente alla stazione e al lago Nero &nbsp;&nbsp;&nbsp;<b>[</b> Tesoro sommerso nella Grotta di Merlino, Tintagel - Stage SpezzaIncantesimi 2078. Gli altri due ciondoli erano di Atlas e Colin <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una gobbiglia traslucida con striature blu e sfondo perlaceo <b>[</b> Colin J. <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">un vecchio pacchetto di Merlino&#39;s sgualcito contenente 3 sigarette <b>[</b> Colin J. <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">fermaglio in legno a forma di&nbsp;triquetra</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;"><u>medio dx</u>: un <a href="https://i.pinimg.com/736x/79/b3/64/79b364863b6ec6c3527ea5e0db5e8b84.jpg" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;">anello</a> in metallo argentato la cui&nbsp;teiera in miniatura versa il t&egrave; in una&nbsp;tazzina&nbsp;posizionata accanto&nbsp;<b>[</b> Blythe Quinn - 11.02.2081&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><meta charset="UTF-8" /><span style="font-size:10px;">macchina fotografica <i>incantata</i>&nbsp;di tipo polaroid, con un pacchettino di nuove cartucce <b>[&nbsp;</b>Elijah Osbert - 26.02.2081 - <a href="https://i.pinimg.com/736x/2c/5d/70/2c5d70b3123d0e109ea60b33aa071672.jpg" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;">modello</a>&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">custodia per macchina fotografica polaroid in plastica morbida trasparente. In corrispondenza dell&#39;apertura da cui fuoriesce l&#39;istantanea s&#39;allunga in una bustina, il cui scopo &egrave;&nbsp;conservare la foto appena scattata&nbsp;&nbsp;<b>[ </b>4.03.2081 - trasfigurata da un foglio di pergamena <b>]</b></span></span></li>
			</ul>

			<p style="text-align: justify;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:10px;">&nbsp;&nbsp; &nbsp;</span></span><span style="font-family:Courier New,Courier,monospace;"><span style="font-size:10px;">LIBRI E RIVISTE</span></span></p>

			<ul>
        <li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">fumetto disegnato a mano &nbsp; <b>[</b> Blythe Quinn <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">tutta la serie di fumetti di <i>Katy Keene</i></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">Diario Dold</span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">libro di latino&nbsp;&quot;<i>Latinorum Latinus</i>&quot;, che tratta i suoi fondamenti.&nbsp;E&#39; un libro per principanti ma dal linguaggio accademico e aulico. <b>[</b> Elijah Osbert, club De Magia - 2078&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">un volantino spiegazzato della Gringott con un enigma da risolvere <b>[</b> maggio&nbsp;2079 <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una busta da lettere blu notte di carta d&#39;alta qualit&agrave;. Al suo interno un biglietto rettangolare elegante e semplice, bianco con decorazioni dorate&nbsp;<b>[</b> invito di compleanno Elijah - marzo 2080 <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">un diario sgangherato datato 2046, rilegato in pelle marrone e tenuto chiuso da un nastro logoro. In un punto della copertina c&#39;&egrave; una &nbsp;bruciatura a forma di saetta. <b>[</b> Elijah Osbert - 26.02.2081 <b>]</b></span></span></li>
			</ul>

			<p style="text-align: justify;"><span style="font-size:10px;"><span style="font-family:Arial,Helvetica,sans-serif;">&nbsp; &nbsp; </span><span style="font-family:Courier New,Courier,monospace;">POLAROID MAGICHE</span></span></p>

			<ul>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto in cui <em>balla con </em><strong>Nico</strong> in un modo improponibile ma super divertente&nbsp;<b>[</b> Maegan MacGillivray, I anno&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto con <b>Faith</b><em> che mostra la spilla </em>e in cui ridono&nbsp;<b>[</b> Maegan MacGillivray, I anno&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto in cui <em>vola per aria</em> grazie alle Api Frizzole in compagnia di <strong>Meg, Neera e Emile </strong><b>[</b> Maegan MacGillivray, I anno <b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto in cui lancia la neve in aria mentre &egrave; seduta nel giardino di Hogwarts,&nbsp;vicino al Lago Nero. Sulle labbra c&#39;&egrave; l&#39;accenno di un sorriso e negli occhi uno scintill&igrave;o giocoso <b>[</b>&nbsp;Maegan MacGillivray, I anno&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto di una giovane <b>Gwenog Jones</b>, ex capitana delle Holyhead Harpies, e un giovane <b>Dunbar Olgethorpe</b>, capo del Q.U.A.B.B.L.E., che <i>passeggiano mano nella mano</i> nel porticato di Hogwarts <b>[</b>&nbsp;28.02.2081, rubata dal T.I.N.D.E.R.<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto di <b>Gregory</b> mentre allarga le braccia e annuncia di essere ne&nbsp;<i>&laquo;L&#39;angolo di Gregory&raquo; con un sorriso da bambinone,&nbsp;</i>una zona&nbsp;della Sala Comune Grifondoro con gli stendardi della squadra di Quidditch e di Casata, poltrone vermiglio e un tavolino basso da t&egrave; <b>[ </b>scatto del<b>&nbsp;</b>04.03.2081 - VII anno&nbsp;<b>]</b></span></span></li>
				<li style="text-align: justify;"><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:10px;">una foto&nbsp;di due ragazzi in divisa, uno alto e molto pi&ugrave; secco dell&#39;altro, che porta trionfante la spilla di Caposcuola, vanto chiaramente per entrambi i Grifondoro ritratti, che a conclusione dell&#39;animazione si vede come <i>inizino a spintonarsi per gioco ridendo</i>. A guardarlo bene, lo spillato somiglia a <b>Elijah</b>, diciassettenne&nbsp;<b>[</b>&nbsp;scatto datato 2035, Elijah Osbert, 2081&nbsp;<b>]</b></span></span></li>
			</ul>
<br />
&nbsp;</center>
</center>
</div>

<div id="copertina" style="text-align: justify; padding-top: 25px">
  <center> <span style="color: rgba(100, 85, 75, 1); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-family:Times New Roman,Times,serif;">«Perché credi di percepirti a malapena, <span style="color: rgba(181, 168, 159, 1);">Liùsaidh?» </center> 
  
<div id="quote" style="line-height: 10px;"><span style="color: rgba(80, 68, 60, 1); font-size:7px; letter-spacing: 1px; text-transform: uppercase; font-family:Times New Roman,Times,serif;"><div class="tooltip">
    <span class="tooltip-text">Sei cresciuta sapendo che non sei speciale, solo una <w>disgrazia</w>. Che piangere è da <y>deboli</y>. Che la magia non è un dono, ma una <w>maledizione</w>. Ma la magia è nel tuo sangue, nelle tue ossa. Sei nata per essere una strega, proprio come sei nata con quei capelli biondi, quasi castani, e quegli occhi grigi. 
    &nbsp; 
    <br />
    Così, finisci per crederci. Ti convinci di essere sbagliata, <w>nata storta</w>. Allora <u>reprimi</u>, <u>soffochi</u>, <u>cancelli</u> ogni parte di te che <span style="font-size: 8px;"><b>urla</b></span> per esistere. Nascondi chi sei davvero, fino quasi a <f>scomparire</f>. E un giorno, quando provi a guardarti dentro, non trovi più nulla. Hai dimenticato chi sei. Ti sfuggi. <span style="font-size: 8px;"><i>Ti percepisci a malapena e non ti piace.</i></span>
    &nbsp; <br />
    <br /><div id="secondquote" style="line-height: 10px;"><span style="color: rgba(80, 68, 60, 1); font-size:7px; letter-spacing: 1px; text-transform: uppercase; font-family:Times New Roman,Times,serif;"><div class="tooltip">
    <span class="tooltip-text">Così <m>lotti</m>. Ti aggrappi a ogni frammento, cerchi disperatamente un riflesso che ti appartenga. Dimostrare chi sei diventa una <m>sfida</m>. Eppure, nel mondo che tua madre <w>disprezza</w>, c'è chi giudica il tuo sangue non abbastanza puro. Ma tu, tu sei abituata a <i>sentirti a metà</i> e te ne infischi.</span><br />
&nbsp;
</div>
</div>
</div>
</div>

</center>
</div>
</div>
</div>
<div id="content-bottom"></div>

</div>
</div>
</body>
</html>