Face-Hey (A not Facebook Layout )

Tags: simple, layout, layouts, facebook, fbook, blue

Description:

A satirical take on Facebook layouts. Complete with Face-Hey logo.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

:root {
--bgcolor: #fff;
--navbg: #182451;
--logospacebg: #4267B2;
--body-bg: #fff;
--mainbg: #28335a;
--bordercolor: #9ba2ba;
--countcolor: #c8cfe8;
--header-bg: #4267B2;
--header-borders: 10px 10px 0px 0px;
--lighttext: #fff;
--darktext: #000;
}

  body{
    background-color: #e6e6e6;
    font-family: 'Questrial', sans-serif;
    text-align: center;
    
  }

.logo {
content:url("https://cdn.discordapp.com/attachments/874275178576773183/935196932157087834/FaceheyLogo.png");
}

  main{
    padding: 1rem;
   	background-color: var(--body-bg);
    
    
    
    
  }

  p{
    color: var(--lighttext) !important;
    
  }

  h1{
    color: var(--darktext) !important;
    
    
  }

  h4{
    color: var(--lighttext) !important;
    
  }
.details p{
 color: var(--darktext) !important; 
}

.mood p{
 color: var(--darktext) !important; 
}

.mood a{
 color: var(--header-bg) !important; 
}

  a{
    color: #fff;
    
  }

  .heading{
    background-color: var(--header-bg) !important;
    border-radius: var(--header-borders);
    text-align: center;
    padding: 10px !important;
    margin-bottom: 5px !important;
    
  }

  .contact, .url-info, .table-section{
    border-radius: var(--header-borders);
    margin-top: 20px !important;
    background-color: var(--mainbg);
    border: none !important;
    margin-bottom: -5px !important;
    
  }

  .comments-table{
    background-color: var(--mainbg) !important;
   
  }

  .comments-table tr td{
    padding: 1rem;
    background-color: var(--mainbg) !important;
    border:none;
    
  }
  .comments-table p {
    background-color: var(--mainbg);
    
  }

  .profile-info .inner{
    background-color: var(--mainbg);
    
    
  }

  .profile-info{
    background-color: var(--mainbg);
    color: #fff;
    
    
  }

  .details-table tr td{
    background-color: var(--mainbg) !important;
    
    
  }
.blurbs{
  background-color: var(--mainbg);
  border-radius: var(--header-borders);
}

.friends{
  background-color: var(--mainbg);
  border-radius: var(--header-borders);
  margin-bottom: 1rem;
  
  
}

.friends .person img{
  background-color: var(--mainbg);
  border: 5px solid var(--lighttext);
  border-radius: 50%;
  margin-bottom: 1rem;
  
}

  .count {
    color: var(--countcolor);
    
  }

  footer, nav .top{
    background-color: var(--logospacebg);
    margin-top: 1rem;
    border: 1px solid var(--bordercolor);
    border-radius: 1rem;
    
  }

  nav .links{
    background-color: var(--header-bg);
    padding: 1rem;
    font-size: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--bordercolor);
    border-right: 1px solid var(--bordercolor);
    border-left: 1px solid var(--bordercolor);
    border-radius: var(--header-borders);
    text-align: center;
    
    
  }

  .comment-replies{
    
  }

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