simple gray layout

Tags: gray, simple, custom, basic, white, black

Description:

with spinning & round pfp, star shaped pfps in your comment section, custom cursor & custom spacehey logo its supposed to have a comment scrollbox but it doesnt work, fix it if you want but spacehey keeps going down and i dont have the patience rn links turn red :) PS YOU DONT HAVE TO TELL ME YR USING IT !! ITS OK !!

Preview:

click on the image for a larger preview

Code:

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

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}


</style>

<style>
img.logo{
content: url("https://media.discordapp.net/attachments/1100566960267329586/1189936357984960714/52_sin_titulo_20231228081538.png?ex=659ff997&is=658d8497&hm=e9e97a7b4ab792c2929c05b6c0e1880f8b74b3e4adcfd58f50aa498107f167a5&");
width: 144px !important;
height: 48px !important;
</style>


  
<style>

.online {

        content: url("https://pixelsafari.neocities.org/text/onlinetv.gif");}</style>

 <style>

.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 {
	    /* add to friends */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/453a0a7f-bdb5-4f8e-8c33-65eadea41b0b/dbbxyj3-fd7e9d6e-7da2-4b7a-9751-ef1dffcabd4d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1M2EwYTdmLWJkYjUtNGY4ZS04YzMzLTY1ZWFkZWE0MWIwYlwvZGJieHlqMy1mZDdlOWQ2ZS03ZGEyLTRiN2EtOTc1MS1lZjFkZmZjYWJkNGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W1FY7yGqtywaC19u2np9VfTRkqLyz-ODZ6odQYGZszo")
    } 

<style></style>

<style>
 .comments-table td:first-child img {clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
</style>

<style>
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
  
main, body { background: #E0E0E0; } /* BACKGROUND */
.profile h1 { color: black }                   /*   USERNAME   */

/* MAIN TEXT/BACKGROUND STYLE */
main .col &gt; div {
  background-color: var(--bg-col, #E0E0E0);
  border: solid #000000;
  font-family: 'Source Code Pro', monospace;
  color: #FFFFFF;
}

/* HEADINGS */
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background-color: #525355;
  border: dashed #000000;
  color: #525355;
}

/* LINKS/FRIENDS */
a, .profile .friends .person p {
  color: #525355;
}

/* COMMENTS/INTERESTS */
table.comments-table td:first-child, .details-table td:first-child {
 background: var(--bg-col, #E0E0E0);
  color: black;
}
table.comments-table td, .details-table td {
  background: #525355;
}

/* BORDER FOR EVERYTHING */     
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table {
  border: solid #525355;
}

/* COUNTERS AND TITLES IN ABOUT ME */
.inner .count, .profile .blurbs .section h4 {
 color: #000000; 
}

/* REPLIES */
.comment-replies {
  border: solid #525355;
}

/* NAVBAR */
nav .links {
  background-color: #E0E0E0; 
}
nav .links a {
  color: #525355;
}
/* NAVBAR SEPERATORS */
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
 color: #525355; 
}

/* NAVBAR TOP COLOR */
nav .top {
 background: #E0E0E0; 
}

/* FOOTER */
footer {
 background-color: #E0E0E0; 
 color: #525355;
}
</style>
<style>
/*comment + replies scrollbox*/
.comment-replies, .comment-reply{
height: auto;
max-height: 250px;
overflow-y: auto;
overflow-x: auto;
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth4.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/30/oth4-11.html" target="_blank" title="Gun"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gun" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Kuro ★ ˙ ̟ !!	1721167500 using Report Comment
Kuro ★ ˙ ̟ !!	1721167496 using Report Comment
polnr	1719597530 using Report Comment
Ray	1718260662 using Report Comment
Frodo	1716236956 Using Report Comment
doormatt	1714704900 using !! Report Comment
D3AD PERS0N	1714300652 Usando Report Comment
Em!!	1711464812 Using B⁠-⁠) Report Comment
Kai The Kat ☆	1711255737 Using!! ty! Report Comment
Dan	1711249622 using!! Report Comment
66 ! !	1709533858 using! Report Comment
𐙚𝓐𝓶𝓫𝓲꒱	1709239083 Usandoo Report Comment
why.Addy.00	1709140907 using Report Comment
ATLANTIC ✩	1706979920 using Report Comment
zombeh	1706770851 Usinggg Report Comment
Plague Of Rats	1706596969 using this except i got rid of the cursor and spinning pfp Report Comment hi, would u plis tell me how u did that? i wanna get rid of them too by max; 1708751760; Report
iman	1706424100 using this 100% tysm Report Comment
hel★'s	1706386578 usando !! tysm :3 Report Comment
andreana ☆	1706116647 using, thank you!! Report Comment