Kawaii Layout with some Eddsworld stuff!! [Works on all devices!]

Tags: eddsworld, 2010s, 2000s, kawaii, cherry blossom, pink

Description:

If you're a kawaii gal and a Eddsworld freak this is the layout for you!!

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/3KMwffC5k2Y//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>





<style>

footer::after{
  bottom: 0;
  font-size:0;
  left: 77%;
  position:fixed;
  pointer-events: none;
  content:url("https://static.wikia.nocookie.net/debatesjungle/images/4/47/Tord_png.png");
}






<style>

.blog-preview h4{ font-size:0; 
margin-bottom: 10px;color:black;}

.blog-preview h4 a{font-size:16px;margin-left:5px;}

.blog-preview h4:before{ content: "BLOG"; font-size:16px; padding:10px;text-shadow: 0px 0px 3px #ff4da6;}

.profile .heading, .profile .friends .heading {
padding:0px;
    
}

.blurbs .heading{ font-size:0;}
.blurbs .heading:before{ content: "ABOUT"; font-size:16px; font-weight:bold; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "FRIEND COUNT"; font-size:16px; font-weight:bold; padding:10px;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "COMMENTS"; font-size:16px; font-weight:bold; padding:10px;}

.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:"★"
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "★"
}
button {
background-color:#ff59db;
  border: none;
  color: black;
  padding: 5px;
border-radius:30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
}
.profile .blurbs .section h4{
display:none;}

main:before {
 width:auto;
 margin-bottom:25px;
 border:1px solid black;
 height: 300px;
 display:block;
 content: "";
 box-shadow: 0px 0px 5px 1px #ff4da6;
 background-image: url('https://gifimage.net/wp-content/uploads/2017/11/eddsworld-gif-4.gif');
 background-position: center center;
 background-size: cover;
}
main {
    background-image: url();
    background-repeat: cover;
    background-size: 100% ;
background-color:transparent;
  }  
  
body{
background:url("https://gifimage.net/wp-content/uploads/2018/04/kawaii-background-gif-10.gif")
    no-repeat fixed; 
background-repeat: repeat;
color:black;
font-size:16px;}
<style>
footer {
border-radius: 15px;
background-color:#000;
background-position: center bottom;
background-image: url();
</style>
<style>
@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-transform:!important;
}
nav .top {
background-color:white;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
color:black;
}
nav img.logo {
filter: brightness(0) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(
0deg
) brightness(0%) contrast(100%);}
nav .links a{
    color:black;
}

nav .links, footer .links {
color:black;
background-color:white;
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}
a{
color:#ff4da6;
text-shadow: 0px 0px 0px;
}

a:hover{
color:#000;
text-shadow:0px 0px 1px black;
text-decoration:none;}


.online {
        color: magenta;
        font-weight: bold;
        font-size: 80%;
    }
    
    .online img {
        content: url(https://static.wikia.nocookie.net/character-stats-and-profiles/images/0/0e/Eddsworld_Edd.png);
        height: 2.9em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 1s;
    }

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange:pink ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: white;
    }




.mood{
background:rgba(255,255,255,1);
padding:10px;
box-shadow: 0px 0px 5px 1px #ff4da6;
border:1px solid black;
margin-bottom:10px;
font-size:16px;
color:black;}

.general-about{
color:black;
}

.profile .contact .inner{
background:transparent;
color:black;
border-radius:20px;}

.profile .contact .heading{
display:none;}

.profile .url-info{
display:none;
color:white;}

.profile .table-section{
border:1px solid black;
height:auto;
padding:15px;
box-shadow: 0px 0px 5px 1px #ff4da6;
background-size:cover;
background:rgba(255,255,255,1);
background-position:top center;}

.profile .table-section .inner{
background:transparent;
padding:0px;
color:black;}

.profile .table-section .heading{
display:none;}

.profile .left .table-section:last-child {display:none;}

.home-actions {
border: none
height:auto;}
a.ditto-link {
display: block;
        margin: 10px 0;
        color: #ff59db;
        font-size: 16px;
        font-weight: bold;
text-shadow:3px;
        animation: blinker 1s linear infinite;
    }
 .general-about   .profile-pic {
        border-radius: 100px;
        overflow:hidden;
        margin-bottom:25px;
        box-shadow: 0px 0px 5px 1px #ff4da6;
    }

.profile-info{
color:black;
padding:10px;
border: 2px solid white;}

    .heading {

        background-color: transparent !important;
        color: black !important;
        text-shadow: 0px 0px 3px #ff4da6;
    }
        
.comments-table{
display: block;
height: 380px;
overflow-y: scroll;
Border-radius: 15px;}

.comments-table td:first-child, .music-table td:first-child {
    text-align: center;
    font-weight: bold;
border-radius:0px;
    width: 38%;
height:auto;}

table.comments-table td {
background:transparent;}

.comments-table td, .music-table td {
    vertical-align: top;}



    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    table.comments-table td {
        background-color: !important;}
    
#comments{
margin-top:20px;}
    
 #comments a{
color:#ff4da6;}

#comments a:hover{
color:#000;
text-decoration:none;}
#comments p:hover{
text-shadow:0px 0px 1px;
}



.blurbs{
background:rgba(255,255,255,1);
padding:10px;
box-shadow: 0px 0px 5px 1px #ff4da6;
border:1px solid black;
}

.blog-preview{
border:1px solid black;
color:black;
box-shadow: 0px 0px 5px 1px #ff4da6;
background:rgba(255,255,255,1);
padding:10px;}

.blog-preview h4, h4 a{
text-shadow: 0px 0px 0px;}

.friends{
padding:10px;
box-shadow: 0px 0px 5px 1px #ff4da6;
border:1px solid black;
background:rgba(255,255,255,1);}

.profile .blurbs .section {
color:black;
text-align: center;}

.comments-table td:first-child img {
width: 80px;
border-radius: 0px;
box-shadow:0px 0px 3px #ff59db;}



    .blog-preview p {
    font-size: 16px;
color:black;}




<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://gifimage.net/wp-content/uploads/2017/11/eddsworld-gif-11.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


}





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