NEON GENESIS EVANGELION LAYOUT + OPENING

Tags: neon genesis evangelion; evangelion; manga; black and white; black; manga; music; autoplay

Description:

This is a layout with a "AutoPlay YouTube Music Player" code made by Vidal (https://blog.spacehey.com/entry?id=97599). I you want to change the video (you can find the code is at the end of everything) you need to edit the last portion of the link... I you want to delete the video you just need to delete the code

Preview:

click on the image for a larger preview

Code:

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

<style>
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/7b/29/7b/7b297ba34c6a794a1b231d953043c4a8.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@1,300&display=swap');
  body {
      background-image: url('https://i.pinimg.com/564x/eb/f5/56/ebf556c1e5cc29ac8b75fcae5c38336d.jpg');
      background-position: bottom right;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-color: white;
      font-family: 'Acme';
  }
  
.online { visibility: hidden; } .online img { content: url("https://pa1.narvii.com/6595/966bb855f165356ba87ac55db5ea667228801b3a_00.gif"); animation-name: none; visibility: visible; height: 90px; width: 90px; }
  main {
      border-style: solid;
  }
  
  img {
      filter: grayscale(100%);
  }
 .profile h1 {
      font-family: 'Bangers';
      font-size: 30px;
      letter-spacing: 2px;
  }
  
  .profile .blurbs .heading h4,  .profile .friends .heading h4 {
      font-family: 'Bangers';
      font-size: 20px;
      letter-spacing: 2px;
      color: white;
  }
  
  .profile .blurbs:before {
      background-image: url('https://i.pinimg.com/564x/10/2b/86/102b863c59e27c6a625504f8ea63c190.jpg');
      display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 200px;
      background-size: cover;
      margin: 10px 0px;
  }
  
  .profile .contact .heading, .profile .table-section .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
      background-color: black;
border-radius: 5px 5px 0px 0px;
height: 100%;
text-align: center;
  }
  
.profile  .contact, .profile .table-section{
      border-style: none;
  }
.profile .contact:after {
      background-image: url('https://i.pinimg.com/564x/e9/6b/7f/e96b7fb56eb5664564504215cbb5fad5.jpg');
      display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 400px;
      background-size: cover;
      margin-top: 10px;
  }
 nav .top, nav .links{
     background-color: black;
     text-align: center;
     font-size: 15px;
 }
 
 .profile .blurbs .inner, .profile .friends .inner {
     border-style: solid;
     margin:;
 
 }
 
 .profile .url-info {
     border-color: black;
 }
 
 .profile  .contact .inner, .table-section .inner {
     border-style: solid;
     border-color: black;

 }
 
#comments:before {
     background-image: url('https://i.pinimg.com/564x/4d/b9/c7/4db9c7d0ec8e965fa5c21b6445b9d525.jpg');
     display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 550px;
      background-size: cover;
      margin: 10px 0px;
 }
 
 .details-table td:first-child {
     background-color: black;
     color:white;
 }
 .details-table td {
     background-color: white;
 }
 
 footer {
     background-color: white;
 }

.comments-table td:first-child {
    background-color: white;
}
.comments-table td {
    background-color: black;
    color: white;
}

.profile .blurbs .section h4 {
    color: black;
}

a, .count {
  color: gray;
}

a:hover {
    text-decoration: underline;
    color: white;
}

footer {
  background-color: black;
      font-family: 'Bangers';
      font-size: 10px;
      letter-spacing: 2px;
      color: white;
}

</style>


<style>.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: url("https://64.media.tumblr.com/45b3ee7112e923fd7b4d29aa04e3dd15/2e220f9d268f7399-eb/s75x75_c1/18583e7cf663859e0aa3aa59117720a7546e8d66.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/e8a3fc0a2dc76cb5325fc3865a5093d4/319c5c98ebbd1216-89/s75x75_c1/3e72c4d82a8c96c5a5fc0b30937538522671af70.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://64.media.tumblr.com/514c4030b404a8a7c86a6e4e9dd29ead/319c5c98ebbd1216-3f/s75x75_c1/b6fa4f377d4cb859d97e18072b1bfc72a92399ab.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://64.media.tumblr.com/3c02070f469669a093cc2f80c86e901b/319c5c98ebbd1216-92/s75x75_c1/b4c4c17cb8298e6bedbc92aadb0c7cb19da0ed10.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/a8df19c758e430fbc31cd218d9e4800f/319c5c98ebbd1216-06/s75x75_c1/281bb6bc48bb36920e090d275f1bb4c88807debe.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/7b23c4e312dfe56a7038549555ad9c5d/09b0656ab042c182-e2/s75x75_c1/e7c47126bce8737d2754af6066ccc4409489de9e.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/3367ad46daaba0b039ef8055b3eacdad/fea7c63be40a46b9-e2/s75x75_c1/1910e4e7602c2f9286da5a3801c85bd4d3d8f91d.gifv")
}
</style>

<style>



h1{

  animation: type 3s steps(27);

  color: black;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

 }

@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}

@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}

body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background:

z-index: 2;

background-size: 100% 2px, 3px 100%;

pointer-events: none;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>

<!-- (c) AUTOPLAY CODE by Vidal (https://blog.spacehey.com/entry?id=97599)-->

<iframe width="0" height="0" src="https://www.youtube.com/embed/bNBzOiavw_4//?&;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>

<!-- (c) Your stuff goes below here ☆)-->

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

ruzgar	1741837972 using ty !!! Report Comment
Cosmo_198	1741665277 Using!!!! Report Comment
Dobyki	1741536284 USANDO !!! aunque la edite bastante, me encantaa es tan bonita Report Comment
paradox ♡	1741450048 using Report Comment
r4wrxxerixaa_	1740276361 USING Report Comment
anime_6915	1739821448 looks INSANELY cool sadly won't be using Report Comment
Kouzzz	1739819032 Using Report Comment
Eros	1739405435 using!! Report Comment
sasa	1739313199 using Report Comment
Vigbynen	1739113783 what code do i need to delete to change the music:c Report Comment
tvbot	1739062288 USING Report Comment
Dirty.cvnt	1739011242 Using! thxxx Report Comment
lights on	1738962894 USING Report Comment
EUDAiMONiA	1738823788 using Report Comment
яσℓℓιє ᯓ★	1738729061 using!! :3 Report Comment
Khay777	1738720214 Es buenisimoo Report Comment
Ryo Tashkent	1738714645 using!!!!! Report Comment
Mari Inutil	1738693767 USIING!! :D Report Comment
cyni	1738412709 using and loving! Report Comment
duwwy	1738029239 using <3 Report Comment