GreasyFork Plus

Improves the layout of greatest.deepsurf.us

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name        GreasyFork Plus
// @namespace   407d4100-4661-11e4-916c-0800200c9a66
// @description Improves the layout of greatest.deepsurf.us
// @include     *://greatest.deepsurf.us*
// @include 	*://*.sleazyfork.org*
// @version     1.1.2
// @grant       GM_addStyle
// ==/UserScript==
GM_addStyle("\
	body>.notice {\
		width: 920px;\
		font-weight: bold;\
		margin: 16px auto -10px;\
	}\
	body {\
		background: #F1F1F1;\
	}\
	a {\
		color: #167AC6;\
		text-decoration: none;\
	}\
	a:hover {\
		text-decoration: underline;\
	}\
");
if(document.location.href.indexOf("greatest.deepsurf.us/scripts") > -1) {
	GM_addStyle("\
		#browse-script-list {\
			margin-top: 0px;\
			font-size: 0px;\
		}\
		#browse-script-list li {\
			margin: 0px;\
		}\
		article {\
			padding: 6px 12px;\
			width: 920px;\
			margin: 0px auto;\
			border: 1px solid #E2E2E2;\
			border-bottom: 0px;\
			background: #FFFFFF;\
		}\
		article h2 .name-description-separator {\
			display: none;\
		}\
		article h2 .description {\
			display: block;\
		}\
		article dl {\
			display: none;\
		}\
		article .description {\
			font-size: 14px;\
		}\
		.pagination {\
			padding: 16px 212px 6px;\
			height: 30px;\
			width: 520px;\
			background: #FFFFFF;\
			border: 1px solid #E2E2E2;\
			border-top: 0px;\
			margin: 0px auto;\
			-webkit-border-bottom-left-radius: 6px;\
			-webkit-border-bottom-right-radius: 6px;\
			-moz-border-radius-bottomleft: 6px;\
			-moz-border-radius-bottomright: 6px;\
			border-bottom-left-radius: 6px;\
			border-bottom-right-radius: 6px;\
		}\
		.pagination .current {\
			font-style: normal;\
			font-weight: bold;\
		}\
		.pagination a:last-child {\
			float: right;\
		}\
		body>p {\
			display: none;\
		}\
		body>ol li:last-child article {\
			border-bottom: 1px solid #E2E2E2;\
		}\
		#script-list-option-groups {\
			float: none;\
			width: 920px;\
			margin: 16px auto 0px;\
			padding: 6px 12px;\
			background: #FFFFFF;\
			border: 1px solid #E2E2E2;\
			border-bottom: 0px;\
			-webkit-border-top-left-radius: 6px;\
			-webkit-border-top-right-radius: 6px;\
			-moz-border-radius-topleft: 6px;\
			-moz-border-radius-topright: 6px;\
			border-top-left-radius: 6px;\
			border-top-right-radius: 6px;\
		}\
		#script-list-option-groups #script-list-filter {\
			display: none;\
		}\
		#script-list-option-groups #script-list-sort {\
			padding: 0px;\
			background: none;\
			height: 40px;\
		}\
		#script-list-option-groups #script-list-sort li {\
			display: block;\
			float: left;\
			width: 12%;\
			text-align: center;\
			font-size: 14px;\
			margin: 12px auto;\
		}\
		#script-list-option-groups #script-list-sort {\
			font-size: 0px;\
		}\
		\
		#script-content {\
			border: 1px solid #E1E1E1;\
			background: #FFFFFF;\
			width: 920px;\
			margin: 0px auto 16px;\
			padding: 12px;\
			-webkit-border-radius: 6px;\
			-moz-border-radius: 6px;\
			border-radius: 6px;\
		}\
		#script-info header h2, #script-info header p {\
			margin: 6px auto;\
			width: 920px;\
		}\
		#script-links {\
			width: 920px;\
			margin: 0px auto;\
		}\
		#script-links li {\
			border-color: #E1E1E1;\
			-webkit-border-top-left-radius: 2px;\
			-webkit-border-top-right-radius: 2px;\
			-moz-border-radius-topleft: 2px;\
			-moz-border-radius-topright: 2px;\
			border-top-left-radius: 2px;\
			border-top-right-radius: 2px;\
		}\
		#install-stats-chart-container {\
			display: none;\
		}\
		#additional-info div {\
			background: none;\
			padding: 0px;\
			padding-top: 6px;\
		}\
	");
	
	if(document.location.href.indexOf("-") == -1 || document.location.href.indexOf("/by-site/") > -1) { // Applies only on search results (not script pages)
		document.body.children[3].children[0].innerHTML = "◀";
		document.body.children[3].lastChild.innerHTML = "▶";
		document.body.children[3].innerHTML += "<a href='/script_versions/new'>Post a script</a>";
		document.getElementById("script-list-sort").children[0].innerHTML += "\n<li class='script-list-option'><a href='/scripts/by-site'>By site</a></li>";
	}
}
else if(document.location.href.indexOf("greasemonkey.org/forum/") == -1) {
	var el, wrapper = document.createElement('div');
	wrapper.id = "wrapper";
	while (el = document.body.children[1]) {
		wrapper.appendChild(el);
	}
	document.body.appendChild(wrapper);
	GM_addStyle("\
	#wrapper {\
		width: 920px;\
		padding: 6px 12px;\
		background: #FFFFFF;\
		margin: 16px auto;\
		border: 1px solid #E1E1E1;\
		-webkit-border-radius: 6px;\
		-moz-border-radius: 6px;\
		border-radius: 6px;\
	}\
	#script-list-option-groups {\
		display: none;\
	}\
	");
	if(document.location.href.indexOf("greatest.deepsurf.us/users/") > -1) {
		GM_addStyle("\
			#wrapper {\
				padding-top: 0px;\
			}\
			#control-panel {\
				width: 920px;\
				padding: 6px 12px;\
				margin: 6px auto 0px;\
				height: 40px;\
				-webkit-border-top-left-radius: 6px;\
				-webkit-border-top-right-radius: 6px;\
				-moz-border-radius-topleft: 6px;\
				-moz-border-radius-topright: 6px;\
				border-top-left-radius: 6px;\
				border-top-right-radius: 6px;\
				background: #FFFFFF;\
				border: 1px solid #E1E1E1;\
				border-bottom: 0px;\
			}\
			#control-panel header {\
				display: none;\
			}\
			#user-control-panel li {\
				margin-top: -6px;\
				display:block;\
				float: left;\
				width: 14%;\
				text-align: center;\
			}\
			article h2 .name-description-separator {\
				display: none;\
			}\
			article h2 .description {\
				display: block;\
			}\
			article dl {\
				display: none;\
			}\
			article .description {\
				font-size: 14px;\
			}\
			h2 {\
				width: 920px;\
				font-size: 32px;\
				margin: 6px auto;\
			}\
		");
		
		document.body.appendChild(document.getElementById("wrapper").children[0]);
		document.body.appendChild(document.getElementById("wrapper")); // Sets the element to the bottom of its list of siblings
	
		if(document.getElementById("user-control-panel")) { // If signed in
			document.body.appendChild(document.getElementById("control-panel"));
			document.body.appendChild(document.getElementById("wrapper"));
			
			GM_addStyle("\
				#wrapper {\
					margin-top: 0px;\
					-webkit-border-top-left-radius: 0px;\
					-webkit-border-top-right-radius: 0px;\
					-moz-border-radius-topleft: 0px;\
					-moz-border-radius-topright: 0px;\
					border-top-left-radius: 0px;\
					border-top-right-radius: 0px;\
				}\
			");
			
			document.getElementById("user-control-panel").children[3].children[0].innerHTML = "GH Webhook";
			document.getElementById("user-control-panel").children[5].children[0].innerHTML = "Sign in methods";
		}
	}
}