JONNYBELLOMIO by @MILENUCCIA87 - Codewith.it

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

References

<td>Definisce una cella di una tabella HTML.
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto
minImposta il valore numerico o temporale minimo per un elemento input
<tbody>Definisce il contenuto principale di una tabella.

Users

Log in to search for users

Explore

Find inspiration

Riprova verifica di progr

Italiano-Cinema [Container]

Quando i bambini giocavano nei bos

JS Elementi del linguaggio es2

specialità scout2

UI/UX Dashboard

Comunicare sul Web [Template HTML]

icons - social bar

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: #000!important; width: 1px;}
::-webkit-scrollbar-thumb {background: #1a070c!important; opacity: 0.1;}


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

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

     width: 600px;
     height: 750px;
     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: 490px; 
     height: 490px;
     left: 4px;
     margin-top: -20px;
     background-image: url('https://i.imgur.com/et5BzD1.png');
     background-position: 0px 0px;
     background-repeat: no-repeat;
     border: 2px solid #0b0c0d;
     box-shadow: 0px 0px 10px #0b0c0d;
}

.img:hover {

     background-image: url('https://i.imgur.com/PZaTGzJ.png'); height: 250px;
}

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

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

.box {  position: relative;  z-index: 1; float: left; overflow:  hidden;
  width: 475px;
  height: 320px;
  margin-left:-2px; 
  margin-top: 5px;  
  border-left: 2px solid #3a434c; 
  border-right: 1px dashed #4c524f; 
  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: 468px;
  height: 310px;
  padding: 5px;
  background-color: #111; 
  text-align: justify; 
  border-right: 1px solid #79838c;
  border-left: 1px dotted #79838c; 
  color: #3d3d3d; 
  font-family: verdana; 
  font-size: 10px; 
  line-height:11px; 
  letter-spacing: 0px; 
  font-weight: normal!important;
}

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

.quote1 {font-family: Trajan; 
  font-size: 40px; 
  text-transform: uppercase; 
  color: #222121; 
  margin-top: -35px; 
  margin-left: -70px; 
  letter-spacing: 30px; 
  text-shadow: 2px 2px 0px #000; 
  text-align: center;}

/* --------------- 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;}
o {font-family: verdana; font-size: 10px; color: #9c6c43; cursor: default; font-weight: normal; text-transform: lowercase;}
g {font-size: 10px!important; letter-spacing: 1px; text-transform: lowercase; color: #433125;}
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="quote"><center>some kind of beast</center></div><div class="quote1"><center>[WEREWOLF]</center></div><br>
<div class="img"><div class="box"><div class="testo"><f>Jonathan Garrett Edwards</f> » <n>Guipago</n>. Classe '85. Aprile il 23. Tatuaggi&Cicatrici || <m>taurus sun and capricorn moon</m> || <h>There's a violence living inside me</h> || Non è mai stato un santo e l'essere diventato lupo l'ha reso ancora più <l>territoriale</l> rispetto a prima. <u>Per il sentore di appartenere a qualcosa</u>. <o>Viscerale</o>. <l>Ferale</l>. <o>Selvatico</o>. <l>Forastico</l>. Stitico a livello di emozioni, più incline alla violenza che alla discussione. Il più delle volte ringhia. Stesse orme del padre, a compensazione di <u>un temperamento tutt'altro che pacifico</u>. || <h>(blood, beatings and clandestine fights)</h> || Stesso addestramento. <m>Stessa testardaggine</m>. Stessa necessità di stare a contatto con una natura che sta imparando a conoscere bene <g>solamente ora</g>. || <f>I'm not a Saint</f>. || (<f>forma ferale</f>) - 210cm x 270kg dal manto <n>rossiccio e fulvo</n> disseminato di sfumature nocciola. <m>Occhi dorati</m> screziati di rosso.<br><br><center><img style="height: 80px; opacity: 2.0; border: 1px solid #9c6c43;" src="https://64.media.tumblr.com/2b24d0a430730b8b66a8e78a7cf7c4b9/507e4b4a58039ef7-a3/s250x400/92f414c708dd1d6aea9634a9e28c3385b680483b.gif"> <img style="height: 80px; opacity: 0.9; border: 1px solid #3e506b;" src="https://64.media.tumblr.com/31797a3508a596b1f88c0f50d13c4d8c/tumblr_mhbfdiWLAg1rs9gsro5_r1_250.gif"><span style="color: #3a434c;"> <img style="height: 80px; opacity: 2.0; border: 1px solid #9c6c43;" src="https://64.media.tumblr.com/23b8f144abb0440c42e049efe324ee60/507e4b4a58039ef7-ae/s250x400/98add12cab242949eabaac8da34fb84e50c3b03a.gif"> 
  </span></center><br><center>•• <f>clan</f> ••<br> <n>Deva</n> • <h>Johan</h> • <g>Faye</g> • <g>Claire</g> • <g>Sierra</g><br><m>Bones</m> • <m>Keifer</m> • <m>Dylan</m><br>Talya; Selina; Samira; Eva;</center></div></div></div></div></center><br><br><br><br>