Serial Experiments Lain layout

Tags: serial experiments lain; sel;

Description:

Has autoplay music and loading screen

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
    background: url(https://i.ibb.co/r5ryv5t/serial-experiments-lain.png) no-repeat fixed;
    background-size: cover;
}


main:before {

	width: 100%;

	height: 300px ;

	display: block;

	content: "";

	background-image: url("https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExN2I2MGw1YTd3bDhxNW5hc3pvY3lxdnU4cjhoZDFmd2Rld2tqYzR3ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/PZrjGkr334fXa/giphy.gif");

	background-position: center center;

	background-size: cover;

}



main {
  background: #02063c;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
}

.count {
  color: red;
}




a {
  color: white;
font-family: courier !important;
}

p {
color: white;
font-family: courier !important;
}

h1 {
color: white;
font-family: courier !important;
}

h2 {
color: white;
font-family: courier !important;
}

h3 {
color: white;
font-family: courier !important;
}

h4 {
color: white;
font-family: courier !important;
}

nav{ 

text-align: center;

    }

nav .links {
background: #00021f;



}

nav .links a:hover {
color: red;
}
nav .top{
background: #00021f;
}




.profile .table-section {
border: none;
}


footer {
color: white !important;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
background-color: #00021f;
  } 






table.comments-table{
background: transparent;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color: black;
border-width: 3px;

}





.profile .table-section .details-table td {
background: #00021f;
color: white;
}


.profile .friends .comments-table td {
background-color: #00021f;
color: white;
}


.profile .blurbs .section h4 {
background-color: #00021f;
color: white;
}

.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color: #00021f;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #00021f;
color: white;
}


::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: black;}

    ::-webkit-scrollbar-track {
    background: #00021f;}

.url-info{
    background: url("https://64.media.tumblr.com/683565e3cbc61b53436440d75fd38a4d/bd515898b062ca2f-0f/s500x750/b0d961184dba0dec84454271043f41161da39fc6.gifv");
    background-position: center;
    border: var(--borders)!important;
    height: 300px;
    background-size:cover;
}


.url-info p{
    opacity: 0.0;
}


.logo {

content:url("https://64.media.tumblr.com/3a052d332bf12fbf42d2600ae3b469ee/cc9ab1822d53d505-46/s250x400/9ab7920586ddff3b244eaf66ec9e346493232075.pnj");

}

body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.discordapp.net/attachments/1217977487766716517/1222165695102713927/2.gif?ex=66153980&is=6602c480&hm=59712885f128456d1ef35ebf5ac5130eeb9c19f408170c315e56474b77649851&=&width=475&height=352');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ava0duwBsZo//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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

Gloria

1716647399

using!!!

Report Comment

𝕯𝖔𝖗𝖆ᡣ𐭩 (Romanian┇English)

1712334027

using! :3

Report Comment