unfinished yaoi layout,whateva.

Tags: yaoi, ironic, gay

Description:

made this ironicly, too lazy to finish this but wanted to post this before I forget

Preview:

click on the image for a larger preview

Code:

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

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url("https://64.media.tumblr.com/fa8d2d4ceafd00b42951132dc9901358/0fa6830c367bef14-3e/s400x600/0dadc1bce582014a2bfc50e2d7b1dd3cc960b641.jpg");

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 3.1s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<center> <img src="https://media.discordapp.net/attachments/1100566960267329586/1189351785144520794/fc2866c6c32e3f87242f12a64acec22b.jpg?ex=659dd92a&is=658b642a&hm=05e5dda690579f8484e1e15ab3a2c8056665d2ca96791dd05ca8b6548e84766a&"/> </center>
<style>
body{
background:url(https://i.pinimg.com/564x/56/62/a4/5662a4de893cc457a0f7d3b58c4c6c7e.jpg);
}
main {
background: black;
background-color: rgba(0, 0, 0, 0.5);
color: orange;
border-left: 2px dotted #e00707;
</style>
<style>
nav .top {
    background: transparent;
    padding: 15px 10px 14px 10px;
    position: relative;
}

nav .links {
    background-color: transparent;
    padding: 3.5px 16px;
    text-align: center;
    font-size: smaller;
}

nav{
background: url(https://i.pinimg.com/564x/fa/2a/1f/fa2a1f38f8152161391eab527acd73a6.jpg); n    background-position-x: center;
    background-position-y: -66px;
    padding-bottom: 21px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid white;
    margin-bottom: 20px;
    box-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
    font-size: revert;
}

button, input {
    overflow: visible;
    background: white;
    border: 0px;
    color: black;
    border-radius: 5px;
    box-shadow: 0 0 5px white, 0 0 10px #894F0B;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: drop-shadow(0 0 5px #894F0B);
}

.logout-btn {
    font-family: inherit;
    text-transform: lowercase;
    box-shadow: none;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 5px white, 0 0 10px #894F0B;
    font-size: max(0.98em, 12px);
}

nav .links .special a {
    color: black;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " . ";
    color: black;
    text-shadow: 0 0 5px white, 0 0 10px white;
}

nav .links a:hover {
    text-decoration: none;
    color: red;
    font-style: italic;
    text-shadow: 1px 1px white;
}
</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.