⋆˚✿˖° brb, barbie

Tags: barbie, pink, glitter, cute

Description:

inspired by the old barbie website. feel free to comment if you're using this layout!

Preview:

click on the image for a larger preview

Code:

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

<style>

/*this is where you can write anything on the pink glitter box above*/

main:before {
    content: "INSERT TEXT HERE";
    background-image: url(https://external-media.spacehey.net/media/smecqcCzU23mLx8kaCypllJkgBADKoVDcYx7lI8t61Lw=/https://cur.glitter-graphics.net/pub/3293/3293627ixwgp3hjiy.gif);
    font-size: 30px;
    color: yellow;
    padding: 3px 5px 3px 5px;
    border: outset #e0218a;
    animation: myrainbow 1.0s linear infinite;
    display: block;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2%;
    margin-bottom: 5%;
    transform: rotate(1deg);
    box-shadow: 3px 3px black, 7px 8px yellow, 13px 12px #e94196;
    font-family:'vt323';
}

.container {
    margin-top: 4%;
    overflow-y: scroll;
    height: 800px;
    border-radius: 20px;
    border: 5px double pink;

}
nav .top {
    background: linear-gradient(0deg, rgba(255,107,181,1) 0%, rgba(224,33,138,1) 100%);

}
nav .links {
    background-image:url(https://cur.glitter-graphics.net/pub/2856/2856418tig64ck9y3.gif)
}
nav .links .special a {
    background-color: #e94196;
    color: yellow;
}
nav ul.links a {
    font-weight: bolder;
    text-shadow: 0 0 black;
    color: #e94196;
    background-color: yellow;
    padding: 2px;
    font-family: 'new tegomin';
    border-radius: 5px;

}
nav ul.links {
    padding-top: 10px;
}
nav ul.links li:not(:last-child)::after {
    content: "✿";
    color: #e94196;
    font-size: 20px;
    padding-left: 5px;


}
input#q {
    background-color: black;
    border: 2px solid pink;
    color: #e94196;
}
button {
    border-radius: 5px;
    background-color: pink;
    color: black;
    border: 5px yellow;
    font-family: 'Lobster';

}
a {
    color: #e94196;

}
.profile-info {
    border: 5px solid #e94196;
    border-radius: 50px;
    background-color: black;
    font-family: 'New Tegomin';
}
.profile-info a{
    color:#e94196;
}
.profile h1 {
   color: #e94196;
    transform: rotate(-3.3deg);
    background-color: black;
    text-align: center;
    border: double yellow;
    box-shadow: -4px 6px #e94196;
    font-size: 3em;
    font-family:'righteous';
    margin-bottom: 10%;

}
.general-about {
    height: 200px;
    padding: 5px;
    background-image: url(https://cur.glitter-graphics.net/pub/3131/3131187gc0ikcxldo.jpg);
    box-shadow: -7px 5px yellow, 6px -4px black;
    background-size:100%;
}
.general-about .profile-pic img {
    border-radius: 100px;
    transform: rotate(5deg);
    border: 4px dashed pink;
    background-color: aqua;
}
.general-about .details {
    display: block;
    background-color: black;
    color: white;
    border: 5px double yellow;
    font-family:'prompt';
}
.online {
content:url("https://i10.glitter-graphics.org/pub/745/745450f7k2jp3ggh.gif");
}
.profile .mood p:first-child {
    margin: 0 0 8px 0;
    margin: 4%;
    background-color: #e94196;
    padding: 2%;
    border-radius: 10px;
    border: 2px dashed black;
    box-shadow: -3px 0px yellow, 3px 0 yellow, 0px -3px yellow, 0px 3px yellow;
    color: white;
    font-family:'homemade apple';
}
.profile .mood p:last-child {
    margin: 0 0 8px 0;
    background: linear-gradient(90deg, rgba(0,255,255,1) 0%, rgba(232,244,244,1) 24%, rgba(0,255,255,1) 100%);
    margin-bottom: 10%;
    padding: 5%;
    border-radius: 50px;
    border: 5px #e94196 outset;
    font-family:'prompt';
    text-decoration: underline;
    text-decoration-style: double;
}
.profile .contact {
    border-radius: 10px;
    border: transparent;
    background-color: yellow;
    transform: rotate(-2deg);
    box-shadow: -5px -8px black;
    padding-bottom: 3%;
}
.profile .contact .heading {
    background-color: #e94196;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    padding: 4%;
    font-size: 18px;
    font-family:'prompt;

}
.profile .contact .heading h4, .profile .table-section .heading h4 {
    font-family: 'Poiret One';
}
.contact a {
    font-family: 'lobster';
    font-size: 14px;
}
.profile .url-info {
    padding: 4px 7px;
    background: linear-gradient(0deg, rgba(230,158,194,1) 44%, rgba(233,65,150,1) 100%);;
    border: 1px solid black;
    text-align: center;
    font-family: 'VT323';
    color: yellow;
    animation: myrainbow 0.5s linear infinite;
}
.details-table td {
    background-color: black;
    border: 2px dashed #e94196;
    font-family: 'space mono';
    font-size: 13px;
    color:#e94196;
    text-align: center;
}
.details-table td:first-child {
    background-color: yellow;
    color: #e94196;
    text-align: center;
    border: 2px double;
    padding: 2%;
    width: 30%;
    font-size: 15px;
    font-family: 'Pacifico';
    border-radius: 20px 10px;
}
.profile .table-section:not(:last-child) {
    background-color: black;
    color: #e94196;
    border: 4px outset #e83394;
}
.profile .table-section {
    background-color: yellow;
    border: 4px outset yellow;
}
.profile .table-section .heading {
    background-color: #e94196;
    padding: 10px;
    text-align: center;
    font-size: 18px;
}
.col.right:before {
  content: "";
    display: block;
    background-image: url(https://external-media.spacehey.net/media/sBMDDWW86f7blU_SRP4zHfXahue38CO-VEU-fkxLf52k=/https://i4.glitter-graphics.org/pub/643/643244q1wz5sbczc.gif);
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
}
.profile .blurbs .inner, .profile .friends .inner {
    background-image:url(https://i4.glitter-graphics.org/pub/577/577814mxl3lzplgr.gif);
    border: 10px solid #df96bb;
    border-radius: 0px 0px 10px 10px;
}
.profile .blurbs .inner {
    font-family:'space mono';
    font-weight:bolder;
}
.profile .friends h4 {
    font-family: 'prompt';
    font-size: 15px;
}
.profile .friends:not(:last-child){
    font-family:'lobster';
    color: #e94196;
}
.profile .friends:not(:last-child) b {
    background-color: #ffb0c7;
    padding: 3px;
    border-radius: 10px;
    font-family: 'Poiret One'

}
.profile .friends:last-child b {
    background-color: #ffb0c7;
    color: #e94196;
    border-radius: 50px;
    padding: 1px;
    font-family: 'Poiret One'
}
.profile .friends .person p {   
    font-size:15px;
    color: #e94196;
    background-color: #ffb0c7;
    border-radius: 50px;
}
.profile .friends .person img:not(.icon) {
    border: 1px solid black;
    padding: 5px;
    padding-bottom: 20px;
    transform: rotate(10deg);
    background-color:white;
}
.blog-preview {
    background-image:url(https://i9.glitter-graphics.org/pub/2446/2446619i6exdib34w.gif);
    color: yellow;
    padding: 1%;
    border-radius: 20px;
    border: 3px dashed yellow;
    box-shadow: 0px -4px #e94196, -4px 0px #e94196, 4px 0px #e94196, 0px 4px #e94196;

}
.blog-preview p {
    background: linear-gradient(90deg, rgba(233,187,211,1) 0%, rgba(228,113,172,1) 50%, rgba(233,65,150,1) 100%);
    text-align: center;
    margin: %;
    padding: 2%;
    font-size: 15px;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 10px;
    border: outset #e94196;
    font-family: 'New Tegomin';
}
.blog-preview a, .profile .mood p:first-child a, .profile .friends:last-child b a {
    color: white;
}
.blog-preview h4 {
    text-align: center;
    color: pink;
    font-family: 'Lobster';
    font-size: 18px;
    margin: 2%;
    text-shadow: -2px -2px black;
}
h4 {
    color:white;
}
.profile .blurbs .section h4 {
    text-align: center;
    color:#e94196;
    text-decoration: underline;
    font-style: italic;
    text-decoration-style: double;
    background-color: black;
    padding: 3px;
    margin-left: 20%;
    margin-right: 20%;
    border: 5px double yellow;
    box-shadow: 7px -5px #c4116f;
    transform: rotate(-2deg);
    margin-top: 5%;
    margin-bottom:4%;
    font-family:'poiret one';
}
.profile .blurbs .section:last-child h4 {
   text-align: center;
    color: #e94196;
    text-decoration: underline;
    font-style: italic;
    text-decoration-style: double;
    background-color: black;
    padding: 3px;
    margin-left: 20%;
    margin-right: 20%;
    border: 5px double yellow;
    box-shadow: 7px -5px #c4116f;
    transform: rotate(2deg);
    margin-top: 5%;
    margin-bottom:4%;
    font-family:'poiret one';
}

.profile .blurbs .heading, .profile .friends .heading{
    background: linear-gradient(0deg, rgba(223,150,187,1) 1%, rgba(233,65,150,1) 73%);
padding: 10px;
    border-radius: 10px 10px 0px 0px;
    border: 3px;
    font-family: 'Prompt';
    font-size: 15px;
}
.profile .blurbs .section p {
    background-image:url(https://i5.glitter-graphics.org/pub/103/103735f2tmawjwqb.gif);
    margin: 3%;
    padding: 2%;
    border: 1px solid black;
    background-size: 20%;

}
.comments-table td:not(:first-child) {
    background-color: yellow;
    border: 2px dashed black;
    text-align: center;
    border-radius: 0px 20px 20px 0px;
    box-shadow: 0px -3px #e94196, 3px 0px #e94196, 0px 3px #e94196;
    text-align: center;
    font-family: 'arial';
    font-weight: bolder;
    font-size: 15px;

}
.comments-table td:first-child {
    width: 30%;
    background-color: black;
    border: 2px dashed yellow;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0px -3px #e94196, -3px 0px #e94196, 0px 3px #e94196;
    font-family: 'Lobster';
    font-size: 17px;
}
.comments-table td:first-child img:not(.icon) {
    border-radius: 50px;
}
.comments-table td:first-child a {
    color:#e94196;
}
.comments-table td button {
    background-color:#e94196;
}
body {
    background-image: url(https://i4.glitter-graphics.org/pub/1147/1147304tq3orodgbu.gif);
    background-color:pink;
    background-size:10%;
    background-position:center;
}
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: yellow; 
}
 

::-webkit-scrollbar-thumb {
    background:#e0218a; 
    border:1px solid black;
  
}
::-webkit-scrollbar-thumb:hover {
    background: yellow; 
}
.logo {
    background-color: black;
    padding: px;
    padding: 5px;
    box-shadow: 5px 6px #c4116f, 7px 8px black;
    transform: skewX(3deg);
}
main {
    border-bottom: 6px dotted #FFFFFF;
    border-left: 6px dotted #FFFFFF;
    border-right: 6px dotted #FFFFFF;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
    box-shadow: 0px 4px 15px 3px #FFFFFF;


}
footer:before {
    content: "layout made by garbagexoe";
    font-family: 'New Tegomin';
    font-weight: bolder;
    font-size: 10px;
    background: linear-gradient(0deg, rgba(230,158,194,1) 44%, rgba(233,65,150,1) 100%);
    padding: 5px;
    border-radius: 10px;
    color: yellow;
}
footer {
    background-image:url(https://cur.glitter-graphics.net/pub/2856/2856418tig64ck9y3.gif);
    border-radius:20px;

}
footer a, footer p {
    font-size: 7px;
    font-weight: bolder;
}
footer a {
    color:white;
}
@keyframes myrainbow{
0%{color:yellow}
30%{color:white}
50%{color:yellow}
80%{color:white}
100%{color:yellow}}
</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://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	 content: url("https://sadgrl.online/images/lyts/not-mine/hearth_rosa.gif");
</style>
<style>
.comments-table td:first-child a:hover {
    color: white;
}
.profile .blurbs .section h4:hover {
    font-family: 'Righteous';
    transform: rotate(-4deg);
    font-size: 15px;
    color: yellow;
}
.profile .blurbs .section:last-child h4:hover {
    font-family: 'Righteous';
    transform: rotate(4deg);
    font-size: 15px;
    color: yellow;
}
.contact a:hover {
    font-size: 13px;
    color: black;
    font-family: 'New Tegomin';
}
nav ul.links a:hover {
    font-family: 'Homemade Apple';
    background-color: #e94196;
    color: black;
}
.profile .friends .person img:not(.icon):hover {
    transform: rotate(0deg);
    filter: drop-shadow(1px 2px 3px black);
}
a:hover {
    color: aqua;
}
.profile .mood p:last-child a:hover {
    color: yellow;
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Archivo&family=Bebas+Neue&family=Borel&family=Edu+SA+Beginner&family=Handjet:wght@300;500&family=Homemade+Apple&family=Lobster&family=Molle&family=New+Tegomin&family=Pacifico&family=Poiret+One&family=Press+Start+2P&family=Prompt:wght@200&family=Righteous&family=Roboto+Mono:ital,wght@1,300&family=Space+Mono:wght@700&family=VT323&display=swap');
</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 19 of 19 comments ( View all | Add Comment )

⋆˚࿔Safi Starie𝜗𝜚˚⋆ּ ֶָ֢.	1725740652 using!! Report Comment
MILO!	1723922106 USINGGG!! ( ˶ˆᗜˆ˵ ) Report Comment
⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹	1715693070 will probs use, ty! Report Comment
Heyscenekid	1714255644 using Report Comment
veinette	1696821583 using!!! Report Comment
ALICE	1695783508 using! Report Comment
win2002x	1695405222 using Report Comment
Bunni ϑ𐑞	1695160098 using <33333 Report Comment
T E S S A ! ☆	1694935579 using!! Report Comment
kay 🩷	1694799213 using!! Report Comment
lyn ☆	1694497805 using!!! Report Comment
Heyscenekid	1692302299 using! Report Comment
☆ᴘᴀɪɢᴇ☆	1692064322 omggg this is so cute i need to use it !! Report Comment
heart	1691950051 using ^^ 🤍 Report Comment
♡ barbie ♡	1691911204 using ♡ Report Comment
Valentino :3	1691181884 usuing ;p Report Comment
𝔈𝔩𝔳𝔦𝔯𝔞	1691005571 Usinggg💋🩷 Report Comment
✶ mor·tify	1690667602 OMG !! USING Report Comment
archimedes / malware ! ☆	1690663984 this is so cool!!! def using Report Comment It's another Juniper! :) by ✶ mor·tify; 1690667621; Report