Cutecore/Kawaii kei layout

Tags: cutecore, kawaii kei, pink, white, simple
Description:

Comes with: Custom contact icons, Pagedoll, Custom icons on header, Custom logo, Cat profile icon and friends icon, Star overlay, Starborn font Credit to 311/Tavish for the cat icons: https://spacehey.com/absolute_loser
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=88627) -->

<style>
  
@font-face {
    font-family: "Starborn";
    src: url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.eot");
    src: url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.svg#Starborn")format("svg");
}
  
h1, h2, h3, h4, h5, p, body, .mood p,.top, .top a, a, .friends, .table-section td, .links, .logout-btn{

font-family: 'Starborn';
</style>

<style>
.logo {

content:url("https://media.discordapp.net/attachments/899055662506602539/1176292607370985554/Spacehey_Logo.png?ex=656e56dc&is=655be1dc&hm=6ee33b601f5dc50ce119cd43e713347ce114ca918839a766d41333e1fd819909&=");

}  

body{
  background: url('https://i.pinimg.com/564x/81/c8/ac/81c8acde27a390d45e20aa51d23a3028.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

main{
  background: #f9d2e4;
  color: white;
  border: 3px dashed white;
}

.friends{
  color: white;
  background: transparent
}

table.comments-table{
  color: white;
  background: transparent;
  display: block;
  border: transparent;
}

.comments-table td:first-child {
background: transparent;
}
  
.comment-replies {
border: 3px dashed white;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}

a:hover{
  color: #ff5ea8;
}
a{
  color: white;
}

nav .top{
  background: #ffa4cd;
}

nav .links{
  background: #ffa4cd;
}
  
.nav .top , nav .links{

text-align: center;

}
  
nav .links li:not(:last-child)::after {

content: url("https://gifcity.carrd.co/assets/images/gallery08/c57138f6.gif?v=dbe39dbe");

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}

nav .links a:hover {
color: #ff5ea8;
}
  
nav .links .special a {
color: #ff5ea8;
}
  
.person p, .count {
color: #ff5ea8 !important;
}
  
.profile-info {
  border: 3px dashed white;
}
  
.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.0) !important;
    border: 3px dashed white !important;
    font-family: var(--font-family) !important;
    color: white !important;
    border-radius: 0px !important;
}
  
button {
    border-radius: 0px !important;
    border: 0px solid #fff !important;
    font-family: var(--font-family) !important;
    background: transparent !important;
    color: white !important;
}

footer{
  background: transparent;
  color: white;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: #ffa4cd;
--even-lighter-blue: #ffa4cd;
--lightest-blue: #ffa4cd;
--dark-orange: white;
--light-orange: #ff5ea8;
--even-lighter-orange: transparent;
--green: black;
}
  
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #ff5ea8;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff5ea8;
}
  
/* contact icons */
.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: url("https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://gifcity.carrd.co/assets/images/gallery08/cec68336.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://gifcity.carrd.co/assets/images/gallery08/cec68336.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://gifcity.carrd.co/assets/images/gallery08/cec68336.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://gifcity.carrd.co/assets/images/gallery142/18b4a173.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://gifcity.carrd.co/assets/images/gallery08/cec68336.gif?v=dbe39dbe")
}

</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://gifcity.carrd.co/assets/images/gallery70/f27d9272.gif?v=dbe39dbe);
  background-size: cover !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.5;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>

<div style="float:  ; max-width: 200px; height: auto; position: fixed; right: 37px; top: 800px; z-index: 200;"><a href="https://alturl.com/p749b"><img src="https://autism.crd.co/assets/images/gallery03/45050ba7_original.gif?v=69d6a439" alt="cat kittycat"/></a></div>

<style>
.general-about .profile-pic img{
  clip-path: polygon(49% 28%, 89% 0, 87% 46%, 100% 79%, 76% 100%, 18% 100%, 0 76%, 11% 44%, 11% 0);
}
</style>

<style>
.person img{
  clip-path: polygon(49% 28%, 89% 0, 87% 46%, 100% 79%, 76% 100%, 18% 100%, 0 76%, 11% 44%, 11% 0);
}
</style>

<style>
.comments-table td:first-child img{
  clip-path: polygon(49% 28%, 89% 0, 87% 46%, 100% 79%, 76% 100%, 18% 100%, 0 76%, 11% 44%, 11% 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.
Comments

Comments disabled.