Cute Chao Layout

Tags: cute, gaming, sonic, blue
Description:

Super cute Chao theme I made for anyone's use. It's my first layout code on here, yay!
if u have any questions, just comment. I'll gladly help anyone.
If you use this layout, comment or add me! I'd love to see it on others profiles :]
Preview:

click on the image for a larger preview
Code:

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


<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
</style>
<style>
nav .top{
   background: none;
}
nav .links{
   background: rgba(47, 150, 224, 0.8); 
   border-radius: 25px;
   font: verdana;
   text-transform: lowercase;
   color: #ffffff;
}
nav .links a:hover{
   color: #fffa6b;
   text-decoration: none;
}

body {         
   background-image: url(https://wallpaperaccess.com/full/2513419.jpg);
   background-color: rgba(147, 227, 249);   
   background-repeat: none;
   background-size: 100%;   
   background-attachment: fixed; 
}   

h1{
   font-size: 30px!important;
   font-family: 'Press Start 2P', cursive;
   color: #FFF100;
   text-shadow: 0 0 3px #00ddff;
   line-height: 50px;
   background: none;
   background-image:url(https://dl.glitter-graphics.com/pub/185/185014ak9zcfe613.gif);
   background-position: right;
   background-repeat: no-repeat;
   padding-top:0px;
}

main {   
   background-image:url(none);
   background-color: rgba(162, 224, 242, 0.8);
   background-repeat: repeat;
   background-attachment: fixed;   
   border-radius: 25px;
   padding: 0px;    
   font: Arial;    
   font-size: 12px;
   color: #ffffff;
   overflow-x: hidden; 
   overflow-y: scroll;
   height: 650px; 
   
} 
a {
  color: #2f96e0;
}
a:hover {
  color: #fff56d;
}
.general-about {                        
   text-align: left;  
} 
.profile-pic {
        border-radius: 500px;
        overflow: hidden;
          
}

.online{content:url("https://dl.glitter-graphics.com/pub/1503/1503363zl03x9ymtl.gif ");
}
.profile .mood {  
   border: dotted 3px #fff789; 
   border-radius: 25px;
   background-image: (none); 
   background-color: rgba(115, 192, 214, 0.8);      
   text-align: center; 
} 

.profile .contact .heading {     
    background: rgba(0, 0, 0, 0.0);     
    text-align: center;   
}  
 .profile .contact {             
    background-image: url(https://i.redd.it/azeo85wdt8xz.png);   
    background-position: right bottom;  
    background-repeat: none;    
    background-attachment: scroll;
    background-size: 100%;
    border-radius: 25px;   
    Height:150px;    
    color: white;
    font-size: 12px;  
}
.contact a{      
   font-family: 'Press Start 2P', cursive;
   font-size: 8px; 
   color: #fff100; 
}
.contact a:hover{     
   color: #ffffff;   
}
.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: "  ☆"
}

.profile .table-section{
   border: dotted 3px #fff789; 
   border-radius: 25px;
}

.profile .table-section .heading {
   background-color: rgba(0, 0, 0, 0.0);
   text-align: center;  
}

.details-table td {   
   background-color: rgba(115, 192, 214, 0.8);  
   color: #ffffff;         
   border-radius: 25px;  
   padding: 5px; 
}
.details-table td:first-child {  
   background-color: rgba(115, 192, 214, 0.8);   
   border-radius: 25px;   
   color: #ffffff;  
   padding: 5px; 
} 
.blog-preview  {       
    border: dotted 3px #fff789;
    border:solid 1px #000000; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 25px; 
   background-color: rgba(115, 192, 214, 0.8);  
   background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d73e31b2-a6b4-4922-8beb-acaf4480cae8/d630cp-d28d8df0-cf02-45b0-af19-b80edfa71848.png/v1/fill/w_640,h_480,q_80,strp/the_hero_chao_garden_by_digitails_d630cp-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3siaGVpZ2h0IjoiPD00ODAiLCJwYXRoIjoiXC9mXC9kNzNlMzFiMi1hNmI0LTQ5MjItOGJlYi1hY2FmNDQ4MGNhZThcL2Q2MzBjcC1kMjhkOGRmMC1jZjAyLTQ1YjAtYWYxOS1iODBlZGZhNzE4NDgucG5nIiwid2lkdGgiOiI8PTY0MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.I-gVh2V12Q_-EDcDMgWoCNutbp_eJCqXYdbSc2Rqb30);
   background-position: center bottom;
   background-size: 100%; 
   opacity:0.5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
} 
.blog-preview:hover {
    opacity:1.0;
  filter:alpha(opacity=100);
}
.profile .blurbs .heading {
    background-image:url(https://dl.glitter-graphics.com/pub/1426/1426932dy7wb53dh4.gif);
    background-repeat: repeat;
    background-size: 3%;
    font-family: 'Press Start 2P', cursive;
    text-shadow: 0 0 3px #0062a8;
    color: #fff791;
    font-size: 8px;
}

.profile .blurbs .section h4{
    background-color: rgba(115, 192, 214, 0.8);  
    color: #ffffff;
}

.profile .blurbs .section p {
   word-wrap: break-word;
}
.profile .friends .heading {
   background-image:url(https://dl.glitter-graphics.com/pub/1426/1426932dy7wb53dh4.gif);
    background-repeat: repeat;
    background-size: 3%;
    font-family: 'Press Start 2P', cursive;
    text-shadow: 0 0 3px #0062a8;
    color: #fff791;
    font-size: 8px;
}
.profile .friends .person img:not(.icon) {
   border-radius: 500px;
   overflow: hidden;
   border: dotted 3px #fff789; 
}

.comments-table td {   
   background-color: rgba(115, 192, 214, 0.8);       
   border: dotted 3px #fff789;         
   font: verdana;        
   font-size: 10px;   
   padding: 10px; 
} 
.comments-table td p {   
   text-align: left!important;
   background-color: rgba(115, 192, 214, 0.8);   
} 
.count {
   color: #137ac4;
}
   /*scrollbar*/
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff772; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #76cef7;
  border-radius: 5px; 
}
footer {
    height:80px;
    background: rgba(47, 150, 224, 0.8);  
    
}
footer a {
    color: #ffffff;
}
</style>

<!-- Cursor -->
<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd/3FMXf9xTF3/cUxd/wAAAAAAAAAAAAAAAAAAAAAAAAAANl2S/zZdkv82XZL/Nl2S/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/89vL//Pby//z28v/89vL/cUxd/wAAAAAAAAAAAAAAADZdkv96yP7/esj+/3rI/v96yP7/Nl2S/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf9xTF3/28PQ//z28v/89vL/cUxd/3FMXf9xTF3/cUxd/wAAAAA2XZL/esj+/3rI/v96yP7/esj+/3rI/v82XZL/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3//Pby/3FMXf/bw9D//Pby//z28v9xTF3/cUxd/3FMXf9xTF3/Nl2S/3rI/v96yP7/esj+/3rI/v96yP7/esj+/zZdkv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3/cUxd/3FMXf9xTF3/cUxd//z28v/79vX/cUxd/9vD0P/89vL//Pby/3FMXf9xTF3/cUxd/zZdkv96yP7/esj+/3rI/v96yP7/esj+/3Ko8v9Vhsn/Nl2S/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3/cUxd/9vD0P/bw9D/28PQ//v29f9xTF3//Pby//v29f9xTF3/28PQ//z28v/89vL/cUxd/3FMXf82XZL/VYbJ/3Ko8v96yP7/esj+/3rI/v9yqPL/VYbJ/zZdkv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3/cUxd/9vD0P/89vL//Pby//v29f/79vX/+/b1/3FMXf/89vL//Pby//v29f9xTF3//Pby//z28v/89vL/cUxd/zZdkv9Vhsn/cqjy/3Ko8v93rff/cqjy/1WGyf82XZL/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd/9vD0P/89vL/+/b1//v29f/79vX/+/b1//v29f/79vX/cUxd//z28v/89vL//Pby/3FMXf/89vL//Pby//z28v9xTF3/Nl2S/1WGyf9Vhsn/cqjy/3Ko8v9Vhsn/Nl2S/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3/28PQ//z28v/79vX/+/b1//v29f/79vX/+/b1//v29f9xTF3//Pby//z28v/79vX//Pby//z28v/89vL//Pby//z28v9xTF3/Nl2S/1WGyf9Vhsn/VYbJ/zZdkv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/bw9D//Pby//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f9xTF3//Pby//z28v/89vL//Pby//z28v/89vL//Pby//z28v9xTF3/Nl2S/zZdkv82XZL/cUxd/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd//z28v/89vL/+/b1//v29f/79vX/+/b1//v29f/79vX/+/b1/3FMXf/89vL//Pby//z28v/89vL//Pby//z28v/89vL//Pby//z28v9xTF3/cUxd/3FMXf9xTF3/cUxd/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3//Pby//z28v9xTF3/+/b1//v29f/79vX/+/b1//v29f/79vX/+/b1/3FMXf/89vL//Pby//z28v/89vL//Pby//z28v/89vL//Pby//z28v9xTF3/cUxd/3pVZf96VWX/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/89vL/cUxd//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f/79vX/cUxd//z28v/89vL//Pby//z28v/89vL//Pby//z28v/89vL//Pby/9vD0P+ziJ//s4if/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/58/P/+/b1//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f/79vX/cUxd//z28v/89vL//Pby//z28v/89vL//Pby/3FMXf9xTF3/s4if/7OIn/9xTF3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3//Pby//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f/79vX/cUxd//z28v/89vL//Pby//z28v/89vL/28PQ/3FMXf9xTF3/cUxd/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd//z28v/89vL/+/b1//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f/79vX/+/b1//v29f/79vX/cUxd/3FMXf/89vL//Pby/9vD0P+ziJ//s4if/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/89vL//Pby//v29f/79vX/+/b1/9vD0P+ziJ//+/b1//v29f/79vX/28PQ//v29f/79vX/+/b1//v29f/79vX/+/b1/3FMXf/bw9D/s4if/7OIn/9xTF3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3//Pby//z28v/79vX/+/b1//v29f/bw9D/s4if/3FMXf/89vL/28PQ/9vD0P+ziJ//+/b1//v29f/79vX/+/b1//v29f/79vX/28PQ/3FMXf9xTF3/cUxd/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd//z28v/89vL/+/b1//v29f/79vX/28PQ/7OIn/9xTF3/cUxd/9vD0P+ziJ//s4if/3FMXf/79vX/+/b1/9vD0P/79vX/+/b1//v29f/bw9D/s4if/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3//Pby//v29f/79vX/+/b1/9vD0P+ziJ//cUxd/wAAAAAAAAAAcUxd/3FMXf9xTF3/+/b1/9vD0P/bw9D/s4if//v29f/79vX/28PQ/7OIn/9xTF3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/89vL/+/b1//v29f/bw9D/s4if/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf/bw9D/s4if/7OIn/9xTF3/+/b1/9vD0P+ziJ//cUxd/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd//v29f/79vX/28PQ/7OIn/9xTF3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFMXf9xTF3/cUxd//v29f/bw9D/s4if/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3/+/b1/9vD0P+ziJ//cUxd/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcUxd/3FMXf9xTF3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxTF3/cUxd/3FMXf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////8Ph//+BwP/+AID//AAA/4AAAP4AAAH4AAAD8AAAB/AAAA/wAAAH8AAAB/AAAAfwAAAH+AAAD/AAAB/gAAA/wAAAf4AAAP8AAAH/AMAD/wHwB/8D+A//B/8f/4////8='), auto; }</style>

<!-- Corner Chaos -->
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6032679c-cc41-4373-b384-06e93fc5e9a2/dc7uu3k-cc99bca4-34a0-4cbe-9c6d-3f16e169c9a1.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNjAzMjY3OWMtY2M0MS00MzczLWIzODQtMDZlOTNmYzVlOWEyXC9kYzd1dTNrLWNjOTliY2E0LTM0YTAtNGNiZS05YzZkLTNmMTZlMTY5YzlhMS5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.i1m6_yZr7DrM9MV4ZlJFfyt8QJA_N6d8VVkyC7hmPek" height="150" style="position:fixed;bottom:0px;right:0px;"/>
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 9 of 9 comments ( View all | Add Comment )
rubyuhhh :P	1713231997 using! :D Report Comment
Kal/Tango	1708871620 using! Report Comment
zombieraw	1693788481 USING!! Report Comment
jas <3	1688835716 using <3<3 so cutee Report Comment
crunky maimer	1686976102 Using --- sooooooo cuteeee Report Comment
M4GG0T M3NT4L	1644459826 USING!! very cool! good job!! Report Comment
Handsumm	1636690182 love it! using it now Report Comment
Rue ♥ she/they	1614800952 I am crying this is so cute thank you so much Report Comment
Nubs	1614215526 I love this so much! Report Comment