🍭|A Spoon Full of Sugar

Tags: glitter, sparkle, stars, sugar, blue, anime, happy sugar life (2018), shio kōbe, deathloli

Description:

⚠️ IF YOU USE THIS LAYOUT, PLEASE EITHER COMMENT OR CREDIT ME ON YOUR PROFILE!!! ⚠️

✧ This layout was heavily inspired by Leo ☐ and a character-inspired layout of Shio Kōbe 'Happy Sugar Life (2018)'.

✧ A lot of love went into this, and I hope you'll credit me if you use it. It helps motivate me to make more layouts like this one!

✧ Some pieces of code might change, and I'll probably produce more layouts in the near future, so I hope you stick around and stay tuned for those!

✧ I took inspo. from these wonderful creators:

✑ Bela

✑ Leo ☐

✑ Prince CSS Labs

✧ Comments and questions are welcomed and appreciated!

⚠️ REMEMBER, IT IS AGAINST SPACEHEY RULES TO HIDE THE SPACEHEY LOGO, SEARCH BAR, FOOTER, CONTACT BAR, OR NAV BUTTONS!!! ⚠️

Code:

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

<style>
/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com , https://rgbacolorpicker.com
* for fonts go to https://fonts.google.com
* for cursors go to https://cur.cursors-4u.net
==========⚠️==========*/


/* Fonts & Texts */
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}

.profile h1{
background: -webkit-linear-gradient(#000E45, #1C49FF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.profile .blurbs .section h4{
font-family: 'DotGothic16', sans-serif;
text-align: center;
color: white;
}

p{
font-family: 'DotGothic16', sans-serif;
Color: white;
}

.online {
  background-color: none;
  color: #FFFFFF;
}

.profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
}

.count{
color: #8CE3FF;
}

.profile .blurbs .section h4{
font-family: 'DotGothic16', sans-serif;
font-size: 15px !important;
color: #8CE3FF;
}

.profile .table-section .heading h4{
font-size: 17px !important;
font-family: 'DotGothic16', sans-serif;
Color: white;
}

.profile .contact .heading h4{
font-size: 17px !important;
font-family: 'DotGothic16', sans-serif;
Color: white;
}

.profile .blurbs .heading h4{
font-family: 'DotGothic16', sans-serif;
Color: white;
font-size: 16px !important;
}

.profile .friends .heading h4{
font-family: 'DotGothic16', sans-serif;
Color: white;
font-size: 16px !important;
}

.profile .friends .heading h4{
font-family: 'DotGothic16', sans-serif;
Color: white;
font-size: 16px !important;
}

.profile .friends .person p{
color: white;
text-shadow: 1px 1px #1C49FF;
}

div.friends:nth-of-type(3) > div.inner:nth-child(2) > p:first-child > b:first-child{
text-shadow: 1px 1px #1C49FF;
}

/* Important Backgrounds */
body { 
background: url(https://static.wixstatic.com/media/546dbf_d0a40f1979504408a676369fb2e53d7b~mv2.gif);
        background-size: 821px;
        background-attachment: fixed;
}

main {
background: rgba(2, 0, 117, 0.47);
        border-radius: 10px;
        border: 2px dashed;
        border-color: white;
}

footer {
background-image: url(https://cdn2.scratch.mit.edu/get_image/gallery/26170815_170x100.png);
border-radius: 15px;
border: 3px dotted white;
color: white;
}

nav .top {
        background-color: transparent;
        background-size: 380px;
        background-position: center;
        border-radius: 10px;
        border: 2px dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
}  

/* Cursors */
a:hover {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur683.cur'), auto;
}

* {
    cursor: url('https://cur.cursors-4u.net/symbols/sym-7/sym631.png'), auto;
}

/* Links */
nav{ 
font-size: 13px !important;
font-family: 'DotGothic16', sans-serif;
text-shadow: 1px 1px #1C49FF;
text-transform:none;
padding-left:3px;
text-align: center;
}

nav .links {
background-color: transparent;
padding-left:3px;
text-align: center;
}
nav .links a:hover {
color: #5E7EFF;
}

a:hover{
color: #8CE3FF;
}

DIV.url-info > P:nth-child(1) > B{
font-size: 17px !important;
}

a{
color: #5E7EFF;
}

.logout-btn{
text-shadow: 1px 1px #1C49FF;
}

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

/* Icons */
.online img { 
content: url("https://imagizer.imageshack.com/img923/9164/rsCZrk.png");   
visibility: visible; 
height: 41px; 
width: 40px; 
animation-name: example;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.icon, .award img {
content: url(https://media.giphy.com/media/Mikatd9HKZ3tQC4sLF/source.gif);
display: inline-block;
height: 20px;
width: 20px;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);
}

.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px white;
border: 3px dotted white;
}

.profile-pic {
         border-radius: 7px;
         border: 4px dotted white;
         box-shadow: 0px 0px 10px white;
         border-radius: 7px;
         overflow: hidden;
 }

.comments-table td * button{
         border-radius: 0px !important;
         border: 2px solid white!important;
         font-family: 'DotGothic16', sans-serif; !important;
         text-shadow: 1px 1px #1C49FF;
         background-color: rgba(139, 139, 255, 0.47) !important;
         color: white!important;
}

nav .top .center form button{
border-radius: 0px !important;
border: 2px solid white!important;
font-family: 'DotGothic16', sans-serif; !important;
text-shadow: 1px 1px #1C49FF;
background-color: rgba(193, 202, 255, 0.6) !important;
color: white!important;
}

.search-wrapper input[type=text] {
background-color: rgba(224, 229, 255, 0.69) !important;
border: 2px solid white !important;
color: rgba(99, 120, 222, 1) !important;
border-radius: 0px !important;
}

.comments-table td:first-child img:not(.icon) {
border-radius: 10px;
border: 2px dotted white;
}

/* Information Boxes & Comments  */
.profile .url-info {
border: 2px dashed  white;    
background: rgba(225, 231, 255, 0.47);
}

.profile .contact {
border: 2px dashed  white;
background: rgba(225, 231, 255, 0.47);
}

.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color: rgba(29, 27, 151, 0.47);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(149, 147, 244, 1);
}

.profile .table-section {
border: 2px dashed  white;     
background: rgba(225, 231, 255, 0.47);
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(241, 244, 255, 0.4);
}

table.comments-table td {
color: white;
}

table.comments-table {
border: 2px dashed white;
}

.profile .friends .comments-table td {
background-color: rgba(225, 231, 255, 0.47);
border: 1px solid white;
}
.comments-table td*{
 }

DIV.blog-preview{
text-align: center;
font-family: 'DotGothic16', sans-serif;
background-color: rgba(29, 27, 151, 0.47);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(149, 147, 244, 1);
}

.profile .table-section .details-table td {
background-color: rgba(247, 248, 255, 0.58);
}

.profile-info{
font-family: 'DotGothic16', sans-serif;
background-color: rgba(29, 27, 151, 0.47);
border-radius: 15px;
border: 3px dotted rgba(149, 147, 244, 1);
}

.comments-table {
display: block;
height: 500px!important;
overflow-y: scroll;
border: 3px solid white;
outline: none !important;
}

.comment-reply:not(:first-child) {
border-top: 3px double white;
}

.comment-replies {
background: rgba(241, 244, 255, 0.4);
padding: 0 5px;
border: 2px dashed white;
margin-top: 10px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner {
text-align: center;
content-align: center;
}

/* Animations */
.profile h1, .profile .friends .person img:not(.icon), .profile .friends .person p, .general-about .profile-pic, .floating {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 0px;
margin-top: 0px;
}

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

.online img, .pop {
	    
        animation-name: pop;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        margin-left: 0px;
        margin-top: 0px;
}

#container, .profile .friends .person img:not(.icon){
        display: inline-block;
        margin: 0px;
        border: 3px dotted white;;
        overflow: hidden; }
#container img, .profile .friends .person img:not(.icon){
        display: block;
        transition: transform .4s; 
        width: 100px;
        height: auto;}
#container:hover img, .profile .friends .person img:not(.icon):hover{
        transform: scale(1.3);
        transform-origin: 50% 50%;
        webkit-filter: blur(2px);
        filter: blur(2px);}

.profile .friends .person img:not(.icon){filter: none;}

</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 20 of 20 comments ( View all | Add Comment )

DKawaiiart	1712979108 USING :33 Report Comment
Shadz (mostly inactive mb)	1711057852 using Report Comment https://pin.it/LhO2X6z8m by Skyler; 1731153070; Report
ஃ мɨκłớ Ѵ ஃ	1701486323 Hide the bottom footer BOX, with links still visible } .footer {width: 0px !important; height: 0px !important; border: 0px !important;} .container > footer:nth-child(3) {width: 0px !important; height: 0px !important; border: 0px !important;} } Report Comment
⠀ ⠀	1686457656 using Report Comment
cat :3	1686193863 will definitely be using! this is my first Time one space hey and this is the first layout to really catch my eye! amazing job! Report Comment
coolkidcody	1680558775 usin Report Comment
Lavender	1677198622 using~ Report Comment
☆ aerin	1671326021 usingg Report Comment
Hamburguesita	1669490349 muy lindo , lo estoy usando Report Comment
K	1649170612 love it :) Report Comment
sobb1ng	1648817429 SOO CUTEEE Report Comment
sobb1ng	1648817421 SOO CUTEEE Report Comment
di	1647201771 Love the layout! Thanks for sharing : ) Report Comment
dead2u	1644934983 I love tis layout.it perfectly represents me !:D Report Comment
BEN	1640284992 This layout is so cute ^^ Report Comment
Brittany ️💋	1636156954 Help I can’t remember how to do the layout🤦🏽‍♀️ Report Comment You copy and paste the code into your about me section and save your edits to your page, then it should show up on your profile! :D by BlaqqMagixx; 1636220507; Report Thank you I love this one ️️️ by Brittany ️💋; 1637793750; Report
Juli ☆ Rivera	1634915076 woah it looks amazing thank you! This is my first time trying to use a layout and im amazed!!! Report Comment Oh jeez, you're making me blush! ^^ I'm happy that you like it! by BlaqqMagixx; 1634916638; Report