purple web

Tags: purple, white, webcore, aesthetic, cute

Description:

contains: custom cursor, custom spacehey logo, custom online image, custom contact icons

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
    background-color: #e3e3e3;
    background: url(https://i.pinimg.com/564x/98/32/69/9832694f959702b5eb92622b6400dbdd.jpg)}
    font-family: verdana, arial, sans-serif, helvetica;
    background-size: 1000px;
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

* {
    font-family: monospace;
    cursor: url(https://cursors2.totallyfreecursors.com/thumbnails/skateboard-purple.gif), auto;
}

main {
    background: url(https://i.pinimg.com/474x/04/83/93/0483933….jpg)  #F7EEFCd4;
     #ff6868d4;
    padding: 6px 0px;
    font-size: 80%;
    color: #9A6EB4;
    background-size: cover;
    border: solid 2px #E69FFF;
    box-shadow: 0px 0px 6px #884BA1;
}

nav {
    color: #E2C5F3;
    font-size: 72%;
    font-size: max(72%, 12px);
}
nav .links .special a {
    color: #B842FC;
}



.general-about .profile-pic {
    display: block;
    float: left;
    height: 150px;
    box-shadow: 0px 0px 15px #DCB7EC;
    border: #F2D6FF double 5px;
}

.profile h1 {
    font-size: 2.7em;
    margin: 0 0 10px 0;
    font-family: fangsong;
        color: #E39CFF;
}

.profile .friends .person img:not(.icon) {
    filter: grayscale(15%);
}

div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px #832DAB;
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;

}

a {
    color: #871EAF;
    color: #AE65D0;
    text-decoration: none;
    font-size: 10px;
}
p {
   font-size: max(0.875em, 14px);
}

nav .links a {
    text-decoration: none;
    color: #F6E2FF;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-shadow: 0 0 7px #fffff8c;
}


div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px 
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;
    text-shadow: 0px 2px 0.5px #ffffff7c;
}


b, strong {
    font-weight: bolder;
    color: #AC58D3;
    font-size: 13.5px;
}

nav .links {
    background-color: #C97DED;
    padding: 3.5px 16px 5.5px 16px;
    border: solid 3px #B867D7;
    box-shadow: 0px 0px 10px #B94CE2;
}

nav .links::after {
    contents: url(https://64.media.tumblr.com/088c39a27872fdf60a5a2b2a7ef2de49/d82f925ab9790bbe-49/s75x75_c1/9876f1696a0cb1e76a21de490dbc0e9f0c722373.gifv)
}


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ♡ ";
    color: #F7DEFF;

}

button, input {
    overflow: visible;
    background-color: #F8DEFF63;
    border: 2px inset #EBB3FF;
}

.inner {
    color: #AD38CFde !important;
    background: #FDF9FF;
    border: 3px inset #E9AAFF;
    border-radius: 0px !important;
    box-shadow: 5px 8px #F6D1FF !important;
    background-size: cover;
}

.details-table td {
    background: #FEFCDB;
    background: #E9A5FF8c;
    vertical-align: top;
    border-bottom:  #ffffff;
    box-shadow: 0px 5px #DB8BF3;
    padding: 1px 12px 10px;
    border-spacing: 10px;
}


.details-table td p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 12.5px;
}


.details-table {
    margin: 2px;
    border-spacing: 10px;
}

.comments-table td, .music-table td {
    background: #F8DBFF;
    vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #DD6CF9;
    background: #00000000;
    text-align: center;
    font-weight: bold;
    width: 29%;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #C46CF9;
    background: #EEABFF;
    color: #AE07ED;
    color: #ffffff;
    padding: 2px 7px;
    box-shadow: 0px 0px 6px #C788E3;
    border: inset #D88AFF;
}


}



.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #DF7DFF;
    color: #ffffff;
    padding: 4px 7px;
    border: 2px inset #D46BFF;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   width: 100%;
    border: 2px solid #CD78E8;
    margin: 10px 0;
    background-blend-mode: color;
    background: #F8E3FF;
    box-shadow: #F2C0FF 0px 5px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #470059a6;
   background-size: 800px;
    background-position: center;
    background-blend-mode: soft-light;
    background-color: #F2C4FF;
}

nav .links, footer .links {
    list-style: cambodian;
    margin-top: auto;
}

 .profile .blurbs .heading h4 {
    display: inline-block;
    font-size: 13.5px;
}


.profile .blurbs .section h4 {
    margin: 0;
   color: #E2B0F9;
    font-size: 13px;
}


.details-table td:first-child {
    background: #FEFDBF;
    background: #E6B9F9;
    color: #D8CA1D;
    color: #ffffff;
    font-weight: bold;
    width: 33%;
    font-family: monospace;
    font-size: 3.5mm;
}

nav .top {
    background: #FFFEF000;
    padding: 15px 10px 16px 10px;
    display: flex;
    background-size: cover;
    background-position: bottom;
}

.logo {
    filter: sepia(50%) hue-rotate(-90deg) saturate(100);
}

.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: #858690;
}

.profile-info {
    border: 2px solid rgb(254 133 180 / 70%);
    background-image: url();
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-size: 290px;
}



.online img {
        content: url(http://www.myspacegens.com/images/online_now/104.gif);}


</style>



<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://64.media.tumblr.com/3882aa86d3ea54dd77322ee8d00ae579/c5fd4304fd1c8327-ca/s75x75_c1/a8aabc55a0d5a8f6862d9a2c1a2c6c0ca0b4c756.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/496120faab48635da4c6cb8bca5b4c53/c5fd4304fd1c8327-bc/s75x75_c1/7c1aef01075da47d42edaa82449276424bb0f67a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/5a12437324f89555e205a725f149d8a2/c5fd4304fd1c8327-d1/s75x75_c1/2b97c7f190964239263804eac5a9f7ec707cf75a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/4b527cfed326363fd0ebfa56814cbef7/c5fd4304fd1c8327-72/s75x75_c1/27c9defcd7f1356f6d594fc30b7ac20e70d12fd1.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/5f948cfd106b6094baaa854764014439/86bc4dc1e0855e13-c5/s75x75_c1/813b7ea5f9f8dcf43cb0796df8f6b3feeca31bbc.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/a34dd32f9bc9f2f2aaa08539cf0e3a79/c5fd4304fd1c8327-10/s75x75_c1/5ad1ff58ac7397cec694315353d7624a8964529b.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/d2eb360ccf69899323ddd5d74ec14738/c5fd4304fd1c8327-7c/s75x75_c1/e0cdc4abb6d5332c97abd0b6a6f9f3a06f353935.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/4cec2a92d3e17e10cefe890ef3ba0dfd/c5fd4304fd1c8327-5e/s75x75_c1/714d29fbc4885d8fc92816e63b8a8dabb7007c5f.gifv")
    } 

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/9363bc105f83cbd7da28c2db427fce47/f6e418ed9334494f-9b/s400x600/6e9d7fd6d4f304e52cdb469821256d5e028b38f4.pnj);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}


</style>

<style>
.online {
    content: url(https://www.myspacegens.com/images/online_now/323.gif);
}

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#DF7DFF;
--even-lighter-blue:#8e0d3e;
--lightest-blue:##3c0130;
--dark-orange:White;
--light-orange:#8e0d3e;
--even-lighter-orange:black;
--green:black;#ff0090


*::-webkit-scrollbar {width: 18px;}

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


	*::-webkit-scrollbar-thumb {

		background-color: #ffffff;

		border-radius: 10px;

		border: 3px solid #EDB7FF;

	}


</style>

You'll see rapid changes here.<p>

</p><b>Please comment any requests you have. (This includes specific fandoms/media, just colors, and/or specific aesthetics.)</b>

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

vanessa🇧🇷	1708009049 usando Report Comment
naomi :3	1707308100 using!! Report Comment
⋆ ˚｡⋆୨୧˚ᎷᎪᎡᏟᏆ˚୨୧⋆｡˚ ⋆	1706154901 Using! Report Comment
「 𝕸𝖆𝖗í𝖆 🕷️🕸️」	1706059494 usingg ! Report Comment
pistacchio (kiara)	1699781652 using :D Report Comment
nickel :3 !!	1699213816 uzing!! Report Comment
Nathan 💗 fictoro	1698866160 using!!! ty :3 Report Comment
T E S S A ! ☆	1698565392 using!! Report Comment
VidyadharaMyra	1697230558 I'm going to use this! Report Comment
Applsauz	1695933554 Prolly using! Report Comment
ariariari	1694486888 neat Report Comment
no. 1 jonny greenwood fan	1694018773 maybe using :3 Report Comment
☆fakesk8r☆	1693803874 maybe using! super cute Report Comment