/* CSS Browser Selector v0.2.9 Rafael Lima (http://rafael.adm.br) http://rafael.adm.br/css_browser_selector License: http://creativecommons.org/licenses/by/2.5/ Contributors: http://rafael.adm.br/css_browser_selector#contributors 1. Copy and paste the line above, inside and tag 2. Set CSS attributes with the code of each browser/os you want to hack Examples: html.gecko div#header { margin: 1em; } .opera #header { margin: 1.2em; } .ie .mylink { font-weight: bold; } .mac.ie .mylink { font-weight: bold; } .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser] Available OS Codes [os]: win - Microsoft Windows linux - Linux (x11 and linux) mac - Mac OS Available Browser Codes [browser]: ie - Internet Explorer (All versions) ie8 - Internet Explorer 8.x ie7 - Internet Explorer 7.x ie6 - Internet Explorer 6.x ie5 - Internet Explorer 5.x gecko - Mozilla, Firefox (all versions), Camino ff2 - Firefox 2 ff3 - Firefox 3 opera - Opera (All versions) opera8 - Opera 8.x opera9 - Opera 9.x konqueror - Konqueror webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome chrome - Google Chrome Extra Codes: js - Will be available when js is enable, so you can show/hide some stuff */ var css_browser_selector = function() {var ua=navigator.userAgent.toLowerCase(),is=function(t){return ua.indexOf(t) != -1;},h=document.getElementsByTagName('html')[0],b=(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?'gecko ff2':is('firefox/3')?'gecko ff3':is('gecko/')?'gecko':is('opera/9')?'opera opera9':/opera\s(\d)/.test(ua)?'opera opera'+RegExp.$1:is('konqueror')?'konqueror':is('chrome')?'chrome webkit safari':is('applewebkit/')?'webkit safari':is('mozilla/')?'gecko':'',os=(is('x11')||is('linux'))?' linux':is('mac')?' mac':is('win')?' win':'';var c=b+os+' js'; h.className += h.className?' '+c:c;}();