serial experiments lain simple

Tags: lain

Description:

first layout im posting hooray (this is a lain layout i made a while ago and tweaked a bit 4 publishing)

u cant see it in the screenshot but it includes:

- bear cursor
- lain dancing in the corner of ur screen
- start-up page (present day present time)

flash warning at the start too btw

Preview:

click on the image for a larger preview

Code:

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

<style>
	.profile-pic img{
   	 
border: 7px solid #7dab7d !important;   
}
.profile-pic img{
clip-path: circle();

}
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
.online {
	content: url(https://ct.pimp-my-profile.com/online/26.gif);
	}
<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
p{
  font-family: 'VT323', monospace;
  font-size: 150%;
}

h1,h2,h3,h4,h5{
font-family: 'VT323', cursive;
font-size: 200%; 
}
body {
   background-image: url(https://rapports-minoritaires.net/wp-content/uploads/2016/01/matrix.gif);
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(https://i.kym-cdn.com/photos/images/original/000/915/611/fe8.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 7.15s ease 0s 1 normal forwards;
	pointer-events: none;
}
main {
	border-radius: 0 0 15px 15px;
	border: 2px solid (#7dab7d); 
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
main:before {
	width: auto;
	margin-bottom: 25px;
	border: 1px solid black;
	height: 300px;
	display: block;
	content: "";
	box-shadow: 0px 0px 5px 1px #7bbd75;
	background-image: url(https://image.myanimelist.net/ui/G-Sm6d0qIwQxUGHIp-m2WDFUqTQ_MSEIl_awFmjMGxbekgq4TQ1uxtKstreVvr4-lVvxpGl1WLv-KFe49xYXZk38IyzwhS5G85D1U1hdCZcURnjnq9JMlqyG0t3O9xbB);
	background-position: center center;
	background-size: cover;
}
.profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;}
}
.profile {
   background-image: #decfb8
}
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(123, 184, 125);
   color: white;
}
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: white;
   color: rgb( 104, 148, 117);
}
.comments-table{
display: block;
height: 340px;
overflow-y: scroll;
}
.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: "🎧"
}

footer {
	border-radius: 15px;
	background-image: url(https://64.media.tumblr.com/1e6adb2bbddf1e73436744a235a58c48/4484d119cdf9cc58-e7/s540x810/0a4319cbb7a300c54f0ca4cfabcda590bdb49642.gifv);
	color: white;

}
footer::after{
  bottom: 0;
  font-size:0;
  left: 82%;
  position:fixed;
  pointer-events: none;
  content:url("https://laingame.net/bootleg/lain.gif");

}
 
table.comments-table td {
	color: rgb(194, 199, 255);
}
 
:root {
	--logo-blue: url(https://64.media.tumblr.com/1e6adb2bbddf1e73436744a235a58c48/4484d119cdf9cc58-e7/s540x810/0a4319cbb7a300c54f0ca4cfabcda590bdb49642.gifv);
	--darker-blue: #d9d1a7 ;
	--lighter-blue: #6f8f68;
	--even-lighter-blue: #80a683;
	--lightest-blue: #ffffd1;
	--dark-orange: #7dab7d;
	--light-orange: #7dab7d;
	--even-lighter-orange: #7dab7d;
	--green: white;

}
</style>


<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bear.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bear1.gif"), auto;}
</style>
 
<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bear.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bear1.gif"), auto;}</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 20 of 53 comments ( View all | Add Comment )

decomposingcorpse	1765255646 Love it!! Using ^^ Report Comment
Ziaek	1765041928 using Report Comment
nyxilition	1765027816 using!! but before i use, what part of the code do i copy for only the loading screen and nothing else? i still wanna have just my layout ^^ Report Comment Tell me too if you found out! by Solh; 1771546337; Report
cheezburger	1758243616 SOOO CEWL!! I’m using >_< Report Comment
Lex	1755466073 Using!! :D Report Comment
zzeekkw94	1753761149 using!!! Report Comment
areea :3	1751282645 usingg Report Comment
phinyes	1749645406 using :] Report Comment
Eli.	1749488690 Using thx Report Comment
twothree	1747542664 very cool layout! thanks for making Report Comment
Ille	1746692520 this is amazing !!! Report Comment
►obakemoth ◄	1743711565 using tysm, its soo cool Report Comment
robot	1741902783 Using!! actually goated layout!!! Report Comment
YUKIKITA	1741201909 using!! Report Comment
!! yuib ୨୧ ‧₊˚	1741200446 using! ^^ Report Comment
guro	1740493702 ingusing Report Comment
P3PP3RM1N7Bvnnie	1739655368 forgot to mention earlier, im using and in any situation that it is being used in you are credited at the top like this (c) Layout created by zoingus Report Comment
lolalmao	1736434669 using !! (ﾉ´ з )ノ Report Comment
Kwarax	1734193503 using!!!! Report Comment
★,°:.☆☆kirara☆☆.:°,★	1732990916 using Report Comment