scene queen layout - rainbow blue + pink <3

Tags: scene, 2000s, blue, pink, cute, gif, emo, sparkle

Description:

i finally made a new layout :3 dis 1 is scene queen crowns, n a little blu n pink theme... idk how 2 describe it, im just super happy w/ it!!!! **credit iz nawt required but its very appreciated!!!!**

Preview:

click on the image for a larger preview

Code:

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

ABOUT ME GOES HERE!!!! U CAN TYPE WHATEVER U WANT HERE JUST DELETE THIS TEXT!!!! THE LAYOUT IS BELOW

<style>

body {
   background: #000 url(https://i.imgur.com/yycy6yU.png);
   font-family: "Courier";
   cursor: url(https://i.imgur.com/k56KAhf.png), auto;
}

main {
   background: url(https://i5.glitter-graphics.org/pub/1643/1643225lnyzlvu1at.png);
   background-attachment: fixed;
   color: #fff;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
   border-bottom: 5px solid #fff;
}

div.top {
   background: url(https://i.imgur.com/dq0N520.gif);
   margin-top: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
   border-top: 5px solid #fff;

}

.links {
   background: linear-gradient(0deg, rgba(255,114,196,1) 0%, rgba(255,122,195,1) 50%, rgba(255,146,214,1) 50%, rgba(255,241,253,1) 100%);
   font-size: 7px;
   text-align: center;
   font-weight: bold;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
}

.links li:not(:last-child)::after {
  content: "   " !important;
  font-size: 6px;
  color: black;
}

.links li {
   margin: 3px;
}

nav .links a:hover {
  text-decoration: none;
  color: #00d9ff;
}

.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #fff;
   border-radius: 20px;
   box-shadow: inset 0px 5px 15px 5px #000;
   padding: 8px;
}

.contact {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #fff;
   border-radius: 20px;
   box-shadow: inset 0px 5px 15px 5px #000;
}

.general-about {
   overflow: auto;
}

.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://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);

}

.profile-info {
   border: 0;
   margin: 5px;
   padding: 5px;
   font-style: italic;
}

.profile-pic {
   animation: floating 3s;    
   animation-iteration-count: 1;
   animation-iteration-count: infinite;
}

.friends-grid {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #fff;
   border-radius: 20px;
   box-shadow: inset 0px 5px 15px 5px #000;
   margin-top: 10px;
   padding: 8px;
}

.person:hover {
   animation: floating 1s;    
   animation-iteration-count: 1;
   animation-iteration-count: infinite;
}

h1 {
   font-size: 20px;
   text-align: center;
   text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;
}

.profile .url-info {
border: 7px double #fff;   
}
.profile .contact {
border: 7px double #fff;   
}
.profile .table-section {
border: 7px double #fff;   
}

.heading {
   text-align: center;
   font-size: 14.5px;
   margin: 10px;
   text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
}

button {
   background: linear-gradient(0deg, rgba(255,114,196,1) 0%, rgba(255,122,195,1) 50%, rgba(255,146,214,1) 50%, rgba(255,241,253,1) 100%);
   border: 1px solid #fff;
}

button:hover {
   background: #00d9ff; 
   box-shadow: inset 0px 0px 9px 1px rgba(0, 0, 0, 0, 0.5);
   border: 1px solid #fff;
}

input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
   border: 1px solid #fff; 
}

.count {
   color: #ff79c3;
}

a:hover {
   color: #ff79c3;
   font-weight: bold;
}

::selection {
   background: rgba(255,122,195,0.6);
   color: #000
}

.online {
   content: url(https://i10.glitter-graphics.org/pub/2115/2115990hjhdyc6bpf.gif);
}

.logout-btn {
   font-family: "Courier";
}

footer {
   background: 0;
   font-weight: bold;
   text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
}

footer .links {
   background: 0 !important;
}

:root {

    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #fff;
    --darker-blue: #fff;
    --lighter-blue: #fff0;
    --even-lighter-blue: #fff0;
    --lightest-blue: #fff0;
    --red: #fff0;
    --dark-orange: #fff;
    --light-orange: #fff0;
    --even-lighter-orange: #fff0;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
}

@keyframes floating {
   0% { transform: translate(0,  0px); }
   50%  { transform: translate(0, 10px); }
   100%   { transform: translate(0, -0px); }   
}

</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 )

Joel	1694547017 using !! Report Comment
Melatonin Angel	1688327753 the background isn't working! :C Report Comment
Melatonin Angel	1688327753 the background isn't working! :C Report Comment
TIMELESS	1681620934 uzing !! >_< Report Comment
Kaden	1679958262 Using ^___________^ Report Comment
☆ LINK/ZOE ☆	1679643907 so kool!!! using! ^w^ Report Comment
madi	1676760395 using!!! Report Comment
333BPSforever!!!333	1674283105 Tiz is so coolsiez!!! Report Comment
☆ cassius galore ☆	1674010900 def usin dis :3 Report Comment
Xali3	1673147742 Using Report Comment
dennis	1672974536 I AM UZING!! TY X3 Report Comment
kode !!	1672524724 SOOOO KEWL TYYY USING Report Comment
keisoa2218 （ゝ。∂）~	1672263111 DIS LOOKS SEWPER KEWL THANKS SO MUCH Report Comment
zcottizuicide:3	1672099457 using this fo sho! Report Comment
// jinxxy //	1670652710 omg omg omg this layout is amaze balls i luv it so much thk u!!!! Report Comment
zzombiekat	1670246590 if i could give you a million kudos i would. Report Comment
zzombiekat	1670246513 oh woa. this is so adorable !!!! keep making layouts (: Report Comment
⯎ sammy or meulin ₊ 🧪	1670210142 RAAAAAAH!! SO COOL Report Comment
⭐️; 311/Tavish	1670209919 COLOURZ!!!! Report Comment