SILENT HILL Inspired Layout

Tags: simple, silenthill, layout, music

Description:

"In my restless dreams, I see that town... Silent Hill." (contains music) Paste the code into your about me. Please comment if using! ^_^

Preview:

click on the image for a larger preview

Code:

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

<style>


</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Andada+Pro&display=swap');
p{
  font-family: 'Andada Pro', serif;
  font-size: 100%;
  color: #ffffff;

}
h1, h2, h3, h4, h5{
  font-family: 'Andada Pro', serif;
  font-size: 125%;
  color: red;
}

main{
  background-color:transparent;
}

.profile {
  padding: 0px;
  border: 7px white groove;
  border-radius: 5px;
  border-width: 2px;
  border-color: darkcyan;
  !important;
background:url(https://i.ibb.co/0tbkhRf/imagem-2023-12-09-183147175.png);
background-attachment: fixed;
background-size: 100%;
}

body{
background: url(https://i.ibb.co/zZ4ys2K/imagem-2023-12-08-205021355.png);
background-attachment: fixed;
background-size: 100%;
}
  
.contact, .table-section{

   padding:0px;
   border-width: 2px; 
   border-radius: 9px;
   border-color: darkgrey 
!important;
   box-shadow: 0px 0px 5px 3px none !important;
   margin-bottom: 20px !important;
   background: url(https://i.ibb.co/nQnVhS5/imagem-2023-12-09-144249216.png);
 background-attachment: fixed;
  
  }

  nav .links{
  padding: 5px;
  border: 7px white solid;
  border-width: 2px;
  border-radius: 0px;
  border-color: darkred;
  !important;
  background: url(https://i.ibb.co/7JC8LYB/4ba364d5c1f5a006a159c211bf593704.jpg);

  background-attachment: fixed;
  background-size:100%;
}

nav .top{
  padding: 10px;
  border: 7px white groove;
  border-width: 3px;
  border-radius: 2px;
  border-color: darkred;
  !important;
  background: url(https://i.ibb.co/7JC8LYB/4ba364d5c1f5a006a159c211bf593704.jpg);
 background-attachment: fixed;
 background-size:100%;
}


a .icon{
  content:
  url(https://i.ibb.co/KcgmCBx/imagem-2023-12-16-170823347.png)!important;
}

footer{
  padding: 5px;
  border: 7px white groove;
  border-width: 3px;
  border-radius: 2px;
  border-color: darkred;
  !important;

background:url(https://i.ibb.co/7JC8LYB/4ba364d5c1f5a006a159c211bf593704.jpg);
background-attachment: fixed;
  background-size: 100%;
  background-attachment: fixed;
  
}


  
 .blurbs .heading, #comments .heading{
 background-image: url(https://i.ibb.co/drDMTPP/imagem-2023-12-13-223452307.png) !important;
 background-size: 100% 100% !important;
}
  



  .logo {

content: url(https://i.ibb.co/h1tj6DF/imagem-2023-12-16-011311068.png)!important;

} 




 .friends .heading, #comments .heading{
  background-image: url(https://i.ibb.co/NZCV8Yp/imagem-2023-12-14-013800039.png) !important;
  background-size: 100% 100% !important;
}

:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: red;
    --light-orange: #5c5c5c;
    --even-lighter-orange: #696969;
    --green:
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/ZwLvcaDMhU8?si=4kqxAw9Z_X9xuyPU&loop=1&controls=1&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></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 20 of 35 comments ( View all | Add Comment )

Valen	1 month ago Im gonna use this, thank you Report Comment
Valen	1 month ago Im gonna use this, thank you Report Comment
Valen	1 month ago Im gonna use this, thank you Report Comment
Valen	1 month ago Im gonna use this, thank you Report Comment
Valen	1 month ago Im gonna use this, thank you Report Comment
Valen	1 month ago Im gonna use this, thank you! Report Comment
Valen	1 month ago Im gonna use this, thank you Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment
Valen	1 month ago Im gonna use this, thank you xp Report Comment