Korilakkuma layout!!

Tags: korilakkuma, cute, sanx

Description:

this is my second layout, and I hope you like it! I was able to make a lot of progress in HTML and CSS! If you use it, please put "using" in the comments!

Preview:

click on the image for a larger preview

Code:

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

<style>
body { 
background-image: url('https://wallpaperaccess.com/full/114727.jpg');
background-repeat: repeat !important;

}
</style>
<style>
 .blog-preview {
background: transparent;
}
</style>
<style>
.profile-info {
 border: transparent;
}
</style>
<style>
  nav .top {
        background-color: lightpink;
        font-family: 'Courier New', Courier, monospace;
        font-size: medium;
        border-radius: 20px;
    }
    nav .links {
        font-family: Arial, Helvetica, sans-serif;
        content: "•⩊•"
        text-align: center;
        background: transparent;
        font: smaller;
    }
</style>
<style>
.profile .blurbs .section h4{
font-family: arial;
text-transform:lowercase !important;
color:white;
}
</style>

<style> 
p{
font-family: arial;
text-transform:lowercase !important;
color:white ;
}
</style>

<style>
h1{
font-size: 20px !important;
font-family:Arial;	
text-transform:uppercase !important;
padding-left: 4px !important;
}
</style> 

<style> 
.profile h1{
background: -webkit-linear-gradient(rgb(255,145,175), rgb(255,188,217));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
h4{
font-size: 18px !important;
font-family: Arial;	
text-transform:uppercase !important;
padding-left: 4px !important;

}
</style> 

<style>
p{
font-size: 14px !important;
font-weight: italic;
 text-transform:none !important;
}
</style> 

<style>
nav{ 
font-size: 13px !important;
font-family: Arial;
text-transform:none;
padding-left:2px;
text-align: center;
}
</style>

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

<style>
    .count {
        color: rgb(255,207,241);
    }
</style>

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


<style>
main {
background: transparent;
}
</style>


<style>

.profile .blurbs .heading, .profile .friends .heading {
color: #ffb7c5;
background:transparent;
text-transform:lowercase !important;
border-radius:15px;
border: 2px solid #ffb7c5;
}
</style>

<style>

.profile .friends .person p {
color: white;  
}
.profile .friends .person p:hover {
color: rgb(255,188,217); 
}
</style>

<style> 

.blog-preview{
text-align: center;
font-family: Arial;
background: transparent;
text-transform:lowercase !important;
color: pink;
border-radius:15px;
border: 5px solid #ffb7c5;
}
</style>

<style>

.profile .friends .person img:not(.icon) {
border-radius:20px;
border: 2px solid rgb(253,221,230);
}
</style>


<style>

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

<style>

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

<style>

.profile .friends .comments-table td {
background-color: rgb(255,183,197);
border: 1px solid #fddde6 ;  
}
.comments-table td*{
    
    
}
</style>


<style>

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

<style>

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


<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
</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 solid #ffb7c5;    
}
.profile .contact {
border: 2px solid  #ffb7c5 ;     
}
.profile .table-section {
border: 2px solid #ffb7c5 ;     
}

</style>

<style>
table.comments-table {
border: 2px solid #ffb7c5;      
}    
</style>

<style>


nav img.logo{filter: hue-rotate(180deg); !important;}

</style>

<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 10px;
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 favorite */
content: "🍓"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🍓"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🍓"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🍓"
}   
</style>

<style>
footer {
color: lightpink !important;
background-color: rgb(255,228,225);
  }    
</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 5 of 5 comments ( View all | Add Comment )

May	1712539664 Thanks! Using :) Report Comment thx!! by 🍮 Purin; 1712593318; Report
ju	1709151846 this is sooo cute ₍^ >ヮ<^₎ .ᐟ.ᐟ using!! Report Comment thx!! :)) by 🍮 Purin; 1709162911; Report
Finn	1708635106 using ! >v< thank you ! Report Comment thx!! by 🍮 Purin; 1708643924; Report
Meloo!🍀	1707532672 Using! Report Comment thx!! by 🍮 Purin; 1707602352; Report
Xx_Dana_xX	1707071014 So cute Report Comment thx! by 🍮 Purin; 1707156327; Report