yami kawaii layout! :D

Tags: cute;yami kawaii;layout;pink

Description:

yes ive made another one xP if you use this friend me so i can see how it looks! if there's anything wrong with it just IM me,feel free to take parts of the code or change anything you dont like !

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Spoon xPP(FW) (https://layouts.spacehey.com/layout?id=24046) -->

<style>
    body{
        
    
    background-image: url('https://64.media.tumblr.com/3394fbc9edf9b24f0c15318b28ecd2f7/2f64e2d9e2fcc101-d2/s1280x1920/c794557f8f7b3eab15deb9067245898b2f7b0de3.png') !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position:center !important;
    background-size: cover;
        
    }
</style>
<style>
.profile{
    background-color: PINK !important;
}
    
</style>
<style>
    .blurbs{
    
   
    background-image: url('https://htmlcolorcodes.com/assets/images/colors/pastel-pink-color-solid-background-1920x1080.png') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .contact{
        
    background-color: COLOR !important;
    background-image: url('https://image-cdn.hypb.st/https%3A%2F%2Fhypebeast.com%2Fimage%2F2018%2F05%2FGuro-Lolita-Yami-Kawaii-Subcultures-15.jpg?w=1600&cbr=1&q=90&fit=max') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position:  !important;
    background-size:cover;
        
    }
</style>

<style>
   {
}
* {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
body {
    background-color: #e3e3e3;
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --logo-blue: #f92672;
    --darker-blue: #f92672;
    --lighter-blue: #070a0e;
    --even-lighter-blue: #0f1319;
    --lightest-blue: #f3bbdc;
    --dark-orange: #f92672;
    .9): ;
    --light-orange: rgb(0 0 0 / 60%);
    --even-lighter-orange: #f92672;
    --green: #34D399;
    --dark-green: #059669;
}  
    
</style>
<style>

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

<style>
    .blurbs{
        border: 2px solid black !important;
    }
</style>

<style>
    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
</style>
<style>
main:before {
width: 100%;
height: 100px;
display: block;
content: "";
background-image: url('https://static.displate.com/857x1200/displate/2020-08-26/39b6fdb82f41199b20a967b3f3feb9fa_c8d7c446e31cff53ec9928fdcbd03a19.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
.online{

content: url("http://www.myspacegens.com/images/online_now/001.gif) !important;

}
</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 {
/* 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: " 🩸"
}
</style>
<style>
nav::before {
   content: "";
   background:  url(https://i.pinimg.com/originals/b7/b8/aa/b7b8aa245b93cb40d55c16585159ea88.gif);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 193px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}

</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-9/oth807.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/02/04/black-bow-tie-2.html" target="_blank" title="Black Bow Tie"><img src="https://cur.cursors-4u.net/cursor.png" alt="Black Bow Tie" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
@import url('https://fonts.googleapis.com/css2?family=DynaPuff&display=swap');
p,h1,h2,h3,h4,h5{
font-family: 'Bebas Neue', cursive;
}
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://as1.ftcdn.net/v2/jpg/03/24/47/14/1000_F_324471476_TsxHU2LajbCXoSZiMriJ978axIhmgeW0.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  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>

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 4 of 4 comments ( View all | Add Comment )

Misa_Maraschino	1727907795 Using! Report Comment
G̵̬̀̊͝ĺ̶͎̙̚͝i̴̺̮̳̅t̸̫̔̽̕̚c̵̡̡͔̟̑͠h̸͓̱̾	1723189668 Using >_< Report Comment
March 7	1708251517 used!! Report Comment
≡;- ꒰ rai / coco ꒱	1683845001 I‘m jsing this!! ITS SO CUTE!! Report Comment