Silent Hill (Green) Theme Layout

Tags: silent hill, urban, layout, friends, minimalistic

Description:

My own layout im using This is just for my friend who ask me if she can have the same one, so dont expect any updates :>

Preview:

click on the image for a larger preview

Code:

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

<style>

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

nav .top .left .logo {
    width: 145px;
    height: 55px;
}
</style>

<style>
.profile {
    direction: rtl;
}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
    direction: ltr;
    filter: drop-shadow(2px 4px 6px black)
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #ffffff00;
    color: #ED0707;
    color: #000000;
    padding: 2px 7px;
}
.profile .friends .person p {
    color: #ff0000;
    font-weight: 100;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.general-about .profile-pic img {
    max-width: 64px;
    max-height: 90px;
}
</style>

<style>
a {
    color: #1E40AF;
    color: #ffffff;
    text-decoration: none;
}
.section h4{display:none}
.url-info{display:none !important;}
:root {       
        --lighter-blue: #faa5db;
        --light-orange: #faa5db;
    }
.profile .blurbs .heading {display:none !important;}

main {
    background: #ffffff00;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}

nav .links {
    background-color: #60A5FA;
    background-color: #ffffff00;
    padding: 3.5px 16px;
}
.container:before {
  border-radius: 6px;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 15px 2px #000000c3, inset 0px 0px 0px 1px var(--aero-black), inset 0px 0px 0px 2px #d9e2eb;
  background: linear-gradient(#fff0 20%,hsla(0,0%,100%,.7) 29%,transparent 29.3%);
}
.container {
  animation:.5s windowOpen cubic-bezier(.19,1,.22,1);
  box-shadow: 0 0 15px 2px #000000c3,inset 0 0 0 1px var(--aero-black),inset 0 0 0 2px #d9e2eb;
  background: linear-gradient(-139deg,rgba(135,173,190,.47) 0%,rgba(0,0,0,0) 25%),var(--aero-accent);
  border-radius: 6px;
  backdrop-filter: brightness(0.5);;
  padding: 8px;
}
.container {
	
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
body {
    background: url('https://file.garden/ZWV77W2eyH6XVYI2/Fondo');
    font-family: sans-serif
}
nav .top {
    background: #1D4ED8;
    background: #1dd83e00;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px #000000;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid #ffffff00;
    margin: 10px 0;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: #60A5FA;
    background: #ffffff00;
    color: black;
    padding: 2px 7px;
}
.details-table td:first-child {
    background: #ffffff00;
    background: #ffffff00;
    color: #ffffff;
    font-weight: bold;
    width: 33%;
}
.details-table td {
    background: #DBEAFE;
    background: #ffffff00;
    vertical-align: top;
}
.profile-info{display: none !important;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #ffffff00;
    background-color: #ffffff00;
}
{
  box-sizing: border-box;
  direction: ltr;
}
  
body {
  margin: 0;
  font-family: sans-serif;
}
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

body { 
cursor: url('http://www.rw-designer.com/cursor-view/115212.png'), auto; 
}
.profile .friends .person p {
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
    filter: drop-shadow(2px 4px 6px black);
}
.comments-table td:first-child, .music-table td:first-child {
    background: #ffffff00;
    text-align: center;
    width: 35%;
    filter: opacity(0.5);
}
.comments-table td, .music-table td {
    background: #ffffff00;
    vertical-align: middle;
    filter: drop-shadow(2px 4px 6px black);
    color: #a78a66;
}

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