Keroppi

Tags:
Description:

keroppi layout!! comment if using <3
Preview:

click on the image for a larger preview
Code:

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

<style>
body { 
background: url(https://i.pinimg.com/564x/e5/96/e9/e596e924fc47b59b732c0ef9697cab49.jpg);
}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
.profile .blurbs .section h4{
font-family: 'Titan One', sans-serif;
text-transform:lowercase !important;
color: #28B463;
}
</style>

<style> 

@import url('link href="https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
p{
font-family: 'Titan One', sans-serif;
text-transform:lowercase !important;
color: #28B463;
}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
h1{
font-size: 20px !important;
font-family: 'Titan One', sans-serif;	
text-transform:lowercase!important;
padding-left: 2px !important;
}
</style> 

<style> 

.profile h1{
background: -webkit-linear-gradient(##D5F5E3, ##D5F5E3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Titan One', sans-serif;	
text-transform:lowercase !important;
padding-left: 2px !important;

background: -webkit-linear-gradient(##D5F5E3, ##D5F5E3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style>

font-size: 10px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>

nav{ 
font-size: 10px !important;
font-family: 'Titan One', sans-serif;
text-shadow: 1px 1px #28B463;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>

    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: right;
    }
</style>

<style>

    .count {
        color: #E67E22;
    }
</style>

<style>

   a:hover {
     color: #D5F5E3; 
   } 
   a{
     color: ##D5F5E3; 
   }
</style>

<style>

a:hover {    
 cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9892934f-6880-48f7-82ff-918430f875c9/dac45z6-1973edb7-f94d-458f-bfc9-a999f599aadc.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzk4OTI5MzRmLTY4ODAtNDhmNy04MmZmLTkxODQzMGY4NzVjOVwvZGFjNDV6Ni0xOTczZWRiNy1mOTRkLTQ1OGYtYmZjOS1hOTk5ZjU5OWFhZGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.el2r7_KfbliusVyD-IOFdzC8HmtNQlCvRc3rh8E_C60'), auto;
}
* {
 cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9892934f-6880-48f7-82ff-918430f875c9/dac45z6-1973edb7-f94d-458f-bfc9-a999f599aadc.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzk4OTI5MzRmLTY4ODAtNDhmNy04MmZmLTkxODQzMGY4NzVjOVwvZGFjNDV6Ni0xOTczZWRiNy1mOTRkLTQ1OGYtYmZjOS1hOTk5ZjU5OWFhZGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.el2r7_KfbliusVyD-IOFdzC8HmtNQlCvRc3rh8E_C60'), auto;
}
</style>


<style>

main {
background: #AF601A;
border-radius:15px;
border: 2px dotted #D5F5E3)
}
</style>


<style>

.profile .blurbs .heading, .profile .friends .heading {
color: #D5F5E3;
background-color:#AF601A);
text-transform:lowercase !important;
color: #D5F5E3;
border-radius:15px;
border: 3px dotted #D5F5E3)
}
</style>

<style>

.profile .friends .person p {
color: #D5F5E3;  
}
.profile .friends .person p:hover {
color: #D5F5E3;  
}
</style>

<style> 

@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Titan One', sans-serif;
background-color:#AF601A;
text-transform:lowercase !important;
color: #D5F5E3;
border-radius:15px;
border: 5px dotted #D5F5E3)
}
</style>

<style>
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px #28B463);
border: 3px dotted #D5F5E3)
}
</style>


<style>

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #AF601A);
}
</style>

<style>

.profile .contact {
background-color: #AF601A;
}
</style>

<style>

.profile .friends .comments-table td {
background-color: #AF601A;
border: 1px solid #D5F5E3;  
}
.comments-table td*{
    
    
}
</style>


<style>

.profile .table-section .details-table td {
background-color:#AF601A;
}
</style>

<style>

nav .links {
background-color: transparent;
}
nav .links a:hover {
color: #AF601A;
}
</style>

<style>
nav .top{
background-color: #AF601A;
}
</style>

<style>

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

.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/43/79/4f/43794f40dc5258b961748b89cb900bb9.gif"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 2px dashed  #AF601A;  
  box-shadow: 1px 0px 10px 2px #28B463;
 }   
</style>


<style>

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


<style>

.profile .url-info {
border: 2px dashed  #D5F5E3;    
}
.profile .contact {
border: 2px dashed  #D5F5E3;     
}
.profile .table-section {
border: 2px dashed  #D5F5E3;     
}

</style>

<style>

table.comments-table {
border: 2px dashed #D5F5E3);      
}    
</style>



<style>

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

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}   
</style>

<style>
footer {
color: #D5F5E3!important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: #AF601A;
  }    
</style>



<style>
:root {
    --logo-blue:;
    --darker-blue: ;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange: #5DADE2;
    --even-lighter-orange: ;
    --green: ;</style>



<style>
.online {
  content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/643ef1d4-6639-475b-ae06-a3bafad57cba/de2jz7m-92e620aa-75f6-479e-8bf1-544b08d19b08.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY0M2VmMWQ0LTY2MzktNDc1Yi1hZTA2LWEzYmFmYWQ1N2NiYVwvZGUyano3bS05MmU2MjBhYS03NWY2LTQ3OWUtOGJmMS01NDRiMDhkMTliMDguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.BUTwAz3WHEeTno2XLVEp49Pgh8j0oyZsmP8i2CztqEQ);
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
h1{
font-size: 20px !important;
font-family: 'Titan One', sans-serif;	
text-transform:lowercase !important;
padding-left: 2px !important;
}
 </style>

<style> 

.profile h1{
background: -webkit-linear-gradient(#28B463, #28B463);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Titan One', sans-serif;	
text-transform:lowercase !important;
padding-left: 2px !important;

background: -webkit-linear-gradient(#28B463, #28B463);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style>

font-size: 10px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>

nav{ 
font-size: 10px !important;
font-family: 'Titan One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>

    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: right;
    }
</style>

<style>

    .count {
        color: #A3E4D7;
    }
</style>

<style>

   a:hover {
     color: #D5F5E3; 
   } 
   a{
     color: #28B463; 
   }
</style>

<style>

a:hover {    
 cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9892934f-6880-48f7-82ff-918430f875c9/dac45z6-1973edb7-f94d-458f-bfc9-a999f599aadc.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzk4OTI5MzRmLTY4ODAtNDhmNy04MmZmLTkxODQzMGY4NzVjOVwvZGFjNDV6Ni0xOTczZWRiNy1mOTRkLTQ1OGYtYmZjOS1hOTk5ZjU5OWFhZGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.el2r7_KfbliusVyD-IOFdzC8HmtNQlCvRc3rh8E_C60'), auto;
}
* {
 cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9892934f-6880-48f7-82ff-918430f875c9/dac45z6-1973edb7-f94d-458f-bfc9-a999f599aadc.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzk4OTI5MzRmLTY4ODAtNDhmNy04MmZmLTkxODQzMGY4NzVjOVwvZGFjNDV6Ni0xOTczZWRiNy1mOTRkLTQ1OGYtYmZjOS1hOTk5ZjU5OWFhZGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.el2r7_KfbliusVyD-IOFdzC8HmtNQlCvRc3rh8E_C60'), auto;
}
</style>


<style>

main {
background: #D5F5E3;
border-radius:15px;
border: 2px dotted #28B463)
}
</style>


<style>

.profile .blurbs .heading, .profile .friends .heading {
color: #D5F5E3;
background-color:#AF601A);
text-transform:lowercase !important;
color: #D5F5E3;
border-radius:15px;
border: 3px dotted #28B463)
}
</style>

<style>

.profile .friends .person p {
color: #D5F5E3;  
}
.profile .friends .person p:hover {
color: #D5F5E3;  
}
</style>

<style> 

@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Titan One', sans-serif;
background-color:#D5F5E3;
text-transform:lowercase !important;
color: #28B463;
border-radius:15px;
border: 5px dotted #28B463)
}
</style>

<style>
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px #5DADE2);
border: 3px dotted #28B463)
}
</style>


<style>

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #D5F5E3);
}
</style>

<style>

.profile .contact {
background-color: #D5F5E3;
}
</style>

<style>

.profile .friends .comments-table td {
background-color: #D5F5E3;
border: 1px solid #28B463;  
}
.comments-table td*{
    
    
}
</style>


<style>

.profile .table-section .details-table td {
background-color:#D5F5E3;
}
</style>

<style>

nav .links {
background-color: transparent;
}
nav .links a:hover {
color: #AED6F1;
}
</style>

<style>
nav .top{
background-color: #D5F5E3;
}
</style>

<style>

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

.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/43/79/4f/43794f40dc5258b961748b89cb900bb9.gif"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 2px dashed  #28B463;  
  box-shadow: 1px 0px 10px 2px #28B463;
 }   
</style>


<style>

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


<style>

.profile .url-info {
border: 2px dashed  #28B463;    
}
.profile .contact {
border: 2px dashed  #28B463;     
}
.profile .table-section {
border: 2px dashed  #28B463;     
}

</style>

<style>

table.comments-table {
border: 2px dashed #28B463);      
}    
</style>



<style>

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

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

content: url"https://xyz.crd.co/assets/images/gallery13/cc7a8955.gif?v=4ca63763"
}   
</style>

<style>
footer {
color: #D5F5E3!important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: #D5F5E3;
  }    
</style>



<style>
:root {
    --logo-blue:;
    --darker-blue: ;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange: #D5F5E3;
    --even-lighter-orange: ;
    --green: ;</style>



<style>
.online {
  content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/643ef1d4-6639-475b-ae06-a3bafad57cba/de2jz7m-92e620aa-75f6-479e-8bf1-544b08d19b08.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY0M2VmMWQ0LTY2MzktNDc1Yi1hZTA2LWEzYmFmYWQ1N2NiYVwvZGUyano3bS05MmU2MjBhYS03NWY2LTQ3OWUtOGJmMS01NDRiMDhkMTliMDguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.BUTwAz3WHEeTno2XLVEp49Pgh8j0oyZsmP8i2CztqEQ);
}
</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 2 of 2 comments ( View all | Add Comment )
Lesile
1737415511
thank you so much!!
Report Comment
aspen ^_^
1711987907
using! thank you so much
Report Comment