🍭|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 21 comments ( View all | Add Comment )

Sofiya	1744281277 using Report Comment
DKawaiiart	1712979108 USING :33 Report Comment
Shadz	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
✧.cody.✧	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