bones by @MILENUCCIA87 - Codewith.it

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

References

<li>Inserisce voci all'interno di una lista
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
<tfoot>Definisce il footer o sezione inferiore di una tabella.
_parentApre collegamenti ipertestuali nell'elemento genitore
relServe a definire la relazione tra il documento e una risorsa.
<h1>Titolo di intestazione di primo livello

Users

Log in to search for users

Explore

Find inspiration

esercitazione 6

Federica Bachini Lab

countdown passaporto 2

Caps Lock Checker

sito_donne_afghane

Blocco tasto destro mouse

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<style>
::selection { color: #635856; background: none; }
::-webkit-scrollbar {background-color: #111!important; width: 1px;}
::-webkit-scrollbar-thumb {background: #111!important; opacity: 0.1;}


/* --------------- AREA LAVORO --------------- */

.base { position: relative; background-color: none;

     width: 600px;
     height: 600px;
     margin-top: 20px;
}

/* --------------- IMMAGE --------------- */

.img {position: absolute; z-index:2; float: left; overflow: none;
     -moz-transition: all ease-out 1.5s; -webkit-transition: all ease-out 1.5s; -o-transition: all ease-out 1.5s; 
     width: 450px; 
     height: 450px;
     left: 4px;
     margin-top: 20px;
     background-image: url('https://i.imgur.com/ADhsiBS.png');
     background-position: 0px 0px;
     background-repeat: no-repeat;
     border: 6px solid #0b0c0d;
     box-shadow: 0px 0px 10px #0b0c0d;
}

.img:hover {

     background-image: url('https://i.imgur.com/ADhsiBS.png'); height: 450px; width:250px; background-position-x: -150px; transition: all 1.5s ease-in-out;
}

.img:hover .box { margin-right:257px; opacity: 1;}

.img:hover .box1 { margin-right:257px; opacity: 1;}

.img:hover .Gif { margin-right:257px; opacity: 1;}


/* --------------- TESTI --------------- */

.box {  position: relative;  z-index: 1; float: left; overflow:  hidden;
  width: 180px;
  height: 260px;
  margin-left: 265px; 
  margin-top: -302px;  
  border-left: 2px solid #111; 
  border-right: 1px dashed #111; 
  background-color: #0b0c0d;
  box-shadow: 0px 0px 10px #1d191c;
  padding: 8px;
  opacity: 0; 
  transition: all ease-out 1.5s; 
}

.box1 {  position: relative;  z-index: 1; float: left; overflow:  hidden;
  width: 180px;
  height: 70px;
  margin-left: 265px; 
  margin-top: 4px;  
  background-color: #0b0c0d;
  box-shadow: 0px 0px 10px #1d191c;
  padding: 8px;
  opacity: 0; 
  transition: all ease-out 1.5s; 
}
.testo { position: absolute; z-index: 2; float: left; overflow: auto;
  width: 168px;
  height: 250px;
  padding: 5px;
  background-color: #111; 
  text-align: justify; 
  color: #3d3d3d; 
  font-family: verdana; 
  font-size: 10px; 
  line-height:11px; 
  letter-spacing: 0px; 
  font-weight: normal!important;
}

.testo1 { position: absolute; z-index: 2; float: left; overflow: auto;
  width: 168px;
  height: 60px;
  padding: 5px;
  background-color: #111; 
  text-align: justify;  
  color: #3d3d3d; 
  font-family: verdana; 
  font-size: 10px; 
  line-height:11px; 
  letter-spacing: 0px; 
  font-weight: normal!important;
}

.Gif {
width: 180px;
position: relative;  z-index: 1; float: left; overflow:  hidden; margin-left: 265px; 
  padding: 8px;
  opacity: 0; 
  transition: all ease-out 1.5s;
}

/* --------------- QUOTE ----------------------- */
.quote {background-image: url('https://i.imgur.com/66Jk5FC.png'); 
  width: 500px;
  height: 20px;
  margin-top: 280px;
  margin-left: -26px;
  font-family: Georgia; 
  font-size: 11px; 
  text-transform: uppercase; 
  line-height: 8px; 
  color: #3a434c; 
  letter-spacing: 17px; 
  padding-top: 0.5px; 
  position: relative; 
  padding-bottom: 0.5px; 
  text-shadow: 1px 1px 0px #000;}

/* --------------- STYLE SCRITTE --------------- */

f {font-family: georgia; font-size: 9px; color: #3a434c; text-transform: uppercase; letter-spacing: 2px; text-shadow: 2px 1px 1px #000;}
n { font-family: georgia; font-size: 9px; line-height: 7px; color: #626262; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 1px 1px #000000;}
m {font-family: georgia; font-size: 7.8px; color: #79838c; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px 1px #000000;}
l {font-family: georgia; font-size: 9px; line-height: 7px; color: #4c524f; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 1px 1px #000000;}
h {color: #888888; font-family: georgia; line-height: 7px; font-size: 10px; font-style: italic; letter-spacing: 1px; text-shadow: 1px 1px 1px 1px #000000; opacity: 0.5;}
u {font-family: verdana; font-size: 10px; color: #393939; letter-spacing: 0px; border-bottom: 1px dotted #363636; text-decoration: none; text-transform: lowercase;}
</style>


<center><div class="base">

<div class="img"><div class="quote"><center>Bonnie May Crawford<br><f>• MALEDETTA • ARMAIOLO • ING. INFORMATICO • MECCANICO •</f></center></div><div class="box"><div class="testo"><n>BONES</n> è una donna recisa da tutte le briglie del superfluo, spolpata fino alle <m>OSSA</m> con cui si presenta. Ne ha anche nel <h>nido del palmo destro</h>, ma non è l'unico <u>tatuaggio</u> a marchiarle la pelle. È solo il prodotto di una nuova vita che l'ha ingoiata a metà settembre del duemilaventidue.<br><br>

Di quella precedente non si sa praticamente nulla. Sopravvivono però ancora oggi le radici forti del <l>CANADA</l> in una <u>voce</u> che contrasta una natura <h>ruvida</h> e <m>RANDAGIA</m>, ma è uno strumento che dosa con cura. Altrettanta se ne trova in una <n>MENTE AFFILATA</n> che ricorda - quasi - tutto. Partita con una brutta <u>cicatrice</u>, Bower ha presto contribuito a non lasciarla da sola. <m>UMANA</m>, ma avvolta dalla magia di alcuni <u>artefatti</u> nascosti tra carne e oro bastardo - la armano. La seguono ovunque, come le sigarette di Sundance e uno strano <u>fischietto</u> che la riporta con la memoria ad un posto che non le appartiene più - <h>forse non le è mai appartenuto davvero</h>.<br><br>

Adesso rivendica <h>angoli dimenticati da Dio</h> e dall'incuria dell'uomo, nemmeno fossero tesori. E per ogni <u>nave</u> di <l>BARREN BEACH</l> che s'è presa, come la peggiore delle sirene, all'interno ci ha lasciato una qualche storia da restituire <n>AL MARE</n>. Lì dove barattare tutto le ha garantito di sfiorare quasi l'età di Cristo, ma non senza ciò che sua madre definirebbe come "una dose sfacciata di <l>BUONA SORTE</l>".</div></div><div class="box1"><div class="testo1">"<n>God, there are guns growing out of our bones</n>"<br><br>

claims: <l>TANE</l>; <m>DEFENDER</m>; <n>WHYDAH WRECK</n>;</div></div>
<div class="Gif"><img src="https://bonbones.altervista.org/bonnie/scheda/10/ezgif-2-fee02a4491.gif" style="margin-left: 4px; height:40px; border: 3px solid #0b0c0d;"><img src="https://bonbones.altervista.org/bonnie/scheda/10/bonniearmiDEF.gif" style="margin-left: 4px; height:40px; border: 3px solid #0b0c0d;"><img src="https://bonbones.altervista.org/bonnie/scheda/10/unodiuno.gif" style="margin-left: 4px; height:40px; border: 3px solid #0b0c0d;"></div>
</div></div></center><br><br><br><br>