final fantasy vii / vincent valentine

Tags: ff7, ffvi, final fantasy, final fantasy 7, final fantasy vii, vincent valentine

Description:

vincent valentine from final fantasy vii, includes transparent blood splatter and floating profile

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ally (https://layouts.spacehey.com/layout?id=102808) -->

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://media.discordapp.net/attachments/740060509524590604/1223689934448365568/IMG_9910.jpg?ex=661ac50f&is=6608500f&hm=5b36155fedf95f40f599beeb5872a0443a14b58956ad678edad46527d81b1803&=&format=webp&width=475&height=593);

}
.profile {
   background-color: rgb(120,0,0); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(140,0,0);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(140,0,0);
}

main:before {
    width: auto;
    margin-bottom: 5px;
    border: 1px solid black;
    height: 130px;
    display: block;
    content: "";
    background-image: url(https://media.discordapp.net/attachments/740060509524590604/1223694959526285403/IMG_9912.jpg?ex=661ac9bd&is=660854bd&hm=f05f77cabc04cd6adaa96f7c6ed049cc17c994c0475a8c8edd1e027971857b21&=&format=webp&width=1378&height=552);
    background-position: center center;
    background-size: cover;
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://c.tenor.com/OVDqlsTSrxgAAAAC/vincent-valentine.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
footer {
    border-radius: 15px;
    background-image: url(https://media.discordapp.net/attachments/740060509524590604/1223694959526285403/IMG_9912.jpg?ex=661ac9bd&is=660854bd&hm=f05f77cabc04cd6adaa96f7c6ed049cc17c994c0475a8c8edd1e027971857b21&=&format=webp&width=1378&height=552);
    color: white;
}

table.comments-table td {
    color: rgb(insert rgb);
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: dark red;
    --green: pink;
}
</style>

<style>

.profile-pic > img { display:none; }

.profile-pic:after { background-image: URL("http://fightersgeneration.com/nf7/char/vincent-dirge-of-cereberus-animation.gif"); display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 

</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 3px solid black !important;   

        

    }

</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 3px solid black !important;   

        

    }

</style>

<!-- (c) Layout created by  (https://layouts.spacehey.com/layout?id=90987) -->

<style>
.online{content:url(https://i.ibb.co/n84Lsc3/onnn.gif) }
    </style>


<img src="https://media.giphy.com/media/V642H9kKlGg00/giphy.gif"/>

<style>
.online{content:url(https://i.ibb.co/n84Lsc3/onnn.gif) }
    </style>

<style>
body:after {
  background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f19dc2f7-eebb-4bb0-9e32-f77d0b9301a1/dbfprzm-93e0b97e-a3db-42f5-8611-929e40092df7.png/v1/fill/w_960,h_720,strp/blood_splatter__transparent__by_pendulumwing_dbfprzm-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzIwIiwicGF0aCI6IlwvZlwvZjE5ZGMyZjctZWViYi00YmIwLTllMzItZjc3ZDBiOTMwMWExXC9kYmZwcnptLTkzZTBiOTdlLWEzZGItNDJmNS04NjExLTkyOWU0MDA5MmRmNy5wbmciLCJ3aWR0aCI6Ijw9OTYwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.46ZmWyT7jNi_mDoXZyCP4KfyUClxsoqFFAliHwBubfg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.3;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}

html:after {
  background-image: url(http://i.imgur.com/rcaf5Tj.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.5;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
nav .links a:hover{
    color: darkred;
  animation: fadeIn .5s;
  text-shadow: 0px 0px 5px white;
}
nav .links a{
    text-shadow: 0px 0px 0px ;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.container{
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.