2018 Facebook Layout by YoutubeEnjoyer

Details

AuthorYoutubeEnjoyer
LicenseNo License
CategoryFacebook
Created8 months, 2 weeks ago
Updated16 hours, 51 minutes ago
Size488 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Improves the modern Facebook layout by bringing back the old layout (2018) as much as possible.
Notes

Works on light and dark mode. There are some issues with the userstyle which I am slowly working on so keep that in mind. Recommended to use with: https://userstyles.world/style/12124/old-facebook-account-name.
Old Facebook Favicon: https://github.com/2013Windows81/OldFBFavicon/
Discord Server: https://discord.gg/BGv3DywkD5
If you have any issues, report them here: https://github.com/Avolition777/Improved-Facebook-Layout-2018-
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         2018 Facebook Layout
@version      20240427.19.24
@namespace    https://userstyles.world/user/YoutubeEnjoyer
@description  Improves the modern Facebook layout by bringing back the old layout (2018) as much as possible.
@author       YoutubeEnjoyer
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.facebook.com/"), url-prefix("web.facebook.com"), url-prefix("https://secure.facebook.com/") {
#facebook .system-fonts--body button,
#facebook .system-fonts--body input,
#facebook .system-fonts--body label,
#facebook .system-fonts--body select,
#facebook .system-fonts--body td,
#facebook .system-fonts--body textarea,
#facebook .system-fonts--body span,
#facebook .system-fonts--body div,
#facebook .system-fonts--body a {
	font-family: Helvetica, Arial, sans-serif;
}

.x10l6tqk {
	position: absolute;
}

.x1p8ty84 {
	position: relative;
	width: 100%;
	background: #4267b2;
	border-bottom: 1px solid #29487d;
	color: #fff;
}

.x5e5rjt {
	color: transparent;
}

.x3x9cwd {
	border-radius: 2px!important;
}

.__fb-light-mode {
	--header-height: 42px;
	--web-wash: #e9ebee;
	--accent: #4080ff;
	--button-corner-radius: 2px;
	--nav-bar-background-gradient: linear-gradient(to top, #FFFFFF, rgb(255 255 255), rgb(255 255 255), rgb(255 255 255), rgb(255 255 255));
	--nav-bar-background-gradient-wash: linear-gradient(to top, #f0f2f5, rgb(240 242 246), rgb(240 242 245), rgb(240 242 245), rgb(240 242 245));
	--card-corner-radius: 3px;
	--primary-deemphasized-button-text: #FFF;
}

.__fb-dark-mode {
	--header-height: 42px;
	--primary-icon: #f9f9f9;
	--button-corner-radius: 2px;
	--nav-bar-background-gradient: linear-gradient(to top, #242526, rgb(36, 37, 38), rgb(36 37 38), rgb(36, 37, 38), rgb(36 37 38));
	--nav-bar-background-gradient-wash: linear-gradient(to top, #18191A, rgb(24 25 26), rgb(24 25 26), rgb(24 25 26), rgb(24 25 26));
	--card-corner-radius: 3px;
	--primary-deemphasized-button-text: #fff;
}

.x1u2d2a2 {
	min-width: 179px;
}

.xxc7z9f {
	max-width: 206px;
}

.xmlsiyf {
	max-width: 76px;
}

.xmy5rp.xmy5rp {
	width: 448px!important;
}

.xkreb8t.xkreb8t {
	width: 448px;
}

*[class*="x1qpq9i9 xdney7k xu5ydu1 xt3gfkd xh8yej3 x6ikm8r"] {
	border-radius: 3px!important;
}

.xoqspk4 {
	border-radius: 3px;
}

.x9lpf2z::before {
	border-radius: 3px;
	display: none;
}

path[d="M25 23l.8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15v12.7c1 .2 2 .3 3 .3s2-.1 3-.3V23h4z"] {
	display: none!important;
}

path[d="M15 35.8C6.5 34.3 0 26.9 0 18 0 8.1 8.1 0 18 0s18 8.1 18 18c0 8.9-6.5 16.3-15 17.8l-1-.8h-4l-1 .8z"] {
	display: none!important;
}

path [d="M20.181 35.87C29.094 34.791 36 27.202 36 18c0-9.941-8.059-18-18-18S0 8.059 0 18c0 8.442 5.811 15.526 13.652 17.471L14 34h5.5l.681 1.87Z"] {
	opacity: 0!important;
}

path [d="M13.651 35.471v-11.97H9.936V18h3.715v-2.37c0-6.127 2.772-8.964 8.784-8.964 1.138 0 3.103.223 3.91.446v4.983c-.425-.043-1.167-.065-2.081-.065-2.952 0-4.09 1.116-4.09 4.025V18h5.883l-1.008 5.5h-4.867v12.37a18.183 18.183 0 0 1-6.53-.399Z"] {
	display: none!important;
}

*[class="xe3v8dz"] {
	display: none!important;
}

a[class="x1i10hfl x1qjc9v5 xjbqb8w xjqpnuy xa49m3k xqeqjp1 x2hbi6w x13fuv20 xu3j5b3 x1q0q8m5 x26u7qi x972fbf xcfux6l x1qhh985 xm0m39n x9f619 x1ypdohk xdl72j9 x2lah0s xe8uvvx xdj266r x11i5rnm xat24cr x1mh8g0r x2lwn1j xeuugli xexx8yu x4uap5 x18d9i69 xkhd6sd x1n2onr6 x16tdsg8 x1hl2dhg xggy1nq x1ja2u2z x1t137rt x1o1ewxj x3x9cwd x1e5q0jg x13rtm0m x1q0g3np x87ps6o x1lku1pv x1rg5ohu x1a2a7pz x1hc1fzr x1k90msu x6o7n8i xbxq160"] {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAABJCAMAAAB1uiaiAAACqVBMVEVHcEz///////////8AAAD///8AAAD///////////////////////////////////////////////////8AAAD///////////////////////////////////////////////////9lZ2tlZ2v///////////////////9lZ2tlZ2v///////////////////////////////////////////////////////////////8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8xUJD///////////////////////////////////////////////////////////////////8nSYM6WJf///////////////////////////////85WJf///////////////////////////86WJg6WJg3VpT///////////////86WZg6WJY6WJc6WJg5WJc3VJb///86WJhlZ2tlZ2tlZ2s6WJhlZ2s6WJg1U5I6WJg6WZc6WJc3WZA7WJY7WJY7WJY6WJczRIg5V5U5WJf//////v7/9LIAAABlZ2uqaBU7WZhuQR7l5eVXV1diaXhka3q2fTFQUFBeZXRUW2pWXWxnbn2wcSHBj0q/jUX+87GzeCxaYXDy59DAkE7gyKC7hj7y8vLdwov15KH36KXUsHPs1I/6+O/x3Zjw5Mnv2pX38uL2797Pq3HMoVXNp2vy4JzQp1v279rk0Kj8/Pm3fzXDlE7exZnp0Ir67Kn7+/fjxX7lyYLFl1Pq2rm1ey/cunGCLIssAAAAp3RSTlMABOMW3/kg/QL7Ru/1Jgj3DBgyEOMK6/PpSKdoPMMUXgYsOPGdiQ7ZEgKn54UqZjAk3xpgHijt8b0iXEipozpQLkA0aouZeoHRn3LNVJPlUsWN3ccg1UxuWrcclbXTh1bBYhA2l3DbOL+h4aWbyUq7rz6tTgeXZHSzkUKPbKuBg3h8drG5RPH9Klh+z8u/ceb4bSPX3XiF37kS7B2j4bEWh516ww5e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');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: -50px -35px;
	display: block;
	height: 24px;
	outline: none;
	overflow: hidden;
	text-indent: -999px;
	white-space: nowrap;
	width: 26px;
	margin-left: 7px;
}

div [class="x1i10hfl x1qjc9v5 xjbqb8w xjqpnuy xa49m3k xqeqjp1 x2hbi6w x13fuv20 xu3j5b3 x1q0q8m5 x26u7qi x972fbf xcfux6l x1qhh985 xm0m39n x9f619 x1ypdohk xdl72j9 x2lah0s xe8uvvx xdj266r x11i5rnm xat24cr x1mh8g0r x2lwn1j xeuugli xexx8yu x4uap5 x18d9i69 xkhd6sd x1n2onr6 x16tdsg8 x1hl2dhg xggy1nq x1ja2u2z x1t137rt x1o1ewxj x3x9cwd x1e5q0jg x13rtm0m x1q0g3np x87ps6o x1lku1pv x1rg5ohu x1a2a7pz x1hc1fzr x1k90msu x6o7n8i xbxq160 xtzu7as"] {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAABJCAMAAAB1uiaiAAACqVBMVEVHcEz///////////8AAAD///8AAAD///////////////////////////////////////////////////8AAAD///////////////////////////////////////////////////9lZ2tlZ2v///////////////////9lZ2tlZ2v///////////////////////////////////////////////////////////////8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8xUJD///////////////////////////////////////////////////////////////////8nSYM6WJf///////////////////////////////85WJf///////////////////////////86WJg6WJg3Vp...
Reviews

No reviews yet.