Crush Crush layout

Tags: pink, yellow, cute, layout

Description:

Idk I made this woah! Comment if using :3

Preview:

click on the image for a larger preview

Code:

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

<style>
 main:before {
    box-shadow: 0 0 0px #8ad2ff;
    border: solid 0px #7bb5e8;
	wistyle 100%;
	height: 200px;
	display: block;
	content: "";
	background-image: url('https://media.discordapp.net/attachments/1100566960267329586/1190758763179823244/b347ca3fdc90c656f854b49c3a0f067d3246fd8e3543d58fab07c2ae8b70db58.jpg?ex=65a2f784&is=65908284&hm=52eac2d8df3dff4654d39c42b00d86190d0eea301e222592620851486f40f110&');
	background-position: center center;
	background-size: cover;
	margin-bottom:5px;
}</style>

<style>
img.logo{
content: url("https://media.discordapp.net/attachments/1100566960267329586/1190749189026611390/52_sin_titulo_20231230141039.png?ex=65a2ee99&is=65907999&hm=1c60720a60e58c1a7776ed6666bf044e784a2eb405513f5f6d112742bcf4ccc1&");
width: 144px !important;
height: 48px !important;
</style>

<style>
.profile-pic {
  border-radius: 5px;
  overflow: hidden;
}
</style>

<style>
body {
        background:url(http://dl4.glitter-graphics.net/pub/577/577814mxl3lzplgr.gif);

</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://media.discordapp.net/attachments/1100566960267329586/1190737109288484915/sparkly-hearts.png?ex=65a2e359&is=65906e59&hm=55c5704b29bdf07228ff9a602c88472b759f14c1aad3b5d0946fc458b1c6db97&') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</style>


<style>
.online {content:url('http://dl5.glitter-graphics.net/pub/2548/2548305cd3rn5vzco.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>

/*Text color*/
.profile {
color:#ea578e;}
</style>

<style>

:root { 

--darker-blue: #c63ecc;
--lighter-blue: #fdc5d8;
  --lightest-blue: #ffffff;
        --dark-orange: #c63ecc;
        --light-orange: #fdc5d8;
        --even-lighter-orange: #ffffff;
       --even-lighter-blue: #fdc5d8;

</style>

<style>

.profile {

background:#fefee6;

</style>

<style>

.count {
    color: #f28baa;
}
</style>

<style>
:root {
    --topic1: "General";  
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "Television";
    --topic5: "Books";
    --topic6: "Heroes";

 }

.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 #da59d7 !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);
}
</style>

<style>

nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 70px;
    background-color: #ff94b2;
}   </style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://pixelsafari.neocities.org/favicon/object/tech/phone34.gif');</style>

<style>
footer{
    background-color: #bf7946; /
</style>

<style>

    .comments-table td:first-child, .music-table td:first-child {
    background: #fec5da;
}
    
    .comments-table td, .music-table td {
    background: #ffffff;

</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.discordapp.net/attachments/1100566960267329586/1190737109527564348/box-girls.png?ex=65a2e359&is=65906e59&hm=73d09ff48ae28a326121974c653d6993f449d14fac14ce548a817a94ee6ab119&);  width: auto; height: 70px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>




<style>
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</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://pixelsafari.neocities.org/favicon/fashion/shoes6.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://pixelsafari.neocities.org/favicon/food/sweet/choc13.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://pixelsafari.neocities.org/favicon/object/toy/toy7.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://pixelsafari.neocities.org/favicon/food/drink/alcohol11.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixelsafari.neocities.org/favicon/food/sweet/donut.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://pixelsafari.neocities.org/favicon/food/drink/teapot4.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://pixelsafari.neocities.org/favicon/nature/plant/flower/pink8.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixelsafari.neocities.org/favicon/object/stationery/book7.gif")
    } 

<style></style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url(https://media.discordapp.net/attachments/1100566960267329586/1190758763574067401/is-anyone-else-not-able-to-sign-into-crush-crush-steam-v0-rykbdwq88tbb1.png?ex=65a2f784&is=65908284&hm=453ad8b4c22e95e381f135b6198002e27b2b79aff872adefde6bf5afd5b3d674&);

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

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

Lilith	1728058509 not using, but is there any other crush crush things I can add? :3 Report Comment
zoxx	1713311275 not using but this is so real !! i love crush crush ver awsumsause layout Report Comment
silly gang pull up	1704480103 IF U TAKE REQUESTS CAN U PLZ DO A BLUSH BLUSH ONE?? Report Comment I will try! >:3 by 🩻 xXjellyfishl0vrXx 🪼; 1704481062; Report thx!!!!! by silly gang pull up; 1704481185; Report
ghoul	1704314547 usando:) Report Comment
zandik :3	1704047963 USING I LOVE CRUSH CRUSH Report Comment
Bunni ໒꒰ ♡◞ ˕ ก ꒱১	1704023626 Usinnggg.. ^^ Report Comment
𝐻𝒜𝐼𝐿𝐸𝒴 𝒢𝐿𝒪𝒪𝑀𝐼𝐸	1703983129 THIS IS A SLAY Report Comment