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

silly!!!	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
Abi	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
Swiss ᶻ 𝗓 𐰁	1705942869 USINNG Report Comment
Swiss ᶻ 𝗓 𐰁	1705942866 USINNG Report Comment
Swiss ᶻ 𝗓 𐰁	1705942865 USINNG Report Comment
Madds	1705898508 using!! Report Comment
Matt	1705897217 using ! Report Comment