Greasy Fork is available in English.

rheuma-online-BLICK

Lesbarkeit per Klick!

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Greasemonkey lub Violentmonkey.

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

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana będzie instalacja rozszerzenia Tampermonkey lub Userscripts.

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

Aby zainstalować ten skrypt, musisz zainstalować rozszerzenie menedżera skryptów użytkownika.

(Mam już menedżera skryptów użytkownika, pozwól mi to zainstalować!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Musisz zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

(Mam już menedżera stylów użytkownika, pozwól mi to zainstalować!)

// ==UserScript==
// @name        rheuma-online-BLICK
// @namespace   rheuma-online-BLICK
// @author		Dediggefedde
// @description Lesbarkeit per Klick!
// @match     	*://www.rheuma-online.de/*
// @grant		none
// @version     1.1
// ==/UserScript==

(function(){

if(window.self != window.top)return;

//Voreinstellung
var groeinst=18;//px
var abseinst=true;//absatz-vergrößerung
var liseinst=true; //liste vergrößern
var invert=false; //Farben invertieren
var kleinpagevar=false; //Seite für kleine Bildschirme anpassen
var scheinst=0;//Schriftart Georgia
var schriftliste=new Array("Georgia","Palatino Linotype","Book Antiqua", "Tahoma","Arial","Helvetica","Verdana","Times New Roman");
var schriftreihe="";

//Optik
function gros(){
	addstyle(""+
		".postbody .content {"+
		"	line-height:1.5em;"+
		"	font-family:/*schrift*/"+schriftreihe+"/*schrift*/;"+
		"	font-size:/**/"+groeinst+"px/**/;"+
		"	margin-left: 10px;"+
		"	margin-right: 7%;"+
		"	margin-top: 15px;"+
		"	text-align: left;"+
		"	letter-spacing: 1px;"+
		"	color: #003;"+
		"}"+
		".posts .content .bbcode_quote{"+
		"	line-height:1.5em;"+
		"	font-family:/*schrift*/"+schriftreihe+"/*schrift*/;"+
		"	font-size:/**/"+groeinst+"px/**/;"+
		"}"+
		// "body.forum{"+
		// "	line-height:1.5em;"+
		// "	font-family:/*schrift*/"+schriftreihe+"/*schrift*/;"+
		// "	font-size:/**/"+groeinst+"px/**/;"+
		// "}"+
		".postbody h2.title {"+
		"	font-family:/*schrift*/"+schriftreihe+"/*schrift*/;"+
		"	font-weight:bold;"+
		"	font-size: /**/"+groeinst+"px/**/;"+
		"}"+		
		".postbody .content a {"+
		"	color: #BB5555;"+
		"	font-size: 14px;"+
		"	font-style: italic;"+
		"	text-decoration: underline;"+
		"}"+
		".postbody img.inlineimg {"+
		"	vertical-align: middle!important;"+
		"	margin: 0 4px;"+
		"}");
}

function absatz(){
	if(document.getElementById("posts")!=null){
		var contents=document.getElementById("posts").getElementsByClassName("content");
		for(var i=0;i<contents.length;i++)contents[i].innerHTML=contents[i].innerHTML.replace(/<br>(\s*<br>)+/gi,"<br>");
	}

	addstyle("/*abs*/"+
		".postbody .content li {"+
			"margin-bottom: 1em;"+
		"}"+
		".postbody .content br {"+
		"	margin-bottom: 1em;"+
		"	content:' ';"+
		"	display:block;"+
		"}/*abs*/");
}

function kleinpage(){
	addstyle("/*kleinpage*/"+
	"div.postdetails div.userinfo {"+
		"display:inline-block;"+
	"}"+
	"div.postdetails div.postbody {"+
		"display:inline-block;"+
		"margin-left:0px;"+
	"}"+
	"#container_gesamt {"+
		"table-layout: fixed;"+
	"}"+
	"#container_links{overflow:hidden;width:20px;transition:width 0.5s;}"+
	"#container_links:hover{width:200px;}"+
	"/*kleinpage*/");
}

function Liste(){
	addstyle("/*list*/"+
	"li.threadbit {"+
		"margin: 2px 0 !important;"+
		"color: #000;"+
	"}"+
	"li.threadbit .pagination{"+
		"vertical-align: middle;"+
	"}"+
	"li.threadbit > div{"+
		"padding:5px;"+
		"font-style: /*schrift*/"+schriftreihe+"/*schrift*/;"+
		"}"+		
		".label {"+
		"	vertical-align: middle;"+
	"}"+
	
	"/*list*/");
}

function invertcolor(){
	addstyle("/*invert*/"+
	".posts .postbody{"+
		"background-color:#001;"+
	"}"+
	".posts .content .bbcode_quote{"+
		"background-color:#003;"+
	"}"+
	".postbody h2.title{"+
		"color:#fdd"+
	"}"+
	".posts .postbody .content{"+
		"color:#ffd"+
	"}"+
	"/*invert*/");
}

//bar
function insertbar(){
	var bar=document.createElement("div");
	bar.id="BLICK_bar";
	
	schriftreiher();
	var schriften="";
	for(var i=0;i<schriftliste.length;i++)schriften+="<option"+((i==scheinst)?" selected='selected'":"")+">"+schriftliste[i]+"</option>";	
	
	bar.innerHTML="<div style='width:300px;font: 22px/2em georgia, Palatino Linotype, Book Antiqua, Tahoma;padding: 20px;'><div class='blick_row'><span class='BLICK_title'>Textgröße:</span><span class='blick_button' id='blick_plus'>+</span><span class='blick_button' id='blick_minus'>-</span></div><div class='blick_row'><span class='BLICK_title'><input type='checkbox' id='blick_absver' alt='Absaetze vergroessern' "+((abseinst)?"checked='ckecked'":"")+"/><label for='blick_absver'>Absätze vergrößern</label></span></div><div class='blick_row'><span class='BLICK_title'><input type='checkbox' id='blick_listver' alt='Beitragsliste vergroessern' "+((liseinst)?"checked='ckecked'":"")+"/><label for='blick_listver'>Beitragsliste vergrößern</label></span></div><div class='blick_row'><span class='BLICK_title'><input type='checkbox' id='blick_invert' alt='Farben invertieren' "+((invert)?"checked='ckecked'":"")+"/><label for='blick_invert'>Farben invertieren</label></span></div><div class='blick_row'><span class='BLICK_title'><input type='checkbox' id='blick_klein' alt='Kleiner Bildschirm' "+((kleinpagevar)?"checked='ckecked'":"")+"/><label for='blick_klein'>kleiner Bildschirm</label></span></div><div class='blick_row'><span class='BLICK_title'>Schriftart: </span><select id='blick_select'>"+schriften+"</select></div></div>";
	
	document.body.appendChild(bar);	
	
	document.getElementById("blick_plus").addEventListener("click", function(){schriftvergr(true);}, false);
	document.getElementById("blick_minus").addEventListener("click", function(){schriftvergr(false);}, false);
	document.getElementById("blick_absver").addEventListener("click", function(){
		if(abseinst)document.getElementById("BLICK_style").innerHTML=document.getElementById("BLICK_style").innerHTML.replace(/\/\*abs\*\/[\s\S]*?\/\*abs\*\//gi,""); else absatz();
		// if(abseinst)document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML=document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML.replace(/\/\*abs\*\/[\s\S]*?\/\*abs\*\//gi,""); else absatz();
		abseinst= !abseinst;
		speichern("abseinst",abseinst);
	}, false);
	document.getElementById("blick_listver").addEventListener("click", function(){
		if(liseinst)document.getElementById("BLICK_style").innerHTML=document.getElementById("BLICK_style").innerHTML.replace(/\/\*list\*\/[\s\S]*?\/\*list\*\//gi,""); else Liste();
		// if(liseinst)document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML=document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML.replace(/\/\*list\*\/[\s\S]*?\/\*list\*\//gi,""); else Liste();
		liseinst= !liseinst;
		speichern("liseinst",liseinst);
	}, false);
	document.getElementById("blick_invert").addEventListener("click", function(){
		if(invert)document.getElementById("BLICK_style").innerHTML=document.getElementById("BLICK_style").innerHTML.replace(/\/\*invert\*\/[\s\S]*?\/\*invert\*\//gi,""); else invertcolor();
		// if(invert)document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML=document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML.replace(/\/\*invert\*\/[\s\S]*?\/\*invert\*\//gi,""); else invertcolor();
		invert= !invert;
		speichern("invert",invert);
	}, false);
	document.getElementById("blick_klein").addEventListener("click", function(){
		if(kleinpagevar)document.getElementById("BLICK_style").innerHTML=document.getElementById("BLICK_style").innerHTML.replace(/\/\*kleinpage\*\/[\s\S]*?\/\*kleinpage\*\//gi,""); else kleinpage();
		kleinpagevar= !kleinpagevar;
		speichern("kleinpagevar",kleinpagevar);
	}, false);
	document.getElementById("blick_select").addEventListener("click", function(){
		scheinst=document.getElementById("blick_select").selectedIndex;
		schriftreiher();		
		document.getElementById("BLICK_style").innerHTML=document.getElementById("BLICK_style").innerHTML.replace(/\/\*schrift\*\/[\s\S]*?\/\*schrift\*\//gi,"/*schrift*/"+schriftreihe+"/*schrift*/");
		// document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML=document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML.replace(/\/\*schrift\*\/[\s\S]*?\/\*schrift\*\//gi,"/*schrift*/"+schriftreihe+"/*schrift*/");
		speichern("scheinst",scheinst);
	}, false);
	
	addstyle("#BLICK_bar{width:20px;overflow:hidden;position:fixed;transition:width 0.5s,opacity 0.5s, height 0.5s;-moz-transition: width 0.5s,opacity 0.5s, height 0.5s;-webkit-transition: width 0.5s,opacity 0.5s, height 0.5s;-o-transition: width 0.5s,opacity 0.5s, height 0.5s; right:0px;height:30px;background-color:#9ad;z-index:99999999;opacity:0.5;top:50px;border:2px ridge #ddf;border-top-left-radius:25px;border-bottom-left-radius:25px;}");
	addstyle("#BLICK_bar:hover{width:300px;opacity:1;height:300px;}");
	addstyle(".blick_button {"+
		"background-color: #DDDDFF;"+
		"border: 1px ridge #CCCCCC;"+
		"border-radius: 10px 10px 10px 10px;"+
		"cursor: pointer;"+
		"display: inline-block;"+
		"font: 40px/34px georgia;"+
		"height: 40px;"+
		"margin: 5px;"+
		"text-align: center;"+
		"vertical-align: middle;"+
		"width: 40px;"+
	"}");
	addstyle(".blick_button:hover {"+
		"background-color: #aaf;"+
	"}");
	addstyle(".blick_button:active {"+
		"background-color: #77d;"+
	"}");
	addstyle("#BLICK_bar input {"+
		"margin: 5px;"+
	"}");
	addstyle("#blick_select {"+
		"font: 20px "+schriftreihe+";"+
		"width:180px;"+
	"}");
}

//Technisches

function schriftreiher(){
	schriftreihe=schriftliste[scheinst];
	for(var i=0;i<schriftliste.length;i++)if(i!=scheinst)schriftreihe+=", "+schriftliste[i];
}

function schriftvergr(grosser){
	if(grosser)groeinst++;else groeinst--;
	document.getElementById("BLICK_style").innerHTML=document.getElementById("BLICK_style").innerHTML.replace(/\/\*\*\/\d+px\/\*\*\//gi,"/**/"+groeinst+"px/**/");
	// document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML=document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML.replace(/\/\*\*\/\d+px\/\*\*\//gi,"/**/"+groeinst+"px/**/");
	speichern("groeinst",groeinst);
}

// function editgr(text){
	// if(!document.getElementById("cke_contents_vB_Editor_001_editor")){setTimeout(editgr,1000);console.log("nochmal");return;}
	// if(!document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document){setTimeout(editgr,1000);console.log("nochmal");return;}
	// var altsty=document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.getElementById(BLICK_style);
	// altsty.parentNode.removeChild(altsty);
	// var sty =document.createElement("style");
	// sty.innerHTML=text;
	// sty.id="BLICK_style";
	// sty.setAttribute("type","text/css");
	// document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.body.appendChild(sty);
// }
var altint;
function addstyle(text){
	// clearInterval(altint);
	// altint=setInterval(function(){editgr(text);},1000);
	if(document.getElementById("BLICK_style")==null){
		var sty =document.createElement("style");
		sty.innerHTML=text;
		sty.id="BLICK_style";
		sty.setAttribute("type","text/css");
		document.head.appendChild(sty);
		// editgr(text);
	}else{
		var sty =document.getElementById("BLICK_style");
		sty.innerHTML+=text;
		// if(document.getElementById("cke_contents_vB_Editor_001_editor")&&document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document){
		
		// document.getElementById("cke_contents_vB_Editor_001_editor").getElementsByTagName("iframe")[0].contentWindow.document.getElementById("BLICK_style").innerHTML+=text;
		// }
		
	}
}

function supports_html5_storage() {
  try {
    return 'localStorage' in window && window['localStorage'] !== null;
  } catch (e) {
    return false;
  }
}

function c_speichern(name, wert){
	var myDate = new Date();
	myDate.setDate(myDate.getDate()+1);
	document.cookie = name + "=" + escape(wert) + ";expires=" + myDate +";domain=.rheuma-online.de;path=/;";
}

function c_laden(name){
	var wert=document.cookie.indexOf(name+"=");
	if(wert==-1)return null;
	wert=document.cookie.substr(wert+name.length+1);
	return unescape(wert.substring(0,wert.indexOf(";")));
}
function s_speichern(name,wert){
	localStorage.setItem(name, wert);
}
function s_laden(name){
	return localStorage.getItem(name);
}

function start(){
	insertbar();	
	gros();
	if((document.getElementById("posts")!=null)&&abseinst)absatz();
	if(liseinst)Liste();
	if(invert)invertcolor();

}

if(supports_html5_storage()){
	speichern=s_speichern;
	laden=s_laden;
}else{
	speichern=c_speichern;
	laden=c_laden;
}

if(laden("groeinst")!=null){groeinst=laden("groeinst");}
if(laden("abseinst")!=null){abseinst=laden("abseinst")=="true";}
if(laden("invert")!=null){invert=laden("invert")=="true";}
if(laden("liseinst")!=null){liseinst=laden("liseinst")=="true";}
if(laden("scheinst")!=null){scheinst=laden("scheinst");}
if(laden("kleinpagevar")!=null){kleinpagevar=laden("kleinpagevar");}

start();
})();