Lurantis layout

Tags: lurantis, pokemon, pink, mantis
Description:

I have no idea why this looks terrible feel free to edit :')
Preview:

click on the image for a larger preview
Code:

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

<!-- (c) Layout created by saerim's layouts!! (https://layouts.spacehey.com/layout?id=23396) -->

<style>
* {
    cursor: url('https://cur.cursors-4u.net/nature/nat-10/nat967.cur'), auto;
}
</style>

<style>
.col.left:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 205px;
    background-image: url(https://s3.getstickerpack.com/storage/uploads/sticker-pack/flower/sticker_7.png?8c09e734baeb0c36367050e4836ed478&d=200x200);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position-x: center;
}
</style>

<style>
:root{
  --logo-blue: #f26fcd;
  --darker-blue: #f26fcd; 
  --lighter-blue: #ffb0f4;
  --even-lighter-blue: rgba(26, 26, 28, 0.6);
  --lightest-blue: rgba(26, 26, 28, 0.6);
  --dark-orange: #F2E4CA;
  --light-orange: #ffb0f4;
  --even-lighter-orange: red;
  --green: white;
}
 body
        {background: url("https://staticg.sportskeeda.com/editor/2022/03/ad373-16476314806719-1920.jpg")
        no-repeat fixed; background-size:cover; background-position: center;
}
html:before {
  background: url(https://i.stack.imgur.com/sIIwU.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:0.01;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
  z-index: -1;
  filter: brightness(100%) contrast(110%);
}
main{
    border-radius: 0 0 15px;
    border: 1px solid rgba(255, 227, 247,0.7);
    color: #ffdbfa;
    background-color: rgba(255, 224, 249, 0.6);
    
}
footer{
    background-color: rgba(251, 224, 255, 0.6);
        border-radius: 100px;
}
button{
        
    background-color: rgba(142, 126, 143, 0.8) !important;
    color: white;
}
    .top{
        
    color: white;
}
.contact{
        
    background-color: rgba(26, 26, 28, 0.6) !important;
}
.heading{
    padding: px 0 !important;
    color: #1A1A1C !important;
    background-color: #1A1A1C;
    border-bottom: 2px dotted;
    border-radius: 5px;
    
}
.count{
    color: white;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
  border: 2px solid rgba(0,0,0,0.7)
}
.profile h1 {
    font-size: 30px;
    text-shadow: 8px 5px #a15d8a;
    color: #ffffff;
    
}
.comments-table td{
        
    background-color: rgba(250, 217, 248, 0.6);
    color: white;
}
.top input{
        
    background-color: white !important;
        
}
.friends{
        
    background-color: rgba(204, 114, 179, 0.3) !important;
    border: 1px solid pink !important;
    color: #dea2da;
}
.mood{
        
    background-color: none !important;
    border: none !important;
    }
        table.details-table{
        
border: none !important;   
        
}
.profile .details-table td{

border: 1px solid pink !important;   

}
.comments-table td{
        
border: 1px solid pink !important;   
}
.profile-info{
        
border: 1px solid pink !important;   
        
}
.links{
        
border: 1px solid pink !important;   
     
}
    color: white !important;
        
    }
    a:hover{
        
    color: #f7f7f7 !important;
        
    }
    a:visited{
        
    color: #f7f7f7 !important;
        
    }
    .top a{

    color: #f7f7f7 !important;

    }
    .top a:hover{

    color: #f7f7f7 !important;

    }
    .top a:visited{

    color: #f7f7f7 !important;

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

    color: #f7f7f7 !important;

    }
    .links a:visited{

    color: #f7f7f7 !important;

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

    color: #f7f7f7 !important;

   }
    footer .links a:hover{

    color: #f7f7f7 !important;

   }
    footer .links a:visited{

    color: #f7f7f7 !important;

   }
.url-info{
    background-image: url(https://media.tenor.com/TcTBx9NlSLEAAAAC/lurantis.gif);
    background-size: 100%;
    background-repeat: no-repeat;
background-position: center center;
    height: 150px;
    border: var(--borders)!important;
    border-radius: var(--curve);
}
.url-info p{
    opacity: 0.0;
}
.profile .profile-info {
	background-image: url(https://64.media.tumblr.com/e6410033117954bcffa21e9de6a32bf8/cbe7f24ff096274b-f2/s640x960/46619951ef9e8a71052c3167f517f4eb90e74cd9.gif);
no-repeat fixed; background-size: cover; background-position:top;
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 white;
	text-align: center;
	border: none;
}
</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://cdn.weasyl.com/static/media/0b/5c/36/0b5c36f576355d0f03fc1b8ee8f82ea3af254bdc1afe179f7460d829f917d799.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 2.5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 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

Displaying 0 of 0 comments ( View all | Add Comment )