my current layout

Tags: cutecore, kawaii, pink, light pink, cute, paws

Description:

this is something i threw together for myself with several different layouts i found on here

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
     background-image: url("https://media.discordapp.net/attachments/1197352736862261300/1241016734434066462/81c8acde27a390d45e20aa51d23a3028.png?ex=6648aa66&is=664758e6&hm=e8255d9fc0a6a4044d207635b94b753fd48fe5720d3f032d5f2a45943b100f0c&") !important;
     background-color: black !important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0;
}
</style>


<style>
main {
background: linear-gradient(170deg, #ffffff, #ffd5e252);
border: 2px #ffd4da double;
border-top: none;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
color: pink;
}
</style>






<style>
a {
color: pink;
}

nav .top {
align-items: center;
border: 2px #ffd4da double;
border-radius: 25px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

:root {
--lighter-blue: #ffcdd48c;
--light-orange: #ffffff36;
--dark-orange: pink;
--even-lighter-orange: #fffbf28c;
--lightest-blue:#fffcf58a;
--even-lighter-blue: #ffdddd7a;
}

nav .links {
border: 2px #ffd4da double;
border-bottom: none;
background: white;
}

nav .links a {
text-shadow: none;
color: #f8d7e2;
}

nav .links .special a {
color: #f8d7e2;
}

nav .links li.active a {
font-weight: normal;
}

.profile-info {
border: 2px pink dotted;
}

.profile .url-info {
background: #fffafb;
}

.profile .blurbs .heading {
text-align: center;
border: 2px dashed #ffc1c8cc;
}

.profile .friends .heading {
border: 2px #ffc1c8cc dashed;
text-align: center;
}

button.logout-btn {
color: white;
border: none;
}

input {
overflow: visible;
border: 2px pink solid;
border-radius: 5px;
outline: none;
color: pink;
}

button, [type="submit"] {
-webkit-appearance: button;
color: pink;
background: white;
border: pink 2px solid;
border-radius: 5px;
}

a:hover {
color: #ffb8b8;
text-decoration: underline;
}

nav .links li:not(:last-child)::after {
content: " | ";
color: #ffcad6;
}

nav .links a:hover {
text-decoration: underline;
color: #ffb6d3;
}

.profile .friends .person p {
color: #ffc6d5;
}

.profile .blurbs .inner {
padding-top: 20px;
padding-bottom: 0px;
} 

.profile .friends .person img:not(.icon) {
-webkit-mask-image: url(https://dl.dropbox.com/s/2kih8ox9q2czjeg/pngfind.com-kawaii-transparent-png-621355.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}

.comments-table td:first-child img:not(.icon) {
-webkit-mask-image: url(https://dl.dropbox.com/s/2kih8ox9q2czjeg/pngfind.com-kawaii-transparent-png-621355.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
 
::-webkit-scrollbar {
   width: 1em;
}

::-webkit-scrollbar-track {
   background: white;
   border-radius: 100vw;
   margin-block: .5em;
   
}


.online {
content: url(https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif);
}

.count {
color: pink;
}

.details-table td p {
color: pink;
}

.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: "💌"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "💌"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💌"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "💌"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "💌"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "💌"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "💌"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "💌"
}

FOOTER > UL.links {
display: none;
}

FOOTER > P:nth-child(1) {
display: none;
}

FOOTER > P:nth-child(2) {
display: none;
}

P.copyright {
display: none;
}

footer {
background: transparent;
}

<style/>


<style>

main {
    background: url(https://media.discordapp.net/attachments/1197352736862261300/1241035234489798747/Picsart_24-05-17_10-30-37-364.jpg?ex=6648bba1&is=66476a21&hm=6c81334662f07a6a02df27cebf3d7bdd80a9401c10ff15d11edef6a89c66cd36&);
}
<style/>











<style>* {cursor: url(cursor), url(https://i.postimg.cc/Dyy4mc2K/2024-04-14-0jn-Kleki.png  ), auto;}</style><a href="meat" target="_meat" title="meat"><img src="https://postimg.cc/s1qgN7Qn" alt="meat" style="position:absolute; top: 0px; right: 0px;"/></a> <style></style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/FUAKrtOtRl8//?&;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>




<style>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>

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

mady	1757281078 using Report Comment
SAL	1757202917 USINGGG Report Comment
Fluro	1756823641 usin Report Comment
Windy<3	1756700469 Using!!! Report Comment
P1pp3r!	1755964216 using! :D Report Comment
Lilac !!!	1755440458 using this ! :D Report Comment
•˙🥥⊹꒷ ᑲіmᑲ᥆ ɞ🎀˙✦	1754674493 usandooo Report Comment
𐔌 . ⋮ charmmykessy .ᐟ ֹ ₊ ꒱	1754083594 usinggg Report Comment
3ZP3NN	1753707676 𝑈𝑠𝑖𝑛𝑔 Report Comment
ekinnciikk	1751407513 using! and I would like to know, what is this song's name? Report Comment
missy	1751196952 usingg Report Comment
KIR	1749954878 using!!! Report Comment
Katie ݁₊ ˖🫧 . ݁	1749345770 Using! Report Comment
Amberimari	1748743812 using!! :3 Report Comment
anda	1748368880 using Report Comment
Val	1748172192 Using Report Comment
prawnz𖤐	1747984340 using!!!!!!!!! Report Comment
DeadCutlet	1746822291 using Report Comment
sarita	1745854441 Using!! Report Comment
Eli	1745757516 Using!! Report Comment