⋆˚✿˖° 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 ant plant (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 16 of 16 comments ( View all | Add Comment )

Heyscenekid	1714255644 using Report Comment
veinette	1696821583 using!!! Report Comment
ALICE	1695783508 using! Report Comment
win2002x	1695405222 using Report Comment
𝒕𝒉𝒆 𝒑𝒓𝒆𝒕𝒕𝒊𝒆𝒔𝒕 𝒆𝒗𝒆𝒓. ⋆˙⟡♡	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
Ely	1691005571 Usinggg💋🩷 Report Comment
✶ juniper	1690667602 OMG !! USING Report Comment
juniper / june ! ☆	1690663984 this is so cool!!! def using Report Comment It's another Juniper! :) by ✶ juniper; 1690667621; Report SOOOO SO CUTE had to use it right away by ADRI <3; 1690897847; Report