/* IE6 specific CSS overrides $Id$ */ /* minimum width for action menu icon in top menu */ .toolbar .menuArrowDown { width: 8px; } /** * Using AlphaImageLoader to fix png images' transparency. */ .star, .star a, .star div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cb/images/star-empty-12.png',sizingMethod='crop'); } div.rating div.on a, div.rating div.on div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cb/images/star-full-12.png',sizingMethod='crop'); } div.rating div.hover a, div.rating div.hover div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cb/images/star-full-red-12.png',sizingMethod='crop'); } /* Voting widget Note: for some mysterious reasons the alphaimageloader for this does not work, using gifs... */ .yes-vote { background-image: url("../images/emoticons/yes_gray.gif"); background-position: 0 -2px; } .no-vote { background-image: url("../images/emoticons/no_gray.gif"); background-position: 0 2px; } .yes-vote:hover, .voted-as-positive .yes-vote { background-image: url("../images/emoticons/yes.gif"); background-position: 0 -2px; } .no-vote:hover, .voted-as-negative .no-vote { background-image: url("../images/emoticons/no.gif"); background-position: 0 2px; } /* fixing png transparency for favourite/ajax tagging widget */ .favouriteWidget img { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cb/images/star-empty.png',sizingMethod='crop'); } .ajaxTaggingWidget img{ background: url(../images/label_gray.gif) no-repeat 0 0px; } .favouriteWidget img.tagged { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cb/images/star-full.png',sizingMethod='crop'); } .ajaxTaggingWidget img.tagged { background: url(../images/label.gif) no-repeat 0 0px; } /** * Rounded corner are not so smooth as in other browser, it uses gifs because IE6 can not handle transparent pngs properly */ .roundedcornr_top div { background: url(../images/roundedCorners/roundedcornr_tl.gif) no-repeat top left; } .roundedcornr_top { background: transparent url(../images/roundedCorners/roundedcornr_tr.gif) no-repeat top right; } .roundedcornr_bottom div { background: url(../images/roundedCorners/roundedcornr_bl.gif) no-repeat bottom left; } .roundedcornr_bottom { background: transparent url(../images/roundedCorners/roundedcornr_br.gif) no-repeat bottom right; } /** * Holy hack for IE6 layout bugs to force "hasLayout", see description and links on: http://www.sitepoint.com/blogs/2005/09/01/got-layout-internet-explorers-page-layout-secrets/ */ .gainLayout { height: 1%; } /* context action menus always appear, because :hover does not work on IE6 */ table.displaytag tr.even img.menuArrowDown, table.displaytag tr.odd img.menuArrowDown, table tr.even img.menuArrowDown, table tr.odd img.menuArrowDown { visibility: visible; background-color: #f1f1a0; } /** fixes IE problems with background image, and that the menus go below the select bars in the actionMenuBar see #3 at : http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml */ #actionMenuBarContent { z-index:0; height: 1%; /* hasLayout hack */ }