queen mariah carey y2k layout 🩷

Tags: mariah carey, music, pink, 2000s, layout

Description:

part of this layout is made up by H3llkitty's layout for the profile but i edited most of it with queen mariah carey 🩷

Preview:

click on the image for a larger preview

Code:

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

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



<style>


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
p{
font-family: 'Bebas Neue', Cursive;
font-size: 18px;
color: rgb(255, 0, 128);
}

</style>
<style>

.profile{
Background: url(https://i.ibb.co/1fPJwDK/3682034mxl55jw25d.gif);
}

Body{
Background: url(https://wallpaperaccess.com/full/87952.jpg)
}

:root {
--logo-blue: url(https://i.ibb.co/WgRDcLm/pink-leopard-print.gif);
--darker-blue: rgb(255, 194, 229);
--lighter-blue: rgb(255, 0, 179);
--even-lighter-blue: black;
--lightest-blue: black;
--dark-orange: ;
--light-orange: ; 
--even-lighter-orange: black;
--green: 
}

h1{
font-size: 200px;
color: deeppink;
}

</style>
<style>
h2,h3,h4,h5{"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
font-family: 'bebas neue', cursive;
font-family: 'bebas neue', cursive;
font-size: 150%;
color: white;
}

.profile-pic {

border-radius: 500px;

overflow: hidden;
}

.profile .friends .person img {

border-radius: 500px;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(http://dl10.glitter-graphics.net/pub/352/352870r1wbtx0gci.gif);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}


.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.ibb.co/q92cpd3/GIF-White-Star-Sparkles-12-fr.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

footer {
boarder-radius: 15px;
background-image: url(https://i.ibb.co/7bJJbcT/images.png);
color: black;
}

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

.profile .profile-info {
background-image: url(https://media.giphy.com/media/jsCZ4XDkkBnDX7gmBk/giphy.gif);
padding: 20px;
border: 5px;
border-radius: 10px;
box-shadow: 4px 4px 0 #2d1157;
text-align: center;
animation: nineties2 2s ease 0s infinite normal none;
animation-delay: .15s;
border: 5px;
}

</style>
<style>body, textarea, * {  scrollbar-face-color: ff0099; scrollbar-highlight-color: ffb0de; scrollbar-3dlight-color: ff6ee0; scrollbar-shadow-color: ff007b; scrollbar-darkshadow-color: 000000; scrollbar-arrow-color: ff0099; scrollbar-track-color: 383838; }</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani199.ani), url(https://cur.cursors-4u.net/anime/ani-1/ani199.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/blinking-hello-kitty-7.html" target="_blank" title="Pretty Blinking Hello Kitty"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pretty Blinking Hello Kitty" style="position:absolute; top: 0px; right: 0px;"/></a>

<img src=""/><img src="https://media0.giphy.com/media/wFk7roIpDeXC0/giphy.gif?cid=ecf05e47wqmcfj8v1dedov4puq24go5bta5galo7y5pli9q3&ep=v1_gifs_search&rid=giphy.gif&ct=g" alt="7773a99b5b4be76bd0a.gif"/>

<img src=""/><img src="https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExOG04a3ZvN3h3c29wcXl6NmlidGxkcmUzOGlmbnFqaHE2MGJ4MXd5NSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/z24WbgTmO15QY/giphy.gif" alt="7773a99b5b4be76bd0a.gif"/>

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

Comments disabled.