Soft pink Yenfei Layout!<333

Tags: #genshin

Description:

This Layout is kinda messy but its my 2nd time making one so i guess I tried features: -removed url link -removed friend -looks nice

Preview:

click on the image for a larger preview

Code:

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

<marquee>

"My name is Yanfei, top legal expert in Liyue — and for the avoidance of doubt, no one else comes close! From commercial litigation, to civil mediation, to criminal lawsuits, I'm fully versed in every area of the law, and I guarantee you a swift and satisfactory conclusion to your case! My contact details... Where should I write this down? ...Hmm, paper will just get lost, and it'll only rub off if I write it on the back of your hand, so... Aha! I know, I'll just write it here, on the clothes of this... whatever this thing is that follows you around."</marquee>




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

</style>


<p id="p0">This Layout was made by <a href="https://spacehey.com/nari_"> https://spacehey.com/nari_</a></p>



<style>
    body{
        
    background-color:#eb83a2 !important;
    background-image: url('https://i.pinimg.com/originals/d1/a8/ff/d1a8ff483c32e65aead0c3b27f0c0697.png') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>
<style>
    .top{
        
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/originals/8a/71/d9/8a71d9050442f4b76e967e962969c2fd.jpg') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT !important;
    background-position: CENTER  !important;
        
    }
</style>


<style>
    .links{
        
    background-color:#ffbacf !important;
    background-image: url('URL') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>
    main{
     
    background-color:#fff0f4 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>
    .top input{
        
    background-color:#ffa8c2 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>
    table.details-table{
        
    background-color:#fcbdd0 !important;
    background-image: url('https://i.pinimg.com/originals/2d/1f/c7/2d1fc7148dcc6fe68f7bef6bdca1113e.jpg') !important;
    background-attachment: SCROLL  !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
    .profile .details-table td{
        
    background-color:#fcbdd0 !important;
    background-image: url('') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>
    .blog-preview{
        
    background-color:#fce1e9 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>
    .blurbs{
    
    color:#ffb3c9 !important;
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/originals/e5/ba/57/e5ba575286c53b18da0dd4911a26d980.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
.friends:not(#comments.friends) {display: none;}
</style>

<style>
    .comments-table td{
        
    background-color:#fa9db9 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    button{
        
    background-color:#fcb8cd !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    footer{
        
    background-color:#e6819f !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .contact .heading{
        
    background-color:#f77ca1 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .table-section .heading{
        
    background-color:#f77ca1 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    
    }
</style>

<style>
    .blog-preview h4{
        
    background-color:#f77ca1 ;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .blurbs .heading{
        
    background-color:#f77ca1 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .friends .heading{
        
    background-color:#f77ca1 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
.url-info{display: none !important;}
</style>

<style>
    .top{
        
    color:#ffb3c9 ;
        
    }    
    main{

    color:#ffb3c9 !important;
        
    }
    footer{
        
    color:#ffb3c9 ;
        
    }
</style>
<style>
    a{
        
    color:#f2467a !important;
        
    }
    a:hover{
        
    color:#f2467a !important;
        
    }
    a:visited{
        
    color:#f2467a !important;
        
    }
    .top a{

    color:#f2467a !important;

    }
    .top a:hover{

    color:#f2467a !important;

    }
    .top a:visited{

    color:#f2467a !important;

    }
    .links a{
    
    color:#f2467a !important;
    
    }
    .links a:hover{

    color:#f2467a !important;

    }
    .links a:visited{

    color:#f2467a !important;

   }
    .friends-grid p{
        
    color:#f2467a !important;
        
    }
    footer .links a{

    color:#f2467a !important;

   }
    footer .links a:hover{

    color:#f2467a !important;

   }
    footer .links a:visited{

    color:#f2467a !important;

   }
</style>
<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/74/19/7a/74197af961e35c7f36db8743463d7f70.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>
<style>

    .contact{
        
border: 1px solid black !important;   
        
    }
</style>

<style>
    table.details-table{
        
border: 1px solid black !important;   
        
    }
    .profile .details-table td{

border: 1px solid black !important;   

    }
</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.