Layout Preview

hot pink blog theme !

Author: ๋࣭ ⭑ Rιʅҽყ ゛ ⸝⸝.ᐟ⋆
Category: 2000s pinkbimbo/soft mcbling style
Created: June 9, 2026
Downloads: 56
hot pink & black theme, perfect for the 2000s icon look !
Log in to Apply

Live Preview

Comments (0)

No comments yet. Be the first!

Log in to leave a comment.

Layout CSS

<style>

* {
    font-family: 'Arial', monospace !important;
}





body {
    background-color: #8F0058;
    background: url(https://i.pinimg.com/736x/8d/49/53/8d49538e1073c4acddcf80f8423f9bea.jpg) ;
    font-family: verdana, arial, sans-serif, helvetica;
}

body:before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb( 51 0 25 / 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://cdn.cursors-4u.net/css-previews/rising-hot-pink-heart-3095d4a5-css.webp), url(https://64.media.tumblr.com/d4a50c1b4d90a1ecc), auto !important;
}

main {
    background: url(https://https://i.pinimg.com/originals/47/87/ad/4787ad5a86fee551c2816f5c8fa6786f.gif) #0000007d;
    color: #FFA8D2;
    padding: 6px 0px;
    font-size: 65%;
    background-size: cover;
    border: solid 3px #9C024C;
}

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



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

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

.profile .friends .person img:not(.icon) {
    filter: sepia(35%) hue-rotate(-10deg) saturate(140%) brightness(110%) contrast(85%);
}

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

}

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

nav .links a {
    text-decoration: none;
    color: #FFBFDC;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
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: 2px 2px 0.5px #AF3875;
}

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

nav .links {
    background-color: #;
    background-color: #BD1969;
    padding: 3.5px 16px 5.5px 16px;
}

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

}

button, input {
    overflow: visible;
    background-color: #C43376;
}

.inner {
       color: #000000!important;
    background: #650b0b96;
    border: 6px double #FF87C0;
    background-color: #FF87C0;
    background-color: #B00257;
    border-radius: 0px !important;
    box-shadow: 5px 8px #FF75C3!important;
    background-blend-mode: color;
    background-size: cover;
}

.details-table td {
    background: #C43376;
    background: #A81B5E;
    vertical-align: top;
    border-bottom: dashed #FFA8D1;
    box-shadow: 2px 5px #FFA8D1;
    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: #FF6EB3;
    background: #FF6EB3;
    vertical-align: top;
}

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

.profile .blurbs .heading, .profile .friends .heading {
    background: #BA025A;
    background: #BA025A;
    color: #FA8EC2;
    color: #FA8EC2;

    padding: 2px 7px;
    box-shadow: 4px 5px #FA8EC2;
    border: inset #FA8EC2;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #A3004E;
    background: #A3004E;
    color: #FF91C7;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid #FF9CDE;
    margin: 10px 0;
    background: #B30057 !important;
    background-size: cover;
    border: 9px double #000;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #8F0055 !important;
    background-size: auto;
    background-position: center;
    background-blend-mode: soft-light;
}

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: #FFA3D3;
    color: var();
    font-size: 13px;
}


.details-table td:first-child {
    background: #FF91C7;
    background: #9E0062;
    color: #910065;
    color: #000000;
    font-weight: bold;
    width: 33%;
    font-family: monospace;
    font-size: 3.5mm;
}

nav .top {
    background: #D81D87;
    background: url(https://i.pinimg.com/736x/22/a8/94/22a89421953a5c3735710c1e0670efd5.jpg) fixed repeat top;
    padding: 50px 10px 19px 10px;
    display: flex;
    background-size: cover;
    background-position: bottom;
}


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

.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float 
{
0% { transform: translate(0, 0px);}
50% { transform: translate(0, 8px); }
100% { transform: translate(0, -0px);}
}
.online img {
        content: url(https://i.pinimg.com/originals/5a/33/98/5a33980e7f3660a5b07286cd4588967c.gif);}


</style>



<style>

div.scarletangel {
    background: url(https://i.pinimg.com/736x/cb/dd/ca/cbddca259a6be41042e80b52ebf37cc2.jpg);
    background-size: 100%!important;
    position: fixed;
    left: -701px;
    top: 100px;
    height: 320px;
    width: 320px;
    z-index: 100;
    opacity: 100%;
    background-blend-mode: color;
    background-color: #00000038;
}

div.mayura2 {
    background: url();
    background-size: 100%!important;
    position: fixed;
    left: 550px;
    bottom: 10px;
    height: 300px;
    width: 400px;
    z-index: 100;
    opacity: 100%;
}
</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("")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("")
    } 

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/eb68385d1eb129cde3c2a7f593fc5675/2d51963e4fde9b4a-c6/s400x600/261bfd3a6735d4046d45f309bd57706a5536f6c5.gifv);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}


</style>

<style>
.online {
    content: url(https://64.media.tumblr.com/b6bbbaa371cbb7a83720d9b0b6a6d75d/0739bcddfaf244d1-b4/s100x200/5b3f20d33f0a7aa468447a21c4e08f36b0b501fb.gifv);
}

/* 🟢 PASTE THE FIX CODE DIRECTLY HERE: */
main, 
#main, 
.container, 
.profile {
    background-color: rgba(0, 0, 0, 0.70) !important;
    background: rgba(0, 0, 0, 0.70) !important;
}

.col.left, 
.col.right {
    background-color: #91104F !important;
    background: !important;
}

</style>  <!-- This is the very last line of your layout -->



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

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(http://dl.glitter-graphics.net/pub/1153/1153451lfpuaxv4nn.jpg);  width: auto; height: 70px; background-position: center; background-size: 50%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>




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

<style>


.general-about{

  position: relative;

 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://media.tenor.com/xxkk4dDfv2MAAAAi/bow.gif') no-repeat;

  background-size: cover;

  display: block;

  width: 90px;

  height: 90px;

  z-index: 999;

  position: absolute;

  top: -40px;

  left: -25px;




</style>



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

<style>

li.active .icon { content:url('https://i.pinimg.com/originals/e6/61/56/e661567496eb971ef140351349fd4399.gif'); width: 20PX;height: 20px;}

</style>



<!-- (c) Layout created by ♱ 𝔳𝔢𝔵𝔦 ♱ (https://layouts.spacehey.com/layout?id=104069) -->

<div id="Chain">

<style>
#Chain {
background: url("https://i.ibb.co/X4GGKJV/ezgif-4-fb1c241703.gif");
background-position: center;
background-repeat: repeat;
width: 100%;
height:10px;
min-width: 60px;
overflow: hidden;
position: fixed;
top: 1px;
left: 0px;
z-index: 100;
pointer-events: none;
opacity: 1;
}
</style></div>