Backrooms Layout

Tags: backrooms, backroom, liminal

Description:

WOO BACKROOMS WOOOOO!! this my first layout so it probably has some issues and could be improved but whatever !!! omhg silly small te_{xt HELP}

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('http://fonts.cdnfonts.com/css/fantasque-sans-mono?styles=25009');

@font-face {
  font-family: 'Proxima Nova';
  src: url('ProximaNova.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }
  
body{
    background: url(https://cdn.discordapp.com/attachments/640671132298772565/942069499123867688/unknown.png);
}

.container{
width: 100%;
}

main{
    background-color: transparent;
    padding: 0em 25em;
    }
   
   .profile .general-about{
    font-size: 125%;
    border: 2px solid rgba(60, 60, 60, 0.8);
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 5px;
    width: 300px;
    height: 275px;
    margin-bottom: 15px;
}

    .profile .general-about .details{
        margin-left: px;
        text-align: center;
    }
 
 .profile .contact{
     padding-left: 10px;
     padding-bottom: 15px;
 }

 .profile .contact .heading{
    text-align: center;   
 }
 
.f-col,.f-row{
    display:block
    
}

.f-col{
    margin:2px
    
}

.profile .contact .f-row{
    margin:unset
    
}

main 
.right{
    width:80%
    
}

.general-about .profile-pic{
    float:unset;margin:unset;margin-bottom:10px
    
}

.profile .mood p{
    margin:unset
    
}

.general-about .details p{
    margin:0px
}
 
    .profile .blog-preview,
    .profile .mood{
    font-size: 125%;
    text-align: center;
    }
    
    .profile .mood{
         border: 2px solid rgba(60, 60, 60, 0.7);
         padding: 10px;
         border-radius: 20px;
         box-shadow: 0px 0px 5px;
         width: 300px; 
         margin-bottom: 15px;
    }
    
    .profile .profile-pic img{
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
    position: 
    relative;
    left: 21.5%;
    top: 5%;
    }
    
    .profile .table-section,
    .profile .contact,
    .profile .url-info{
    border-radius: 20px;
    border: 2px solid rgba(60, 60, 60, 0.8);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
    width: 300px;
    margin-bottom: 15px;
    }
    
    .profile .url-info{
        margin-top: 15px;
    }
    
    .profile .table-section,
    .profile .url-info{
        text-align: center;
    }
    
    table.details-table td {
    border-radius: 20px;
    border: 2px solid rgba(60, 60, 60, 0.8);
    background-color: rgba(0, 0, 0, 0.3) !important;
    font-size: 110%;;
    color: black !important;
    text-align: center;
    margin-bottom: 15px;
    }
    
    .profile .blurbs .heading,
    .profile .friends .heading {
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Fantasque Sans Mono', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 125%;
    border-radius: 20px;
    border: 2px solid rgba(60, 60, 60, 0.8);
    padding: .5em;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
    text-align: center;
    }
    
    .profile .contact .heading,
    .profile .table-section .heading {
         background-color: transparent;
        font-family: 'Fantasque Sans Mono', sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 125%;
        padding: .5em;
    }
    
    
    .online{
        font-family: 'Fantasque Sans Mono', sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 115%;
    }
    
    .online img{
    display: none;
    }
    
    h1, h2, h3, h4, h5, .section{
        font-family: 'Fantasque Sans Mono', sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 115%;
        color: black;
    }
    
    a{
        color: rgba(230, 23, 68, 1);
    }
    
    nav .top{
        background: url(https://media.discordapp.net/attachments/640671132298772565/942090010281275472/unknown.png);
        width: 1864px;
        height: 126px;
    }
    
    nav .right{
        color: black;
        position:relative;  
      top: 20%;
      right: 9%;
    }
    
    nav .center{
        color: black;
    }

    .top>.left>a>.logo{display:none
    }
    .top .left a{
        height:110px;
        position:
        relative;
        left: 166.5%;
        background-size:cover;
        background:url(https://cdn.discordapp.com/attachments/640671132298772565/942084283974176808/bacvkrom.png)
        0 -17.5px no-repeat;display:inline-block;width:459px
        
    }
    
     nav .links {
      font-family: 'Proxima Nova', Fallback, sans-serif;
      font-weight: bold;
      font-size: 115%;
      background-color: rgba(75, 72, 63, 1);
      color: rgba(230, 23, 68, 1);
      
  }
  
  nav .links a{
      color: beige;
  }
  
    nav .links a:hover{
      color: beige;
  }
  
    nav .links a:active{
      color: beige;
  }
  
    nav .links a:visited{
      color: beige;
  }
  
   p{
    font-family: 'Proxima Nova', Fallback, sans-serif;
    font-weight: normal;
  }
    
    form[action$="/search"]{
      position:relative;  
      left:35%;
      top:70%;
        
    }
      
      form[action$="/search"] input{
         border:solid 1px #000;
        padding:5px 3px;
        font-size:100%;
        font-weight:700;
        color:#fff;
        background-color: rgba(72, 69, 60, 1);
      }
      
    form[action$="/search"] button{
        border:solid 1px #000;
        padding:5px 3px;
        font-size:100%;
        font-weight:700;
        color:#fff;
        background-color: rgba(140, 136, 126, 1);
        cursor:pointer}
        
    .profile .friends-grid .person p{
        color: red;
    }
    
    .profile .friends{
    color: black;
    margin-bottom: 15px;
    }
    
    .profile .comments-table{
    border: 1px solid rgba(60, 60, 60, 0.8);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
    margin-bottom: 15px;
    color: black;
}

.profile .comments-table td{
    border: 1px solid rgba(60, 60, 60, 0.8);
    background-color: rgba(0, 0, 0, 0.3) !important;
    font-size: 110%;;
    color: black !important;
    margin-bottom: 15px;
}

.profile .comments-table .comment-replies{
 border: 1px solid rgba(60, 60, 60, 0.8);
    background-color: rgba(0, 0, 0, 0.3) !important;
    font-size: 110%;;
    color: black !important;
}

.comments-table img,
.person img{
   border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

footer{
background-color: transparent;
color: black;
}

.count{
    color: rgba(230, 23, 68, 1);
}

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

.contact .inner a:before{
content: "☉";
font-size: 125%;
color: black;
} 

.profile .blog-preview{
text-align: center;
}
</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.

Comments

Displaying 20 of 24 comments ( View all | Add Comment )

someonenamedspooder	1789269714 USING Report Comment
matt	1778717166 using Report Comment
Jasper	1775030974 USING! THIS IS SO COOL! Report Comment
iHatGoombaZ	1768896353 OMGGG THIS IS SO COOL USINGGG Report Comment
iHatGoombaZ	1768896349 OMGGG THIS IS SO COOL USINGGG Report Comment
🍰🧁🍬🍨 𝓒𝓵𝓾𝓶𝓼𝔂 🥧🎂🍦🍭🍩	1767816704 Usinggg Report Comment
BEE	1764006204 Using!! Report Comment
Psyçh0Sal	1750854819 Using! Report Comment
berney	1747502948 using! Report Comment
Rush	1720074524 Using. Sadly couldn't find any Doors themed layouts but this works just as well! Report Comment
Catsalot	1708312687 OH MY GODDDD I LOVE THE BACKROOMS WIKIDOT THIS IS AMAZING TYSM <3 Report Comment
kiri( ´ ꒳ ` )	1700799416 USING OMGHGDHSJSJK Report Comment
V	1697382497 using!! Report Comment
Rapid	1695876223 SUing Report Comment
Marcus	1695259628 USING, ANYONE IN THE COMMENTS WHY LIKES THE BACKROOMS BMF PLEASE Report Comment
Spreen † Dieu	1694888273 USING!!! Report Comment
SkeeteR	1694045389 using !! Report Comment
Candy	1686943147 using this bc its super cool :3 Report Comment
Echooo	1674056792 I've always loved the backrooms, I love this sm !! Report Comment
august	1652715532 IM SO OBSESSED WITH THE BACKROOMS AND THIS LAYOUT JUST HELPS WITH IT ITS SO COOL THANK YOU!!!! Report Comment