post.html

[dohtml]<style>
#Sophie .madz-gabs{

--imagem1: url('https://i.pinimg.com/originals/be/40/e9/be40e9d5d6797eab9d3433b21d6fdb46.gif'); 

--imagem2: url('https://64.media.tumblr.com/efab99afacbb4474c74540c05c8a2e0c/tumblr_inline_pr2yc8E3ZV1rjxgbh_400.gifv');

--fundo: url('https://getwallpapers.com/wallpaper/full/4/0/9/1432416-new-black-and-white-wolf-wallpaper-2756x2067-for-windows-10.jpg');
}

#Danielle .madz-gabs{--fundo: url('https://i.imgur.com/GHDIQoa.jpeg');

--imagem1: url('https://64.media.tumblr.com/e5a2bff71d25f34abc0451f3898fa1c5/tumblr_inline_oxs51qzAN41qlt39u_250.gifv')!important; 

--imagem2: url('https://64.media.tumblr.com/1ce4781d0e91ab0ae43406c9e687e8fc/tumblr_inline_oxs5goBIBt1qlt39u_250.gifv')!important;}

#Astra .madz-gabs{
--fundo: url('https://i.imgur.com/4UooXVn.jpeg'); 

--imagem1: url('https://64.media.tumblr.com/570f511848e43cb6df34b200dac89d6e/b8d82bf24882cb64-38/s400x600/6fd8c959634bc2bf79a4009a1abdf60d78fc937c.gifv');

--imagem2: url('https://64.media.tumblr.com/5fd34ccda2da493e156f8de4d8efec88/7d114fe7f1de07d8-5c/s1280x1920/235a1915d23097005a4110063f2dd36483df90eb.gif');
}

#Alexia .madz-gabs{--fundo: url('https://i.imgur.com/4UooXVn.jpeg'); 
--imagem1: url('https://i.pinimg.com/originals/90/b9/08/90b9089205db932b1e376fb127daa4e9.gif');
--imagem2: url('https://i.pinimg.com/originals/ea/dc/7e/eadc7e6ece163ea1c2a69a86670459ec.gif');
}

#Lucca .madz-gabs{--imagem1: url('https://64.media.tumblr.com/1671ff84844ea1a9689842ccefd26f32/tumblr_ovup6bII5u1uygbyko1_500.gif')!important;

--imagem2: url('https://64.media.tumblr.com/311464ce6cbc523bbb2fe66fb3b02122/422be370a265ab80-7d/s400x600/550d8ef0a540f5cc6430a14858b2785771d6bd5f.gifv')!important;
}

#Ondine .madz-gabs{--imagem1: url('https://64.media.tumblr.com/b2fdb9845adbd0b040873eaff952213a/tumblr_inline_ow8i1dw8Zh1qlt39u_250.gifv');
--imagem2: url('https://64.media.tumblr.com/cabe7176225e8a8ef22395e49d2d88b4/4a84009a2546246f-2d/s400x600/2a48066a41cdaa6f27a93701fdc8bb04cd678ec1.gif')!important;

 --fundo: url('https://i.imgur.com/uqVyX05.jpeg');
}

#Kassian .madz-gabs{--imagem1: url('https://64.media.tumblr.com/e411385697e9158f54d47c3e1e337aef/dd28a6aa20939709-7f/s540x810/bcba228ef5b5814b6d331420573be0b935d6f8ec.gif');

--imagem2: url('https://i.pinimg.com/originals/48/c9/88/48c988c1701d9db74daf7601a5b4c0a1.gif');

 }

#Hyo-Jin .madz-gabs{
--imagem1: url('https://64.media.tumblr.com/2915ee3b3b44582709035bdf5e22faf7/df86bcedd08e0801-e2/s540x810/dd1dd7930df38ec1179dfc97af24da1ee9585cc0.gifv')!important;

--imagem2: url('https://64.media.tumblr.com/a5d5b9664ecdd158342115b54d9692ba/df86bcedd08e0801-02/s540x810/9fec20f25b5c60ebb816424dec4928d506176531.gifv')!important;}

#Genevieve .madz-gabs{--imagem1: url('https://64.media.tumblr.com/9418869c5b327a1421e366515ee70ff6/tumblr_inline_nlw7teoeK31rifr4k.gif'); 

--imagem2: url('https://64.media.tumblr.com/23022ac256979978c350d2c45d3e1594/tumblr_n22kzc4IqX1s5t7rno6_r1_250.gif');}

#Sunwoo .madz-gabs{--imagem1: url('https://64.media.tumblr.com/2d3f5a7c0f63b725deb026533915455b/4cf6468ab6840b2a-7e/s400x600/2c4ff5669effca149fd01ebe0406ad1c63539937.gifv'); 

--imagem2: url('https://64.media.tumblr.com/25b6de5e1bba3e096ce36ac55b245889/4cf6468ab6840b2a-93/s400x600/232eb61c72c381c63bc13546ab5ff3809d2efd43.gifv');}


</style>

<link rel="stylesheet" href="https://gabrielschiavis.github.io/madinho.css">

<div id="Hyo-Jin"><div id="ciborgue">
<div class="madz-gabs"><div class="madz-head"><h1><ig></ig> Pink <b>Venom</b>   </h1></div><div class="container-madz"><div class="madz-imagem"><div class="data-madz"> atemporal</div></div><div class="madz-imagem2"><div class="data-madz">[user=84,14]@Mi-Hwa Kang[/user]</div></div><div class="madz-imagem3"><div class="data-madz">por aí</div></div><div class="madz-texto">
 

O movimento da Unnie teria dado certo contra qualquer pessoa humana ou até mesmo outro tipo de sobrenatural que usasse armas brancas, mas meu sistema captou exatamente o que ela estava fazendo porque ambos os meus olhos eram robóticos. Ela não sabia muita coisa sobre as modificações que tenho no meu corpo, então não me dei o trabalho de parar tudo e explicar que meu sistema continuaria identificando o ataque dela. 

Bloqueei a katana dela e dei dois passos para trás, recuando e então, dessa vez, ao invés de esperar ela atacar, eu ataquei. Girei os calcanhares, acompanhando os movimentos dela, espelhando e colidindo a katana de madeira contra a dela, e empurrando-a para trás. Recuei outra vez, e ergui uma mão, chamando-a com o dedo para atacar. 



</div></div>
</div></div></div>[/dohtml]

style.css

@import url ('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Diphylleia&family=Noto+Sans+TC:[email protected]&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:[email protected]&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800&display=swap');

@import url('https://gabrielschiavis.github.io/copy/import.css');
.madz-gabs a{color: #fff; font-weight: bold;}
.madz-gabs {
background: var(--fundo, url('https://as1.ftcdn.net/v2/jpg/05/71/87/26/1000_F_571872679_KIfTIDw0SstlGUFEZU35SGK2ZvG5Y7W1.jpg')), linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(24, 24, 24, 1) 62%, rgba(30, 30, 30, 1) 60%, rgba(55, 55, 55, 1) 70%, rgba(65, 65, 65, 1) 70%, rgba(75, 75, 75, 1) 75%, rgba(85, 85, 85, 1) 80%, rgba(95, 95, 95, 1) 90%, rgba(105, 105, 105, 0.2) 100%), var(--cor-grupo);
background-blend-mode: multiply;
background-size: cover; 
background-attachment: fixed;
background-position-x: 50%;
font-size: 12px; 
width: 550px;
margin: auto auto; 
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.8);

.madz-head h1{
font-family: 'Roboto Slab';
font-size: 2em;
text-align: center;
padding: 20px 0px 20px 0px; 
color: var(--cor-grupo-rgba2); /* NÃO ESQUEÇA DE MUDAR */
font-weight: 800;
text-transform: uppercase; 
}

.madz-head h1 b {
color: var(--cor-grupo-rgba3); /* NÃO ESQUEÇA DE MUDAR */
}
.madz-head {
background: rgba(0 0 0, 0.9);
display: flex;
position: relative; 
font-size: 1em;
height: 100px;
justify-content: center; }


.madz-imagem, .madz-imagem2, .madz-imagem3 { 
display: flex;
justify-content: center; 
align-items: center; 
border-radius: 100%;
width: 60px; height: 60px;
border: 2px solid var(--cor-grupo-rgba);
margin:20px 20px;

}

.madz-imagem { 
position: absolute;
left: -7px;
top: 30px;
background: var(--imagem1, var(--imagem2, var(--imagem3))), rgba(0, 0, 0, 0.2);
background-size: cover; 
background-blend-mode: overlay;
         
}

.madz-imagem2 {
border: 1px solid rgba(255, 255, 255, 1);
position: absolute;
left: -7px;
top: 120px;
background: var(--imagem2, var(--imagem1, var(--imagem3))), rgba(0, 0, 0, 0.2);
background-size: cover; 
background-blend-mode: overlay;

}

.madz-imagem3 {
position: absolute; 
left: -7px;
top: 210px;
background: var(--imagem3, var(--imagem1, var(--imagem2))), rgba(0, 0, 0, 0.2);
background-size: cover; 
background-blend-mode: overlay;
}

.madz-texto { 
         min-height: 320px; 
         font-size: 1.1em;
         color: #fff; 
         margin-top: 10px; margin-bottom: 10px; margin-left: 60px; margin-right: 20px; 
         padding: 0 35px;
         text-align: justify; 
         font-family: Merriweather;
         white-space: pre-line; 
         line-height: 25px; 
         border-top: 1px dashed var(--cor-grupo-rgba);
     
}

.data-madz{
transition: 0.5s;
visibility: hidden;
position: absolute; 
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
width: 80px;
padding: 5px 0px;
min-height: 15px; 
background: var(--cor-grupo-rgba);
color: #e1e1e1;
font-family: Diphylleia;
font-size: 9px;
line-height: 10px;
text-align: center;}

.madz-imagem:hover .data-madz, .madz-imagem2:hover .data-madz, .madz-imagem3:hover .data-madz {visibility: visible;}


.container-madz {display: flex;
position: relative; }


.madz-texto b, .madz-texto i{color: var(--cor-grupo); font-size: 1.15em; }

#Eliot .madz-gabs {
--imagem1: url('https://i.imgur.com/w5BKLE8.jpeg'); 
--fundo: url('https://i.imgur.com/BVty3rH.png');}

working_post.bb

[dohtml]

<link rel="stylesheet" href="https://missabenathar.github.io/mad.css">

<div id="vampiro">

<div class="madz-gabs">
  <div class="madz-head">
    <h1><ig></ig>  Kit<b>Cat</b>  </h1>
   </div>

  

<div class="madz-texto">
 

Post aqui.

</div>
</div></div>[/dohtml]