ginger snaps

Tags: ginger snaps, movie, bloody, emo, red, music, werewolf, gif, d1g1tal

Description:

another ginger snaps layout comment if ur using

Preview:

click on the image for a larger preview

Code:

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

<style>

<link href="https://fonts.cdnfonts.com/css/copperplate" rel="stylesheet">
                
@font-face {
     font-family: 'Copperplate', sans-serif;
    font-weight: normal;
    font-style: normal;

}


:root {
	--pdg_nameSticker: url();
        --pdg_blurbSticker: url();
       
        --interestSticker: url();
	--commentsSticker: url();
	
}

.profile .left h1:before {
	background-image: var(--pdg_nameSticker);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(0deg) scale(1.7) translateX(-10rem);
	position: absolute; right: 1085px;
	z-index: 999999;
}
.profile .right .blurbs {
	position: relative;
}

.profile .right .blurbs:after {
	background-image: var(--pdg_blurbSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	height: 410px;
	width: 470px;
	content: " ";
	transform: rotate(5deg) scale(.75) translateY(0rem) translateX(23rem);
	position: relative;
	left: 10px;
	z-index: 1;

}
.profile .left .table-section:nth-last-child(2):before {
	background-image: var(--interestSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 200px;
	width: 250px;
	content: " ";
	transform: rotate(-15deg) scale(1.5) translateX(-120rem) translateY(-17rem);
	position: absolute;
	z-index: 1;

}
.profile .comments-table:after {
	background-image: var(--commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(5deg) scale(3) translateX(-7.5rem) translateY(15rem);
	position: absolute;
	bottom: 0;
	z-index: 1;
}

     nav .links:before {
        display: block;
        padding-left: 5px;
        padding-bottom: 1px;
        border-bottom-style: groove;
        background-image: url(), linear-gradient(to right, #FF0000, #FF0000);
        background-repeat: no-repeat;
        background-position: right;
        font-weight: 600; color: black;
        content: "out by sixteen or dead on the scene, but together forever";
    }
  
    nav .links {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        padding: 0 0 3px 0;
    }
    
    nav .links a{
        font-size: 15px;
        color: #000;
        padding: 1px;
        font-weight: 500;
    }


main:before {
	
max-width: 100%;
        max-height: 288px;
	display: block;
	content: "";
	background-image: url('https://i.gifer.com/4fhL.gif');     
	background-position: center center;
	background-size: 100%;
      

}


div.a {

  text-align: center;

}


body {
font-family: "Copperplate", sans-serif;
font-size: 100%;
background: url(https://c4.wallpaperflare.com/wallpaper/400/949/166/creature-fangs-kanji-machine-girl-wallpaper-preview.jpg);
background-color: #white;
}
.positioned {
        position: absolute;
        img src= "";
        top: 30px;
        left: 30px;
      }

#q, button {
color: linear-gradient#FF0000;
background-color: #FF0000;
border: 2px solid black;
font-family: inherit;
}
p, i, b, .count {
color: #FF0000 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #FF0000!important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #FF0000;
}
nav .top {
margin-top: 2px;
background: none;
background-color: #black;
border: 2px solid #FF0000;
border-bottom: none;
}
nav .links {
background-color: red;
border: 2px solid #FF0000;
}
main {
background: black;
color: #FF0000;
border-left: 2px solid #FF0000;
border-right: 2px solid #FF0000;
}

.profile .left h1:before {
	background-image: var();
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-1em);
	position: absolute;
	z-index: -1;
}
.heading, .url-info {
color: #FF0000!important;
background: none;
background-color: black !important;
border: 2px solid #FF0000 !important;
}
.inner {
color: #FF0000 !important;
border: 2px solid #FF0000;
border-top: none;
}
.profile-info {
border: 2px solid #FF0000;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid #FF0000;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #FF0000!important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid #0;
border-collapse: collapse;
}
td {
color: #FF0000 !important;
background: none;
background-color: black!important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
}
main:before {
width: auto;
margin-bottom: 0px;
border: none;
height: 350px;
display: block;
content: &lt;div class="a"&gt;i luv twilight";
color: white;
font-size: 500%
padding: 0px;
box-shadow: none;
background-color: #FF0000;
}

footer {
background: black;
border: 2px solid #FF0000;
}
footer p {
color #FF0000 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid #FF0000;
margin: 2px;
}
nav .info {
background: none;
}

</style>

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://37.media.tumblr.com/bb77802c10b9e12b84080bc88d8b6e82/tumblr_n91dl670mJ1rp0vkjo1_500.gif);
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 2s ease 2s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1xbcqJ0EAMxyGyffMzO8rL?utm_source=generator" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<div id="bloodydrip"></div>

<style>
#bloodydrip {
	background: url("https://gifdb.com/images/high/blood-drip-on-white-background-uzferz046cq2yc84.gif");
	background-position: center;
	background-repeat: repeat;
	width:600%;
	height: 500px;
	min-width:1920px;
	overflow:hidden;
	position:fixed;
	top: -10px;
	left:0px;
	z-index:100;
	pointer-events:none;
	opacity:1;
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Yl6W7Odc1rc//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

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 9 of 9 comments ( View all | Add Comment )

MAVRICKAL Σ(°ロ°)	1705595395 USING!!! Report Comment
v3niamiin6	1695486911 can i pls get a separate code with blood on top? Report Comment
grace	1694362972 с использованием Report Comment
aztromkz	1693103912 using :3 !! Report Comment
Nereida	1691202343 using!!!! :) Report Comment
jade!☆	1691195640 i’m gonna use!! Report Comment
sillyperson999	1691132587 hey question uh how do i add a background? Report Comment
Sidney	1690656334 Lo puedo usar? Report Comment
Sidney	1690656333 Lo puedo usar? Report Comment