2-columns facebook layout

2-columns facebook layout script

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name       2-columns facebook layout
// @namespace  Krzysztof Szumny
// @version    0.0.3
// @description  2-columns facebook layout script
// @include        http://*facebook.com/*
// @include        https://*facebook.com/*
// @run-at     document-start
// ==/UserScript==
// Initiate custom CSS function
function GM_addStyle(css) {
	var parent = document.getElementsByTagName("head")[0];
	if (!parent) {
		parent = document.documentElement;
	}
	var style = document.createElement("style");
	style.type = "text/css";
	var textNode = document.createTextNode(css);
	style.appendChild(textNode);
	parent.appendChild(style);
}
GM_addStyle("\
body._5vb_ #globalContainer {\
width: calc(100% - 210px);\
}\
div#contentArea{ \
width:100% !important;\
}\
#rightCol{\
display: none;\
}\
._4ikz {\
width: calc(50% - 20px) !important;\
float: left;\
margin: 10px;\
}\
._4-u2.mbl._5us6{\
float: left;\
width: calc(50% - 20px) !important;\
}\
#pagelet_composer{\
width: calc(100% - 20px);\
margin: 10px;\
}\
._5umn.clearfix{\
width: calc(100% - 20px);\
}\
#pagelet_canvas_nav_content{\
display:none;\
}\
#appsNav{\
display:none;\
}\
");