Documentation

Write CSS with the code of each Browser & Operating System you want to target.

The color of .rectangle will change on different browsers & os.

.rectangle

.rectangle { width: 360px; height: 40px }
.ie .rectangle { background-color: #FF0; color:black }
.ie9 .rectangle { background-color: #F90 }
.gecko .rectangle { background-color: #CCC }
.win.gecko .rectangle { background-color: #00F }
.win7.gecko .rectangle { background-color: #FCC }
.linux.gecko .rectangle { background-color: #C6C }
.opera .rectangle { background-color: #0F0 }
.konqueror .rectangle { background-color: #F33 }
.webkit .rectangle { background-color: #6FF; color:red }

Documentation

Joomla Plugin - Installation

Javascript file - Installation

Codes List - Browsers & Operating Systems

Codes List - Screen Resolution (coming soon)

Documentation

Add comment