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:

Code:

<!-- (c) Layout created by Mr Relliks (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.