Spree (UP AND WORKING)

Tags: spree, kurt kunkle, purple, music, cursor, layout, gif, cool, dark, neon

Description:

Spree themed Layout!! I'm so happy how this turned out! Feel free to use!! Don't remove credit, I used my own art on this, the two Kurt profile buddies are my fanart

Preview:

click on the image for a larger preview

Code:

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

<style>

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: 15px;
    scrollbar-color: #4B0082 #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #6936e0;
    border-radius: 6px;
    border: 0px none #4B0082;
  }

/* customizable snowflake styling */
.snowflake {
  color: #7b30fc;
  font-size: 1.5em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 10px #dac8fa;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">˚ʚ♡ɞ˚</div><div class="snowflake">˗ˏˋ ★ ˎˊ˗</div><div class="snowflake">‪‪♡‬</div><div class="snowflake">⋆˙⟡</div><div class="snowflake">˚ʚ♡ɞ˚</div><div class="snowflake">˗ˏˋ ★ ˎˊ˗</div><div class="snowflake">‪‪♡‬‬</div><div class="snowflake">⋆˙⟡</div><div class="snowflake">˚ʚ♡ɞ˚</div><div class="snowflake">˗ˏˋ ★ ˎˊ˗</div><div class="snowflake">‪‪♡‬‬</div><div class="snowflake">⋆˙⟡</div></div>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.logo {
content:url("https://file.garden/Z_dK2Kw1o1qanI_a/Spree/spacehey_logo_white.png")

}

.general-about .profile-pic img,
.comments-table,
.profile-info{
border: 2px double #aa98d6;
box-shadow: 0 0 20px 5px #5d00ff;

}

.profile-pic img {
  border-radius: 60px 60px 0px 60px;
  background: none;
  padding: 1px; 
  width: auto;
  height: auto; 
}

.profile-info {
    border: 2px double #aa98d6;
box-shadow: 0 0 20px 5px #5d00ff;
background: url(https://files.catbox.moe/b69144.png);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 5px;
    margin-bottom: 0px;
background-position-y: 0px;
background-position-x: -50px;

}

.contact .inner a img {font-size: 0;}
.contact .inner a img:before {font-size: 1em; display: block}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {content: "" url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/water%20bottle2.png);}

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "Enter txt here⋆˙⟡";
  --topic2: "Enter txt here⋆˙⟡";
  --topic3: "Enter txt here⋆˙⟡";
  --topic4: "Enter txt here⋆˙⟡";
  --topic5: "Enter tetx here⋆˙⟡";
  --topic6: "Enter text here⋆˙⟡";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:#09bcdb !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

body{
background-image: url(https://file.garden/Z_dK2Kw1o1qanI_a/Spree/wp4779307.png);
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: none;
}

nav .top {
    background: none;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border: 2px double #aa98d6;
    box-shadow: 0 0 10px #5d00ff;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
}

nav .links{
    background: none;
    border: 2px double #aa98d6;
    box-shadow: 0 0 10px #5d00ff;
    border-radius: 8px;
    margin-bottom: black;
    text-align: center;

}

nav .links a {
    text-decoration: none;
    color: #c5b4fa;
    text-shadow: 0 0 5px black;
    font-size: max(0.98em, 12px);
    background: none;
    border-radius: 8px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
}

nav .links a:hover{
    color: #9f85ed;

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ˗ˏˋ ★ ˎˊ˗ ";
    color: #7919ff;
}

main{
background-color: #000000;
border: 2px double #aa98d6;
  border-radius: 15px;
  box-shadow: 0 0 50px #5d00ff;
}


.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
border: 2px double #aa98d6!important;
box-shadow: 0 0 15px #5d00ff;
}

.profile .url-info p:last-child:before {
content: ""; 
display: block; background-image: url("https://file.garden/Z_dK2Kw1o1qanI_a/Spree/ezgif.com-resize%201.gif");  width: auto; height: 75px; background-position: bottom center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;
}

.profile .url-info p:last-child:after {
content: ""; display: block; background-image: url("https://file.garden/Z_dK2Kw1o1qanI_a/Spree/ezgif.com-resize.gif");  width: auto; height: 75px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;
}

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: ""; display: block; background-image: url("https://file.garden/Z_dK2Kw1o1qanI_a/Spree/Untitled_Project_V1-ezgif.com-resize.gif");  width: auto; height: 75px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .blurbs p {text-align: center;
}

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: ""; display: block; background-image: url("https://file.garden/Z_dK2Kw1o1qanI_a/Spree/ezgif.com-coalesce%204.gif");  width: auto; height: 75px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .blurbs p {text-align: center;
}

span[itemprop='name'] {
color: #5921db;
font-size: 14pt;
font-weight: normal;
font-variant: small-caps;
font-family: Sans-serif;
text-shadow: 0 0 30px #5d00ff;
}

h4 {
color: #09bcdb;
font-size: 12pt;
font-weight: bold;
font-family: Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #09bcdb!important;
font-size: 12pt;
font-weight: bold;
font-family: Sans-Serif;
}

a, .count {
color: #6b3df5;
font-size: 8pt;
font-family: Sans-Serif;
}

a:hover {
color: #a385ff;
font-size: 8pt;
font-family: Sans-Serif;
}

body,main {
color: #09bcdb;
font-size: 8pt;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}

footer {
    background-color: black;
    border: 1px #5d00ff;
    color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px #5d00ff;
}

</style>

<style>
.general-about .online {
  display: flex;
  align-items: center;
  color: #50a2fa;
}

.general-about .online::before {
  content: "";
  background: url("https://file.garden/Z_dK2Kw1o1qanI_a/Spree/ilgqWuX.png") center center no-repeat;
  background-size: contain;
  height: 2rem;
  width: 2rem;
  margin-right: 5px;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-duration: 2s;
}

.general-about .online img {
  display: none;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-2/mec106.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/01/mec106.html" target="_blank" title="Gun"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gun" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/v7aLqRYg5-8?si=3MAk_wLwwKR7XLoi&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>

<div style="float:  ; max-height: 200px; position: fixed; right: -5px; bottom: 9px; z-index: 100;">
<img src="https://file.garden/Z_dK2Kw1o1qanI_a/Spree/gummy.png" width="200" height="200"/></div>

<div style="float:  ; max-height: 200px; position: fixed; left: -5px; bottom: 9px; z-index: 100;">
<img src="https://file.garden/Z_dK2Kw1o1qanI_a/Spree/death.png" width="200" height="200"/></div>


<p><img src="https://file.garden/Z_dK2Kw1o1qanI_a/Spree/tumblr_a6c9d3351aa9da9a620ec4da8893d983_d5a33e0f_1280.png"/>
<br/></p><center><h1>Insert about me here !</h1></center>
<br/><img src="https://file.garden/Z_dK2Kw1o1qanI_a/Spree/tumblr_a6c9d3351aa9da9a620ec4da8893d983_d5a33e0f_1280.png"/>

<br/><small>Credit: Novastronomy</small>

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

s4mmy the jam¡s0n! (actual fergus mackinnon jr.)	1745796370 not using bc i have no idea who are these but it's been on my favs for a big while now (will still be obvs lol) because this looks honestly so beautiful and well-done, both the fanarts and the layout itself!!! great job!!!!!<3 Report Comment
↜FLOORDANᠻ∂	1722032107 The reason the images stopped working is because you used discord as the link… As someone that used to use discord for image links i know that they end up expiring. I’d just use img.bb ️️️ ALSO PLEASEE FIX THIS I LOVE SPREE I LOVE KURT I WOULD DIE FOR THIS LAYOUT Report Comment If you know how to fix it just do it yourself. by John Horne; 1728345915; Report Well i don’t have the images so i can’t create a new link for them by ↜FLOORDANᠻ∂; 1733614885; Report So sorry its been months but it's fixed now! by Novastronomy; 1744262330; Report yayyy by ↜FLOORDANᠻ∂; 1750012434; Report
Danny_star_★!	1721257705 usando Report Comment
Yay4ew	1709360666 using Report Comment
Cupid	1709102975 This is beautiful. Totally using :3 And hello fellow Kurt fanatic! Report Comment
Web	1708562852 LOVE SPREE!!!! WOOOO!!! Also great art :3 Report Comment Hell yeah !!! And thank you! <33 by Novastronomy; 1708566815; Report