Main THIS IS FOR MEEEE

Tags: `2wmkl1fmweojf
Description:

Main but custom banner
Code:

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

<style>


@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

          @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
p{
  font-family: 'VT323', monospace;
  font-size: 145%;
  color: rgb(114, 114, 168)
}
h1,h2,h3,h4,h5{
  font-family: 'VT323', monospace;
  font-size: 155%;  
  color: rgb(114, 114, 168)
}
  body {
   background-image: url('https://64.media.tumblr.com/76b525a00e2451d1fc3197fc2de562ce/d2fceaba9944ad6c-c4/s540x810/1909bbfa3bbc1cf0318fb73aaacebb0e3e542293.gifv');
   background-size: 60%;
<img src="https://i.kym-cdn.com/entries/icons/original/000/041/742/cover3.jpg"/>
}
.profile {
   margin-bottom: 0px;
   margin-top: 0px;
   background-image:  url(https://i.pinimg.com/originals/72/1c/68/721c68c83bffa6d2a720313fb08fc27e.gif);
   background-size: 120%;
%
}

/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: #9a9fc4;
   color: black;
 text-shadow: -3px 3px 4px rgb(121 128 153);
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #9a9fc4;
   color: rgb(255, 77, 166);
   text-shadow: -3px 3px 4px rgb(121 128 153);
}




main:before {
    width: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    border: 1px solid black;
    height: 200px;
    display: block;
    content: "";
    background-image: url(https://live.staticflickr.com/65535/53713870859_aaf4d149b0_c.jpg);
    background-position: center center;
    background-size: cover;
}

@media only screen and (max-width: 800px) {
	main:before{
		height: 200px;
	}
}

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIpu3ATUQ8O_2rnSHBoCV4LWQQMxMKJkCROc_LgcHwOA&s');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}


footer {
    border-radius: 0px;  
    background-image: url('https://i.pinimg.com/564x/a1/61/0c/a1610cbd8686c391004a8c4e2dce4ff2.jpg');
background-size: 100%;
  
}

table.comments-table td {
    color: rgb(1,1,1);
}

:root {
    --logo-blue: url:(https://media.tenor.com/eeEA_cEAEbQAAAAC/stars-star.gif);
    --darker-blue: #a9b5d5;
    --lighter-blue: #1a1a1a5c;
    --even-lighter-blue: ;
    --lightest-blue: #1a1a1a36;
    --dark-orange: rgb(121 121 149);
    --light-orange: #0004ff14;
    --even-lighter-orange: #0400ff12;
    --green: #ff8888;
}

.logo {

content:url("https://64.media.tumblr.com/637204138e6d5785af986ed02deab965/526117c533e75065-e9/s75x75_c1/41f5bd784abcf161211517d9439530608a53d8e5.gifv");

}
* {cursor: url(http://www.rw-designer.com/cursor-view/121570.png), url(http://www.rw-designer.com/cursor-view/121570.png), auto !important;}
/* contact icons */
.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 favorite */
content: "🧀”
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🧀”
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🧀”
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🧀”
}   

.profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;


.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://sillyblinkies.neocities.org/online/imonline.gif);
}

/*Your icon*/

.general-about .profile-pic img {
  animation: dance .80s ease infinite alternate; }

/*Keyframes for your icon*/

@keyframes dance { 
  100% {
    transform:translateY(-5px);
  }
}



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



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/a760b9faa011cde3a24cee4c33f39074/0d9c08ed8003adc6-43/s100x200/7b14613d0f361c68d67feaaa49f04cc89cdd0f25.webp);
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}

.floatie {

background: url(https://upload.wikimedia.org/wikipedia/en/9/9a/Trollface_non-free.png) no-repeat;

background-size: 100%;

position: fixed;

right: -35px;

bottom: -10px;

height: 690px;

width: 590px;

z-index: 1000;

}
Haiiii!! u can call me Torb or Tobi :3 
I like....a lot of stuff
* {cursor: url(http://www.rw-designer.com/cursor-view/121570.png), url(http://www.rw-designer.com/cursor-view/121570.png), auto !important;}
/* contact icons */
.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 favorite */
content: "꩜ .ᐟ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "꩜ .ᐟ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "꩜ .ᐟ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "꩜ .ᐟ"
}
.profile-pic img,.friends-grid img,.comments-table img{border-radius:122px;
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://sillyblinkies.neocities.org/online/WARNINGonline2.gif);
}
/*Your icon*/

.general-about .profile-pic img {
  animation: dance .80s ease infinite alternate; }

/*Keyframes for your icon*/

@keyframes dance { 
  100% {
    transform:translateY(-5px);
  }
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
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/0474b328cc6064e0d0f2133401d08e31/40d7d7fcd7af7db4-d4/s100x200/e8a05ab837daaec1151abed5fb05331399c69bba.gifv');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: shake;
}



</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

Comments disabled.