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

sam	1771685490 using :3 Report Comment
nepeta	1770813198 Using !! Report Comment
SalisoKapec	1767720437 using!! Report Comment
Claire	1764841072 using Report Comment
Bendover	1764386963 using Report 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
Yay4ew	1709360666 using Report Comment
Web	1708562852 LOVE SPREE!!!! WOOOO!!! Also great art :3 Report Comment Hell yeah !!! And thank you! <33 by Novastronomy; 1708566815; Report