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 14 of 14 comments ( View all | Add Comment )

Catsalot	1708312687 OH MY GODDDD I LOVE THE BACKROOMS WIKIDOT THIS IS AMAZING TYSM <3 Report Comment
Keithᶻ 𝗓 𐰁	1700799416 USING OMGHGDHSJSJK Report Comment
Clementine!!	1697382497 using!! Report Comment
Rapid	1695876223 SUing Report Comment
Marcus	1695259628 USING, ANYONE IN THE COMMENTS WHY LIKES THE BACKROOMS BMF PLEASE Report Comment
B4CKR00MS SYS!	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<3	1652715532 IM SO OBSESSED WITH THE BACKROOMS AND THIS LAYOUT JUST HELPS WITH IT ITS SO COOL THANK YOU!!!! Report Comment
axel	1648280541 THISIS SICK DUDE OMFG Report Comment
Soph	1644805381 i kove 10/.10. so god Report Comment Thank You Soph by netic; 1644805987; Report
gravitybag	1644723849 Hype You Up Very Good and Good laupit Layout Layout 9.9/10 Report Comment HI THE GOOBERTY BAG! by netic; 1644723932; Report
sal	1644723815 HOLY. SHIT. Report Comment JAW DROp! by netic; 1644723880; Report