log.alamagordo.org

Elke site zijn eigen tweak met Mozilla

Veel Mozilla- en Firefoxgebruikers kennen de kracht van userContent.css, het stylesheet dat je onder meer kunt gebruiken om advertenties te blokkeren, maar ook om bijvoorbeeld het standaard lettertype te vergroten als je aan de leesbril moet, of om onleesbare kleurencombinaties bij te verven.

Wat ik nog niet wist, is dat dergelijke stijlregels in de developer builds van Firefox en Mozilla (1.8a3 en hoger) ook per site, en zelfs per URL in te stellen zijn.

Om bijvoorbeeld de titels van alle postjes op deze site (en alleen op deze site) in het rood weer te geven, stopt u deze CSS in uw userContent.css:

@-moz-document domain(log.alamagordo.org) {
	h2 {
	     color: #f00 !important;
	}
}

Dat opent enorm veel mogelijkheden. Je kunt zo bijvoorbeeld niet alleen advertenties zelf van pagina's verwijderen, maar ook de lege tabelcellen waar ze in stonden. Tot nu toe kon dat niet, omdat er geen methode was om de tabellen van site www.example.com wél te weren, en die van www.example2.com niet. De grote witte gaten midden in de content van menige krantenwebsite behoren straks dus tot het verleden.

Ik vond elders op het web al een heel nuttig truukje om berichten in GMail weer te geven in een letter met een vaste breedte, in plaats van het (proportionele) standaardlettertype. Daardoor is het eindelijk mogelijk getabuleerde code te mailen, zonder dat de leesbaarheid verloren gaat:

@-moz-document domain(gmail.google.com) {
	div.msg div.mb {
		    font-family: monospace !important;
		    font-size: 12px !important;
	}
	textarea.tb {
		    font-family: monospace !important;
		    font-size: 12px !important;
	}
}

Het schijnt de bedoeling te zijn dat Firefox 1.1 deze methode ondersteunt. Tot die tijd werkt het alleen in recente testversies, en ontbreekt goede documentatie. U vindt meer informatie in bug 238099 en dit bericht op een mailinglijst van het W3C.

Gepost op 23-04-2005 om 09:49 000000000000r en gerubriceerd in Firefox, Nerd, Note to self, Webstandards. Volg het commentaar via de RSS 2.0 feed. Reageer, of trackback.

Deze posting op  Ma.gnolia |  del.icio.us |  digg |  Technorati |  NUjij.nl