serial experiments lain simple

Tags:

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. also please credit if you use

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 45 comments ( View all | Add 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
DaisuG!!	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
kwarx	1734193503 using!!!! Report Comment
★,°:.☆☆kirara☆☆.:°,★	1732990916 using Report Comment
Szczuurka	1729449445 using!!! :P Report Comment
254snugmoon	1728365742 usingg Report Comment
LIZZ	1727742133 using! Report Comment
red	1724469751 using Report Comment
papaya ♡	1722890603 usingg Report Comment
papaya ♡	1722890603 usingg Report Comment
✗	1720584549 using!! Report Comment
♱ ˚₊ ‧ 。𝔯𝔢𝔦 。‧₊˚♱	1718060906 hi, could you provide the code for the start up screen please? Report Comment Hi! the code is: } 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; } by zoingus; 1718119424; Report
FLESH4LUNCH/VIBR !	1717799934 Using! Report Comment