#if($request.xpage=="plain")
{pre}
<%
url = request.url
baseurl = url.substring(0, url.lastIndexOf("/") + 1)
def css = xwiki.getURLContent(url)

def getCSS(name) {
def url = baseurl + name;
return xwiki.getURLContent(url);
}

def mergeCSS(css) {
 def pattern = /@import "(.*)";/
 def newcss = css.replaceAll(pattern, { it, name -> return getCSS(name); })
 return newcss;
}

response.setContentType("text/css")
println mergeCSS(css)
%>
{/pre}
#else
1 Merge CSS

This tools can be used with http://www.codebeautifier.com/ to provided a small css file. When you use codebeautifier, don't activate "Merge Selectors" as it seems to loose some background colors.

{pre}
<a href="$doc.getURL("view", "xpage=plain&url=http://www.xwiki.org/xwiki/bin/skin/Skin/SkinPage/style.css")">View merged CSS for xwiki.org</a>
{/pre}

You can use the following form to launch Merge CSS:

#if(!$request.url) 
#set($url = "http://www.xwiki.org/xwiki/bin/skin/Skin/SkinPage/style.css")
#else
#set($url = $request.url)
#end
<form action="">
<input type="hidden" name="xpage" value="plain" />
<input type="text" name="url" size="80" value="${url}" />
<input type="submit" value="Go" />
</form>

Here is an example URL to call Merge CSS using a URL:

http://server/xwiki/bin/view/Space/MergeCSSCode?xpage=plain&url=http://www.xwiki.org/xwiki/bin/skin/Skin/SkinPage/style.css
#end