bayonetta layout

Tags: bayonetta, nintendo, purple

Description:

comes with a loading screen and a fun time ;)

Preview:

click on the image for a larger preview

Code:

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

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://media.discordapp.net/attachments/837086824018214933/1146192653260701757/IMG_3982.jpg?width=752&height=602);

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

main:before {
    width: auto;
    margin-bottom: 5px;
    border: 1px solid black;
    height: 120px;
    display: block;
    content: "";
    background-image: url(https://media.discordapp.net/attachments/837086824018214933/1147755551107850431/IMG_4141.jpg?width=1432&height=351);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(http://getwallpapers.com/wallpaper/full/d/9/0/153208.jpg);
    color: white;
}

table.comments-table td {
    color: rgb(97, 0, 171);
}

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

<style>

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

.profile-pic:after { background-image: URL("https://assets1.ignimgs.com/2014/11/15/005bayonettaglassesgif-e14cf5.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 */ 


body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://pa1.narvii.com/6398/d089fac89d728ae17d5e609b48e4ec6c4a17b63a_hq.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;
}

<style>



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

        

border: 7px solid black !important;   

        

    }

</style>

<img src="https://i.pinimg.com/originals/46/64/77/466477ecb290f3bc465dc7cc349b6005.gif"/>

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.