Wer ein Pro-Darter-UserStyle vorstellen will, ist herzlich eingeladen, das in diesem Thread zu tun.
-----------------------------------------------------------
Es gab da jemanden, dem der Pro-Darter Nummernblock auf seinem Tablet/Smartphone zu klein war.
Das Schöne an Pro Darter ist u. a., dass man die "Benutzeroberfläche" nach Belieben selbst formatieren kann.
Dafür installiert man unter Firefox und einigen anderen Browsern die Erweiterung / das Add-on "Stylish". Wer Firefox verwendet, kann auch einfach die Datei "userContent.css" (Firefox-Profil-Verzeichnis/Chrome) ergänzen. Stylish ist aber praktischer, weil man das UserStyle bequemer an- und ausschalten kann.
Ich habe mich schon lange nicht mehr mit CSS beschäftigt. Deswegen bin ich auch in Bezug auf CSS-Hilfe-Websites nicht mehr auf dem neusten Stand. Aber w3scools.com (Englisch) scheint ganz gut zu sein.
In neueren Firefox-Versionen ist die Erweiterung "Web Developer" anscheinend bereits integriert. Der Rechtsklick auf eines der Elemente einer Website öffnet ein Kontext-Menü mit dem Eintrag "Inspect Element" und der Klick auf den Eintrag den Inspector, mit dessen Hilfe man herausfinden kann, über welche Selektoren die Elemente, die man selbst formatieren will, ansprechbar sind.
Es ist mit Stylish auch möglich, mehrere gespeicherte UserStyles für dieselbe Website parallel zu verwenden oder zwischen verschiedenen gespeicherten UserStyles zu wählen.
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
* User style for Pro-Darter.Com, Calculator
* Version: Test
* Author: D-O-S
* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@-moz-document domain(pro-darter.com) {
table.calculator, #submit-score input[type="text"] {
/*width: 210px;*/
width: 197px;
}
/*table.calculator td {
font-size:100%; Groesse der Ziffern auf dem Nummernblock
}*/
table.calculator td a {
/*padding: 6px 0px;*/
padding: 10px 0px;
}
.score-input {
/*top: 200px;*/
top: 180px;
/*margin-left:-105px;*/
margin-left:-99px;
}
}