Soft Grunge Barbed Wire Heart

Tags: goth, scene, emo, hardcore, soft grunge, tumblr, gothic

Description:

♥ Copy and paste the code into the "About Me" section within "Edit Your Profile" ♥

Feel free to change the colour theme to suit yourself! Search for 'orange' within the code to change on individual colours. See colour codes here !

Let me know if you enjoy this theme. Feedback will help me to improve!

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by Courtney (https://spacehey.com/cowtny) -->

<style>
@import url(@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@200&display=swap');
p{    
    font-family: 'Hahmlet', cursive;
    font-size:120%;
    color: gray;
}
h1,h2.h3,h4,h5{
    font-family: 'Hahmlet', serif;
    font-size:120%;
    color: black;
    text-shadow: 1px 1px orange;
}
a:hover{
    color:orange;
}
:root {
    --logo-blue: gray ;
    --darker-blue: gray ;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: gray ;
    --light-orange: gray ;
    --even-lighter-orange: gray;
    --green: gray; 
}

.profile {
  background:url(https://i.pinimg.com/originals/b0/51/d3/b051d33bd80469c2d6b84aaa9c178b5a.jpg) repeat center
fixed;
opacity: 1;
-webkit-background-size:cover;
-moz-background-size:cover;
-moz-background-size:cover;
background-size: 800px;
}

.general-about .profile-pic img{
border-radius: 50px;
animation: float 3s ease-in-out infinite;
}

.profile .blurbs .heading,
.profile .friends .heading {
background-color: rgb(69,69,69,1); 
color: rgb(0,0,0);
border: 1px solid #111;
}

.profile .contact, .profile .table-section, 
.profile .url-info {
  border: 1px solid #111;

}
.profile .contact .heading,
.profile .table-section .heading,
.home-actions .heading {
    background-color: rgb(69,69,69,1);
    color:rgb(71,0,0);
}

.profile .table-section .details-table td {
    background-color: rgb(222,222,222);
    color:rgb(186,60,60);
}

.profile .friends .comments-table td {
  background-color: rgb(222,222,222);
}

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:50px;opacity:.8;transition:all .3s;height:auto;margin:0;}
.profile .left .table-section:last-child .details-table tbody tr td p a:hover img{opacity:1;transform:scale(1.5);z-index:10;}

</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 34 comments ( View all | Add Comment )

Elii	1729380046 using <3 Report Comment
robin!!	1719360426 using ^_^ Report Comment
WhiteMask	1719299017 sooo prettyyyy Report Comment
~🥀కᧁᡶꪊꪹ᭢🥀~	1716668865 Using :> Report Comment
gabil	1715589644 Using thx!! Report Comment
dina :3	1713843609 usinggg Report Comment
ninabeannn	1701986172 using!! ty <33 Report Comment
The Matriarch	1699851310 is there a way for me to just take the heart and apply it to the layout I currently have??? I love the heart but I love my layout too much to change it Report Comment
M0T0ROLA	1699750532 Using!!!!!! Report Comment
taylor	1692510037 using!! thank u smm Report Comment
𝘐𝘳𝘦𝘺<3	1692225135 AHHHH I love this so much tyyyyy<3 Report Comment
𝒜𝓃𝑔𝑒𝓁･ﾟ✧*	1691890850 This theme is so cuuuute! using 4ever!! <3 Report Comment
(⁠◠⁠‿⁠・⁠)⁠—⁠☆Vic	1691265732 Using! Report Comment
ghosty🫖	1689046575 Using this is adorable!! Report Comment
b4shfulb0nez	1682635573 im new here and this is so cute!!!! cant wait to use it :3 Report Comment
b4shfulb0nez	1682635572 im new here and this is so cute!!!! cant wait to use it :3 Report Comment
Sal^^	1679500431 So cute!! Might use Report Comment
´ ཀ`) 　︵ ͜‎ ‎ ‎ ♱	1674479472 might use Report Comment
vxmp.agne	1663480087 Might use! Report Comment
xSeVyNx <3	1656875682 I love this layout. I'm definitely using it! Report Comment