Stranger Things

Tags: stranger things

Description:

Stranger Things-based layout. plz, comment if you use it!!! put this in your about me section!!

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background: url(https://www.slashfilm.com/img/gallery/stranger-things-5-will-finally-solve-the-shows-longest-running-mystery/l-intro-1657133102.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background-color: #521515;
font-family: fantasy;
}

table, td
{

	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 0px solid var(--#4e4f4e);
    color: #870303
    }

mood {
  color: #000000;
}

.mood p {
  color: #000000;
}

.mood a {
  color: #000000;
}

table, th, td
{
   border: 0px solid #4e4f4e;
   border-spacing: 0px;
}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
   width: 100%;
   border: 2px solid #4e4f4e;
   background-color: #000000;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:#000000;
	--table-color: white;
	--link-text: black;
	--main-text: #870303;

    }   

footer 
{

    background: #870303!important;
    border: 2px solid #4e4f4e;
}

.comments-table{
background: #000000;
display: block;
height: 500px;
overflow-y: scroll; 
color: #870303;
border: 2px solid #4e4f4e;

}

.contact .heading {
  text-align: center;
  background-color: #000000!important;
  font-family: courier "Courier New"!important;
  color: #870303!important;
  border: 1px solid #4e4f4e;!important;
}

.contact {
  border: 2px solid #4e4f4e;!important;
  background-image: url(https://i.ibb.co/4mt4bbz/red2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: whitesmoke;
  font-family: "Courier New";
  font-size: 14px;
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px #000000!important;

}

nav, footer, .profile .contact {
color: #000000!important;
}

main {
border: 2px solid #4e4f4e;
padding: 0;
font-size: 90%;
color: #000000;
}

nav {
  border: 2px solid #4e4f4e!important;
}

nav .top a {
    color: #870303!important;
}

nav .logout-btn {
    color: #870303!important;
}

nav .links a {
    color: #870303!important;
}

.logo {

  filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important;
}


  .profile .table-section{
    border:2px solid #4e4f4e;

  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #4e4f4e;
    text-align: center;

  }
  .profile .table-section .heading h4{
    color: #870303;

  }
  .profile .table-section .details-table td{
    background-color: #000000;
    padding-right: 10%;
  }

  .profile .friends .heading{
    border: 2px solid #4e4f4e;
    background: #000000;
    color: #870303;
    text-align: center;
  }

  .profile .friends .heading h4{
    text-align: center;
    color: #870303;
  }
.general-about {
background-color: #000000;
   border: 2px solid #4e4f4e;
	padding: 5px;
	text-align: center;
        color: #870303;
}

.profile .blurbs .section :nth-child(2) {
        border: 2px solid #4e4f4e;
	background-color: #000000;
        color: #870303;
     /* margin-top: -5px; */
	padding: 18px;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#870303;
}
.profile .profile-info .inner h3 a {
	color: #870303;
}
.profile .profile-info {
	background: url(https://64.media.tumblr.com/ca37c8a6d467acacdc80d9a3456e8084/tumblr_oyuzi36I0M1vfg7u3o10_540.gif);
        background-position: bottom;
	padding: 20px;
        border: 2px solid #4e4f4e;
        color; #870303;!important

}

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