mandela catalogue layout

Tags: mandela catalogue, dark, horror, analog horror

Description:

yay!!!!
update 1/14/2024: tysm for using this layout!!! it means so much and i love seeing all of ur profiles with it! tbh i never expected ppl to actually use it XD but tysm!!!

Preview:

click on the image for a larger preview

Code:

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

<style>
}
nav .info {
background: none;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


</style>

<style>

body{

background:url("https://preview.redd.it/so-remember-gabriel-from-mandela-catalogue-yknow-the-so-v0-e4k94q4peita1.png?width=640&crop=smart&auto=webp&s=3e2acf64b19e8af2c225d41cbdf340c94e11d4cd") no-repeat fixed; background-size: cover;}

</style>

<style>

main {

    border-radius: 5px;

    border: 10px solid transparent;

    padding: 15px;

    color: black;

    background: url('...') no-repeat fixed; background-size: cover;

    background-color: transparent; }

</style>

<style>
	main {

        color: #c4c4c4;

<style></style>

<style>

	.profile .contact,

    .profile .url-info,

    .profile .table-section,

    .home-actions {

        border: none;

    }

</style>

<style>/* Headers Colors */

    .heading {

        padding: 5px 0 !important;

        margin-top: 15px;

        margin-bottom: 10px;

        background-color: #000000 !important;

        color: #ffffff !important;

        text-align: center;

        border-bottom: 2px solid white;

border-radius: 10px 10px 10px 10px;

    }


	.profile .blurbs .section h4{color: #ffffff; font-weight: bolder;} /* CHANGE FONT COLOR OF 'ABOUT ME', 'WHO I'D LIKE TO MEET', & PROFILE INTERESTS HEADERS, SUCH AS 'GENERAL', 'MUSIC', ETC... */

</style>

<style>/* Interests Table Info */

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: #454545 !important;}

.details-table td:first-child {color: #000000 !important;}

</style>

<style>

    .blog-preview p a{color: #cccccc !important;}


    .blog-preview p a:hover,

    .blog-preview p a:active,

    .blog-preview p a:focus{

<style></style>

<style>   

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

        transform: scale(1.1);

        transition: 0.5s ease;

    }

    

    .profile .friends .person img:not(.icon) {transition: 0.5s ease}

</style>

<style>/* Profile Design Info */

    :root {

        --logo-blue: #4f4f4f; 

        --darker-blue: #ffffff;

        --lighter-blue: #454545;

	}

<style></style>

<style>

    table.comments-table td {

        background-color: #000000 !important;

        border: none;

    }

<style></style>

<style>/* Profile Header/Banner */

	main:before { 

		width: 100%;

		height: 130px;

		display: block;

		content: "";

		background-image: url('https://static.wikia.nocookie.net/ficcion-sin-limites/images/b/b5/Mark_death.png/revision/latest/scale-to-width-down/250?cb=20230607024622&path-prefix=es');

		background-position: center center;

		background-size: cover;

</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/08u_4gjPGRgAAAAd/mandela-mandela-catalogue.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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.

Comments

Displaying 20 of 35 comments ( View all | Add Comment )

Buranya	1753288742 THATS SO COOL! Using)) Report Comment
Angie	1751324224 using ^^ Report Comment
ׁ݂ ꒰꒰ flan ୭ ˚. ᵎᵎ	1748311683 usandop!!1!!11! Report Comment
Eddy	1747789166 Usingg!!! Report Comment
bunny_mcbunn	1746720508 Usingg!!! Report Comment
HeavvenSays	1746529846 using Report Comment
OBSERVER	1745690085 will be used!! Report Comment
adammurray88	1745334853 using . Report Comment
‿‿ㅤ𓈒 Katsu ✿	1743355521 using tysm Report Comment
kaokron	1741943516 Using thx <3 Report Comment
Alex/Lex	1739638802 Usin'! Report Comment
freshflesh	1737904507 this is so cool? using!! :3 Report Comment
Circe	1731761621 Using!! Report Comment
SLE3PY / 4LT C3SAR	1726887418 YAAAAYAYAY I LO0VE THIS !! USING !!! Report Comment
Sundrop	1726589154 using Report Comment
M4rch_0nl1n3!	1723237521 nobody came for me USING!! Report Comment
Not_A_N0rmal_Guy	1713512343 using Report Comment
Césarzinho	1712394752 using this bruv Report Comment
Damien. 🎀	1709025216 using:3 Report Comment