Alrighty, I don't know about everyone else, but I hate having loads of images in my CSS, even if they are small, SO... I decided to make some improvements of my own. As each CSS file in Dokuwiki covers all the file image icons, it still does have to load, and make about 30 HTTP requests to return all the images to the CSS, even if they are tiny 16x16 icons. A great solution, to save a lot of image load and HTTP requests is to map the icons into 1 image, and let CSS determine which Icon gets shown based on "background-position"
Here's the CSS, all you gotta do is:
1. Save this image:
http://www.artician.com/images/map_files.gif
2. Change this image location in the css to the one you uploaded on your server
3. Replace the CSS located in /lib/exe/css.php with the following:
(In the post below this one you will see the exact CSS needed to be replaced in /lib/exe/css.php)
/*File Map*/
a.mf_jpg, a.mf_jpeg, a.mf_gif, a.mf_png, a.mediafile, a.mf_tgz, a.mf_tar
a.mf_gz, a.mf_zip, a.mf_rar, a.mf_pdf, a.mf_ps, a.mf_doc, a.mf_xls, a.mf_ppt,
a.mf_ppt, a.mf_rtf, a.mf_swf, a.mf_rpm, a.mf_deb, a.mf_sxw, a.mf_sxw, a.mf_sxc,
a.mf_sxi, a.mf_sxd, a.mf_odc, a.mf_odf, a.mf_odg, a.mf_odi, a.mf_odp, a.mf_ods,
a.mf_odt, a.mf_html, a.mf_htm, a.mf_xml, a.mf_txt {background-image:url(http://www.artician.com/images/map_files.gif); background-repeat:no-repeat; padding-left:18px; padding-bottom:1px;}
a.mf_jpg {background-position:0px 0px;}
a.mf_jpeg {background-position:0px -16px;}
a.mf_gif {background-position:0px -32px;}
a.mf_png {background-position:0px -48px;}
a.mediafile {background-position:0px -64px;}
a.mf_tgz {background-position:0px -80px;}
a.mf_tar {background-position:0px -96px;}
a.mf_gz {background-position:0px -112px;}
a.mf_zip {background-position:0px -128px;}
a.mf_rar {background-position:0px -144px;}
a.mf_pdf {background-position:0px -160px;}
a.mf_ps {background-position:0px -176px;}
a.mf_doc {background-position:0px -192px;}
a.mf_xls {background-position:0px -208px;}
a.mf_ppt {background-position:0px -224px;}
a.mf_rtf {background-position:0px -240px;}
a.mf_swf {background-position:0px -256px;}
a.mf_rpm {background-position:0px -272px;}
a.mf_deb {background-position:0px -288px;}
a.mf_sxw {background-position:0px -304px;}
a.mf_sxc {background-position:0px -320px;}
a.mf_sxi {background-position:0px -336px;}
a.mf_sxd {background-position:0px -352px;}
a.mf_odc {background-position:0px -368px;}
a.mf_odf {background-position:0px -384px;}
a.mf_odg {background-position:0px -400px;}
a.mf_odi {background-position:0px -416px;}
a.mf_odp {background-position:0px -432px;}
a.mf_ods {background-position:0px -448px;}
a.mf_odt {background-position:0px -464px;}
a.mf_html {background-position:0px -480px;}
a.mf_htm {background-position:0px -496px;}
a.mf_xml {background-position:0px -512px;}
a.mf_txt {background-position:0px -525px;}