Insidious layout

Tags: katie, horror, horror movie, goth

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!! Credits are appreciated (a post, a bulletin or something else that can support me) You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {--logo-blue: #00000;
--darker-blue: #fff;
--lighter-blue: #00000;
--even-lighter-blue: #00000;
--lightest-blue: #fff;
--dark-orange: #fff;
--light-orange: #00000;
--even-lighter-orange: #00000;
}

.nav{background-color:var(--box_color_and_seethru); !important;}
nav ul{background:transparent!important; font-size: 8px; text-align: center;}
nav ul a img, .mood a img{display:none !important;}
.top{background:
transparent!important;background-color:rgba(0, 0, 0, 0.0); !important;}

.hr{  border: 1px solid var(--names) !important;filter: brightness(55%) !important;
}

.table {direction:rtl;}
.table table table {direction:ltr;}

.col.w-40 {
      width: 40%;
    }

.general-about .profile-pic {
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 0px;
    padding-top: 0%;
  }

.general-about .profile-pic img {
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0px;
    display: block;
  }

.details {
    display: none!important;
    font-size: 11px;
    border-top-left-radius: 0px;
    width: 100%;
    border-top-right-radius: 0px;
    background-color: white;
    color: black;
    margin-bottom: -16px;
  }

.mood {
    font-size: 11px;
    text-align: center;
    direction: ltr;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
    background-color: white;
    color: black;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0%;
  }

a:link {
        color: black!important;
        font-family: Cormorant Unicase;
        text-transform: uppercase;
        background:none;
}

a:hover { 
        text-transform: uppercase;
        text-decoration-style: none!important;
        color: white!important;
        border: none;
        filter: opacity(100%);
}

a:visited {
        color: black! important;
}

.w-40 h1{
    display: none;
}


.w-40 >  p {
    display: none;
  }

.main {
        border-radius: 0 0 0px 0px;
        border: none;
        background: url("")!important;
        background-color: black!important;
}

.profile {
   background-color: white;
   font-family: Cormorant Unicase!important;
   font-size: 11px;
   direction: rtl;
   border: none;
   border-color: ;
   padding-top: 0px;
   padding-bottom: 0px;
}

body {
background-image: url("https://cdn.wallpapersafari.com/25/51/bEMa4Y.jpg")!important; background-attachment: fixed; background-size: cover;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
   display: none;
}

.online { visibility: hidden; }

.url-info {display: none;}

.profile-info {display:none !important;}

.profile .contact .f-row {
    margin: 0;
}

.main {
        border-radius: 0 0 0px 0px;
        background: rgba(000, 000, 000, 0.0) !important;
}

.contact {
        display: block;
        font-size: 9px;
        font-family: arial;
        text-align: center;
        direction: ltr;
        border: none 0px!important;
        background-image: url("")!important;
        background: ;
}

.contact .inner a img {
        font-size: 0;
}

.contact .inner a img:before {
        font-size: 1em;
        display: block;
}

.details-table td:first-child{display:none;}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
display: none;
border:0px;
}

.table.details-table {
border-collapse: collapse;
}

table.details-table td {
background-color: !important;
visibility:hidden; display:none
}

.blurbs .inner .section h4{
  display: none;
}

.blurbs .heading {
        display: none;
}

.right .section h4{display:none !important;}

.blurbs {
    text-align: left;
    direction: ltr;
    background:#fffff;
    border-radius: 0px;
}

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
display: none;
background: rgba(156,56,206,1);
border-radius: 10px;
box-shadow: 2px 2px 7px #000;
color: #fff;
font-family: 'Brush Script MT', cursive;
font-size:35px;
text-transform; uppercase!important;
padding: 2px 7px;
}

.table-section:nth-last-child(2) .details-table {display:none;}

.blog-preview {
  display: none;
  grid-area: blog-preview;
}

.friends
{display:none;
}

.table.comments-table td {
        display: none;
        background-color: white!important;
        border:none;
        width: 10px!important;
        font-size: 11px;
}

.comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
}



.main {
        border-radius: 0 0 0px 0px;
        border: none;
        background: url("")!important;
        background-color: black!important;
}


.container {
        border-radius: 0px 0px 0 0;
        border: none;
        overflow: hidden;
        padding: 70px;
        margin-top: -80px;
}

footer {
        border-radius: 0px;
        border: none;
        background: url("")!important;
        background-color: black;
        display: none !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!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.