here is a quote to give you hope! (i did check to see if the nasty stuff is still there and it unfortunately is..)

Tags:

Description:

whether you believe life sucks or not, i can promise you that no matter what, life always gets better. you'll always have times throughout your life where things won't be so great, but remember to keep going. keep going and live for the beautiful things in your life, the people, your surroundings... KEEP GOING, MOVE FORWARD. life is so incredibly beautiful when you just... live.

Preview:

click on the image for a larger preview

Code:

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

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

<style>
a:hover{
 cursor: url('https://ani.cursors-4u.net/games/gam-16/gam1537.cur'), auto !important;
}
* {
 cursor: url('https://ani.cursors-4u.net/games/gam-16/gam1537.cur'), auto;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
</style>
<style>
@media(max-width: 600px){ 

.container{
  width:100%!important;
}
</style>

<style>
html:before {
    animation: grain 8s steps(10) infinite;
    background-image: url(https://media.istockphoto.com/photos/closeup-led-screen-display-abstract-background-with-copy-space-picture-id1151479341?k=20&m=1151479341&s=612x612&w=0&h=YILfC1WZZyk_IJ-5pyUhwqJ9nqSprBcbVKYktGv3v9g=);
    content: "";
    height: 300%;
    left: -50%;
    opacity:.1;
    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%) }
}

:root{
  --headers: #80c71f;
  --text: #dadada; 
  --names: #875a32;
  --links: 	#dadada;
  --font-family: 'Staatliches', cursive;
  --mynamesize: 35px;
  --transparency: 0.33;
  --curve: 12px;
  --hue: 0deg;
  --simple_bg: black;
  --topic1: "Pronouns";
  --topic2: "Hobbies";
  --topic3: "Music";
  --topic4: "Shows";
  --topic5: "Games";
  --topic6: "Youtubers";
}
h3, h4, h5, .url-info b{ color: var(--headers) !important;} 
a{color: var(--links) !important;} 
p, h2{color: var(--text) !important;} 
h1, .count, .friends a p{color: var(--names) !important;} 
nav label{color: var(--headers) !important;} 
.section h4{color: var(--names) !important;} 
.online{color: var(--links) !important;} 
.section{color: var(--text) !important;} 
.details p:last-child{color: var(--text);}
.blog-preview h4, h2, h3, h5{color: var(--headers)!important;}
}
.container{
    width:40%;
}
.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:var(--links) !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: url('https://i.pinimg.com/originals/b5/7b/66/b57b666c6de1778896a77e25bad990bb.jpg') no-repeat center center
        fixed;
}

h1{
    color: #74740b; 
    font-family: 'Staatliches', cursive;
    font-size: 40px !important;
    text-shadow: 2px 2px 3px #7fa91c;
}
    .blurbs .heading{
        
    color: blue !important;
}
.top input{
        
    background-color: #80c71f !important;
}

nav{
    background-image: url('https://i.pinimg.com/474x/ac/32/13/ac32135250dea781aa32aed8177571d2.jpg');
    border: none;
    text-align: center;
}

nav .top{
    color: #80c71f;
}

nav .top, nav .links {
    background-color: transparent;
}
nav .links{
    border-top:1px solid #80c71f;
    border-bottom:1px solid #80c71f;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ♥";
    color: olive;
}

nav img.logo{
    filter: invert(65%) sepia(65%) saturate(483%) hue-rotate(42deg) brightness(162%) contrast(101%);
    height:30px;
}

.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #80c71f !important;
    color: olivedrab !important;
}

button{
    border: 0px solid #dadada !important;
    font-family: 'Staatliches', cursive;;!important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    color: darkolivegreen !important;
    background-color: #80c71f !important;
    color: #80c71f;
}

.online{
    margin:auto;
    padding-bottom: 5px;
    content: url(https://dl.glitter-graphics.com/pub/104/104607x61kd02dl0.gif);
}

a, p, nav label, .section{ 
    font-family: var(--font-family);	
    font-size: 15px!important;
    font-weight: 1;
}
h2, h3, h5{
    font-family: var(--font-family);
    font-size: 13px!important;
    font-weight: 1;
}

hr{
    height:1px;
    background: olivedrab;
    border: none!important;
}

.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{
    color: olive;
    border: var(--borders)!important;
    background-color: rgba(0, 0, 0, 0.13) !important;
    text-shadow: 1px 1px black !important;
}
.comment-replies{border:1px solid olivedrab;} 
.comment-reply:not(:first-child){border-top: 4px double olivedrab;}
.comment-reply p{
 margin: 0;
 text-align: left;
}

td{
    background-color: transparent!important;
    text-shadow: 1px 1px black !important;
}

main{
    background: transparent;
    border: transparent;
    outline: none;
}

.table-section{
    border:none !important;
}

.profile .contact .heading, .profile .table-section .heading,.home-actions .heading, .profile .friends .heading{
    background-color: #71A845;
    background-size: contain;
    border: 2px solid darkolivegreen;
    font-family: 'Staatliches', cursive;
    font-size: 17px!important;
    font-weight: bold;
    color: #71A845;
    text-align: center;
    text-shadow: 1px 1px 5px black;
}

.profile-info {
    background-color: transparent !important;
    border:none !important;
}

.profile-pic img{
    background-color: #4a6024;
    background-size: 30%30%;
    padding:4px;
    border: 3px solid #71A845;
}
.profile-pic {
    margin:auto;
}
.friends-grid{
    text-align: center;
}
.profile .friends .person img:not(.icon){
    border-radius: var(--curve) !important;
    height:100px;
    width:100px;
}


.contact .inner a img {
 font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: "🏹"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: "🎣"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: "⚔️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: "⚒️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: "🐑"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "🐄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: "🍄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "🌼"
}

.comments-table {
    display: block;
    height: 600px!important;
    border: 0px solid #71A845 !important;
    outline: none !important;
    border-radius: none;
    padding: 5px;
}
.comments-table td:first-child *{
    color: var(--text);
}
.comments-table td{
    border: 2px solid #71A845;
    padding:10px;
    border-radius: 0px;
}

footer{
    background: transparent;
}
footer a{
    color: #71A845;
}
footer p{
    color: #71A845;
}

.blurbs .heading {display:none;} 
.url-info {display:none;} 
.blog-preview h4 {display:none;} 
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/aBkTkxKDduc?start=98//?&;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 1 of 1 comments ( View all | Add Comment )

nicholas

1709414995

this is genuinely so sweet thank you for doing this

Report Comment