Changes for page Skin

Last modified by laurent Lunati on 31/07/2009 14:33

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Siblings
- Content
- Comments
- Annotations
- Attachments
- History
- Information
- Likes

From version 1.1

edited by laurent Lunati
on 31/07/2009 14:24

Change comment: Added object

To version

4.1

edited by laurent Lunati
on 31/07/2009 14:33

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Objects (1 modified, 0 added, 0 removed)
- XWiki.XWikiSkins[0]

Details

Page properties

Content

@@ -1,2 +1,5 @@
++= Skin dédiée au test des modifications de VM=
++
++Appliquée uniquement sur cet espace pour l'instant

XWiki.XWikiSkins[0]

attachmentsinline.vm

@@ -1,0 +1,97 @@
++$xwiki.jsfx.use('js/xwiki/viewers/attachments.js', {'forceSkinAction': true, 'language': ${context.language}})
++$xwiki.ssfx.use('js/xwiki/viewers/attachments.css', true)
++#macro(dynamicsize $sz)
++#if($sz < 1024)
++$sz bytes##
++#else
++#set($ksz = $mathtool.div($sz, 1024))
++#set($ksz = $mathtool.roundTo(1, $ksz))
++#if($ksz < 1024)
++${ksz}kb##
++#else
++#set($Msz = $mathtool.div($sz, 1048576))
++#set($Msz = $mathtool.roundTo(1, $Msz))
++${Msz}Mb##
++#end##
++#end##
++#end
++###
++### List document attachments
++###
++### TODO: web service?
++###
++#if($request.xredirect)
++#set( $redirect = $request.xredirect)
++#else
++#set( $redirect = "${doc.getURL()}#Attachments")
++#end
++#set($showactions = 0)
++#set($attachments = $doc.attachmentList)
++    <div id="attachmentscontent" class="xwikiintracontent">
++    <div id="attw">
++      <div id="_attachments">
++#if($attachments.size()>0)
++#foreach ($attach in $attachments)
++        <div class="attachment #if($velocityCount % 2 == 0) even #else odd #end">
++          <span class="mime">#mimetypeimg($attach.getMimeType().toLowerCase() $attach.getFilename().toLowerCase())</span>
++          <div class="information">
++          <span class="name"><a href="$doc.getAttachmentURL(${attach.filename}, 'download')" title="$msg.get('core.viewers.attachments.download')">#packName($attach.filename)</a></span>
++#if($hasEdit || $hasAdmin)
++          <span class="xwikibuttonlinks">
++            ## Delete attachment link
++            <a class="deletelink" href="$doc.getAttachmentURL(${attach.filename}, 'delattachment', "xredirect=${redirect}")"  title="$msg.get('core.viewers.attachments.deleteTitle', [$xwiki.getXMLEncoded($attach.filename)])">$msg.get('core.viewers.attachments.delete')</a>
++            ## Dav Edit attachment link. We display the link hidden by default, and let the WebDAV JSX extension display it if
++            ## the browser supports Dav Edit
++	    #set($documentUrl=$doc.getExternalURL("download"))
++      	    #set($attachmentUrl="$documentUrl/$attach.filename")
++            #set($attachmentSignature="${request.contextPath}${request.servletPath}/download/")
++            #set($webdavSignature="${request.contextPath}/webdav/spaces/")
++            #set($fragments=$attachmentUrl.split($attachmentSignature))
++            #if($listtool.size($fragments) == 2)
++              #set($prefix=$listtool.get($fragments, 0))
++              #set($suffix=$listtool.get($fragments, 1))
++              #set($davUrl="$prefix$webdavSignature$suffix")
++              <a title="$msg.get('core.viewers.attachments.webdavEdit.title')" class="editlink hidden" href="$davUrl" onclick="if(XWiki && XWiki.WebDAV){XWiki.WebDAV.davEdit('$davUrl')}; return false;">$msg.get('core.viewers.attachments.webdavEdit')</a>
++            #end
++         </span>
++#end ## hasEdit
++          <span class="version"><a href="$doc.getAttachmentURL(${attach.filename}, 'viewattachrev')" title="$msg.get('core.viewers.attachments.showHistory')">$attach.version</a></span>
++          <div class="meta">
++          <span class="publisher">$msg.get('core.viewers.attachments.author', [$xwiki.getUserName($attach.author)])</span>
++          <span class="date">$msg.get('core.viewers.attachments.date', [$!xwiki.formatDate($attach.date)])</span>
++          <span class="size">(#dynamicsize($attach.filesize))</span>
++          </div>
++          </div>
++        </div> ## row
++#end ## foreach
++<script type="text/javascript">
++// <![CDATA[
++// Let XWiki.WebDAV JS display links only if the browser support WebDAV.
++if (XWiki && XWiki.WebDAV) { XWiki.WebDAV.displayDavLinks($('_attachments')); }
++// ]]>
++</script>
++#else ## No attachments
++<p class="noitems">$msg.get('core.viewers.attachments.noAttachments')</p>
++#end
++#if($hasEdit || $hasAdmin)
++      <form action="$doc.getURL("upload")" enctype="multipart/form-data" method="post" id="AddAttachment">
++<div>
++<input type="hidden" name="xredirect" value="${xwiki.getFormEncoded($redirect)}" />
++<fieldset id="attachform">
++        <legend>$msg.get('core.viewers.attachments.upload.title')</legend>
++        ## Temporarily disabled, until we fix attachment name handling
++        ## <div><label id="xwikiuploadnamelabel" for="xwikiuploadname">$msg.get('core.viewers.attachments.upload.filename')</label></div>
++        <div><input id="xwikiuploadname" type="hidden" name="filename" value="" size="40"/></div>
++        <div><input id="xwikiuploadfile" type="file" name="filepath" value="" size="40" class="uploadFileInput"/></div>
++        <div class="buttons">
++        <span class="buttonwrapper"><input type="submit" value="$msg.get('core.viewers.attachments.upload.submit')" class="button"/></span>
++        <span class="buttonwrapper"><input type="reset" value="$msg.get('core.viewers.attachments.upload.cancel')" class="button"/></span>
++        </div>
++        </fieldset>
++</div>
++      </form>
++#end
++      </div> ## attachments
++      </div> ## attw
++    </div> ## attachmentscontent
++

comments.css

@@ -1,0 +1,118 @@
++.commentthread {
++	margin: 0 0 20px 32px;
++}
++.commentthread fieldset {
++	margin: 0!important;
++	padding: 0 0 8px 0;
++	border: none;
++}
++ul.commentreplies,li.reply {
++	margin: 0;
++	padding: 0;
++	text-indent: 0;
++}
++li.reply {
++	list-style-type: none;
++	margin-top: 4px;
++}
++* html .reply {
++	border-top: 1px solid #FFF;
++}
++.xwikicomment {
++	padding: 10px 15px;
++	border: none;
++	background-color: #f1f1f9;
++	position: relative;
++	padding-bottom: 25px;
++}
++.commentheader {
++	border-bottom: 1px solid #DDD;
++	margin: 0 0 0.5em;
++	padding: 2px 0;
++}
++.commentheader:hover {
++	background-color: #FFD;
++}
++.commentauthor {
++	font-size: 120%;
++}
++.commentdate {
++	font-size: 80%;
++	float: right;
++}
++.commentcontent {
++	border: none;
++	padding: 0 ;
++	margin: 0;
++	font-size: 100%;
++	font-style: italic;
++	text-align: justify;
++}
++.commenttools {
++	position: absolute;
++	right: 0px;
++	bottom: 5px;
++}
++.commenttool a {}
++.commentdelete a {
++	background-image: url();
++}
++.commentreply a {
++	background-image: url();
++}
++#AddComment {
++	background-color: #e7eff5;
++	padding: 10px;
++	border: 1px solid #adc6d8;
++}
++#commentform div.buttons {
++text-align: center;
++}
++fieldset#commentform.expanded {
++border: none;
++background-color: transparent;
++position: relative;
++}
++.commentthread #AddComment legend {
++	display: none;
++}
++.commentthread #AddComment {
++	border-top: none;
++}
++#xwikidata #AddComment {
++	width: auto;
++}
++#AddComment .commentcontainer {
++	padding: 4px 0px;
++}
++#AddComment .commentcontainer label {
++	display: none;
++}
++#AddComment .commentcontainer textarea {
++	border: 1px solid #DDD;
++	width: 100%;
++}
++* html #AddComment .commentcontainer textarea {
++	width: 98%;
++}
++#AddComment label {
++	font-weight: normal;
++	position: absolute;
++	top: 0px;
++	right: 10px;
++	color: #069;
++}
++#AddComment label a{
++color:  #069;
++}
++div.notification {
++	background-color: #FFD;
++	padding: 2px 32px;
++	border: 1px solid #DDD;
++	font-size: 80%;
++	font-style: italic;
++	margin: 4px 0;
++}
++#xwikidata #commentscontent {
++	background: transparent;
++}

Style

@@ -1,0 +1,416 @@
++@import "microformats.css";
++@import "toucannew.css";
++/*@import "actionbarfixed.css";*/
++@import "actionbarscroll.css";
++/*@import "mce.css"; old wysiwyg*/
++
++
++
++/*  color  */
++body#body
++{
++	font-size: 87.5%;	/*10px */
++    font-family: sans-serif;
++	color: #222;
++	background: #d6e1e7 none repeat-x scroll left top;
++}
++#companylogo {
++	background-color: #fff;/* you can replace with your logo BG color  value */
++	}
++#companylogo a,
++#companylogo a img {
++    height: 80px; /* change with your logo Height */
++    width: 220px; /* change with your logo width */
++}
++#headerspace{
++background-color: #eef5f9;
++}
++#xwikieditorinner ,
++#contentcontainer,
++#contentcontainerinner,
++#contentcolumn
++ {
++	background-color: #fff; /* content BG color */
++}
++#xwikidatacontents{
++	background: #d6e1e7 none repeat-x scroll left top;
++}
++
++/* content border  */
++#contentcontainer{
++	border: 0px solid #FFF;
++	border-top: none;
++}
++#headerspace {
++	border: 0px solid #fff;
++	border-bottom: none;
++}
++/* breadcrumb color */
++#breadcrumbs a, #breadcrumbs {
++    color: #727272;
++}
++/*  color  */
++/* links color */
++a, a:link, a:active, a:visited {
++	color: #39397f;
++	text-decoration: none;
++}
++a:hover {
++	color: #00007e;
++	text-decoration: underline;
++}
++/* log-in register menu link color*/
++ #globalmenu a.glink,
++ #globalmenu a.glink:link,
++#globalmenu a.glink:active,
++#globalmenu a.glink:visited
++ {
++	background-color: transparent;
++	color: #333;
++	font-weight: bold;
++}
++/* panels border and BG color */
++.panel, .fakepanel {
++	background-color: rgba(255, 255, 255, 0.4) !important;
++    background-color: #fff; /* for old browser */
++	border: 1px solid rgba(255, 255, 255, 0.5) !important;
++	border-color:  #999; /* for old browser */
++}
++div.panel.expanded.Search{
++	background: rgba(255, 255, 255, 0.4) !important;
++	background-color: #fff; /* for old browser */
++	border: 1px solid rgba(255, 255, 255, 0.8);
++}
++/* panels title BG color */
++h5.xwikipaneltitle{
++	background-color: #fff; /* for old browser */
++	background-color: rgba(255, 255, 255, 0.5);
++}
++/* footer */
++#body #footerglobal {
++    color: #fff;
++}
++#body #footerglobal a {
++    color: #fff;
++    text-decoration: unederlina;
++}
++
++/* corrections */
++
++/* -----------------------------------------  */
++/* --------------comments.css----------------  */
++/* -----------------------------------------  */
++
++
++#body .commentthread {
++	margin: 0 0 20px 32px;
++}
++#body .commentthread fieldset {
++	margin: 0!important;
++	padding: 0 0 8px 0;
++	border: none;
++}
++#body ul.commentreplies,li.reply {
++	margin: 0;
++	padding: 0;
++	text-indent: 0;
++}
++#body li.reply {
++	list-style-type: none;
++	margin-top: 4px;
++}
++
++#body  .xwikicomment {
++	padding: 10px 15px;
++	border: none;
++	background-color: #f1f1f9;
++	position: relative;
++	padding-bottom: 25px;
++}
++#body .commentheader {
++	border-bottom: 1px solid #DDD;
++	margin: 0 0 0.5em;
++	padding: 2px 0;
++}
++#body .commentheader:hover {
++	background-color: #FFD;
++}
++#body .commentauthor {
++	font-size: 120%;
++}
++#body .commentdate {
++	font-size: 80%;
++	float: right;
++}
++#body .commentcontent {
++	border: none;
++	padding: 0 ;
++	margin: 0;
++	font-size: 100%;
++	font-style: italic;
++	text-align: justify;
++}
++#body .commenttools {
++	position: absolute;
++	right: 0px;
++	bottom: 5px;
++}
++#body .commenttool a {}
++#body .commentdelete a {
++	background-image: url();
++}
++#body .commentreply a {
++	background-image: url();
++}
++#body #AddComment {
++	background-color: #e7eff5;
++	padding: 10px;
++	border: 1px solid #adc6d8;
++}
++#body #commentform div.buttons {
++text-align: center;
++padding-top: 1em;
++}
++#body fieldset#commentform.expanded {
++border: none;
++background-color: transparent;
++}
++#body .commentthread #AddComment legend {
++	display: none;
++}
++#body .commentthread #AddComment {
++	border-top: none;
++}
++#body #xwikidata #AddComment {
++	width: auto;
++       position: relative;
++}
++#body #AddComment .commentcontainer {
++	padding: 4px 0px;
++}
++#body #AddComment .commentcontainer label {
++	display: none;
++}
++#body #AddComment .commentcontainer textarea {
++	border: 1px solid #DDD;
++	width: 100%;
++}
++
++#body #AddComment label {
++	font-weight: normal;
++	position: absolute;
++	top: 15px;
++	right: 20px;
++	color: #069;
++}
++#body #AddComment label a{
++color:  #069;
++}
++#body div.notification {
++	background-color: #FFD;
++	padding: 2px 32px;
++	border: 1px solid #DDD;
++	font-size: 80%;
++	font-style: italic;
++	margin: 4px 0;
++}
++#body #xwikidata #commentscontent {
++	background: transparent;
++}
++
++/* -------------------------------------------- */
++/* ---------------attachments.css---------------- */
++/* ------------------------------------------- */
++
++#body .attachmentActionButton {
++	background-color: transparent;
++	border: none;
++	padding: 2px 4px;
++	font-size: 80%;
++	margin-bottom: 4px;
++	background: transparent 2px center no-repeat;
++	padding-left: 20px;
++}
++#body .add-file-input {
++	margin-left: 10px;
++	background-image: url(/xwiki/resources/icons/silk/add.gif);
++        background-position:2px 2px;
++        font-weight:bold;
++        line-height:24px;
++}
++#body .add-file-input:hover {
++	color: #070;
++}
++#body .remove-file-input {
++	background-image: url(/xwiki/resources/icons/silk/cross.gif);
++	width: 16px;
++	text-indent: 30px;
++}
++#body .remove-file-input:hover {
++	color: #D00;
++}
++#body .uploadFileInput {
++	margin: 5px 10px!important;
++	border: 1px solid #ddd!important;
++}
++#body .attachment .xwikibuttonlinks a {
++	width: 16px;
++	height: 16px;
++	text-indent: 30px;
++	line-height: 30px;
++	overflow: hidden;
++	background: transparent left top no-repeat;
++	display: block;
++	float: right;
++	margin: 0 0 0 4px;
++}
++#body .attachment .xwikibuttonlinks a.deletelink {
++	background-image: url(/xwiki/resources/icons/silk/cross.gif);
++}
++#body .attachment .xwikibuttonlinks a.editlink {
++	background-image: url(/xwiki/resources/icons/silk/pencil.gif);
++}
++#body #AddAttachment {
++	background-color: #e7eff5;
++	padding: 10px;
++	border: 1px solid #adc6d8;
++
++}
++#body #AddAttachment div.buttons {
++text-align: center;
++padding-top: 1em;
++}
++
++
++
++
++
++/* ------------------------------------------------------- */
++
++
++
++
++.headerpopup{
++display: none;
++}
++#menuview{
++display: none;
++}
++div#xwikimaincontainerinner {
++padding-top: 0;
++}
++body#body #headerglobal{
++float: none;
++}
++#globaldoctitle{
++display: block;
++visibility: hidden;
++}
++body#body div#xwikimaincontainer #companylogo{
++background-color: transparent;
++margin: 0;
++height: 30px;
++}
++#headerspace{
++display: none;
++}
++
++#leftPanels {
++	margin: -0px 0 0 -220px;
++}
++.documentheader{
++	position: relative;
++	padding: 20px 20px 0 20px;
++}
++.documentheader #breadcrumbs {
++margin-right: 100px;
++}
++.documentheader #breadcrumbs a{
++line-height: 1em;
++}
++.documentheader h1{
++margin: 0.25em 100px 0.25em 0;
++}
++#menuviewbis{
++margin: 0 -20px;
++}
++#actionmenu{
++background-color: #d6e1e7;
++padding: 5px 0;
++}
++#body .documentheader #headerspace{
++display: block;
++margin: 0;
++padding: 0;
++background-color: transparent;
++}
++
++a.historybutton{
++position: absolute;
++right: 20px;
++bottom: 35px;
++}
++.informationbutton{
++position: absolute;
++right: 100px;
++bottom: 35px;
++}
++.tagbutton{
++position: absolute;
++right: 200px;
++bottom: 35px;
++}
++#informationpopup,
++#tagpopup,
++#historypopup{
++position: absolute;
++right: 20px;
++top: 100%;
++margin-top: -60px;
++background-color: #fefefe;
++box-shadow: 10px 10px 5px #888;
++-webkit-box-shadow: 1px 1px 10px #888;
++border: 10px solid #333;
++width: auto;
++height: auto;
++z-index: 1000000000;
++}
++#informationpopup .inner,
++#tagpopup .inner,
++#historypopup .inner{
++padding: 10px;
++}
++a.informationbutton,
++a.tagbutton,
++a.historybutton{
++	font-size: 0.9em;
++	padding: 1px 10px;
++	background-color: #ddd;
++	-webkit-border-radius: 8px;
++	-moz-border-radius: 8px;
++	color: #fff;
++	}
++	a.informationbutton:hover,
++a.tagbutton:hover,
++a.historybutton:hover{
++	background-color: #999;
++	color: #fff;
++	}
++#actionmenu{
++background-color: #444;
++padding:3px 0;
++border-top:8px solid #fff;
++}
++
++
++
++
++
++
++
++
++
++
++
++
++

Header

@@ -1,0 +1,34 @@
++###
++### Document headers
++###
++### Contains the global and space zones
++###
++#template("global.vm")
++##
++## Contains content from space.vm
++##
++#set($parents = $util.arrayList)
++#set($discard = $parents.add($doc.fullName))
++#macro(breadcrumb $doc $string $level)
++#set($parent = $doc.parent)
++#if(($parent != "") && ($level < 6) && (!$parents.contains($parent)))
++#set($discard = $parents.add($parent))
++#set($pdoc = $xwiki.getDocument($parent).getTranslatedDocument())
++#set($pdocurl = $pdoc.getURL("view"))
++#set($nstring = "<a href='$pdocurl'>$xwiki.getXMLEncoded(${pdoc.displayTitle})</a> &gt; $string")
++#set($level = $level + 1)
++#breadcrumb($pdoc $nstring $level)
++#else
++$string
++#end
++#end
++#if($context.getMode()==0) ## Visible only in a page
++<div id="headerspace" class="layoutsection">
++<div class="minwidth"></div>
++<hr/>
++  <div id="breadcrumbs">
++    <span class="breadcrumbspace"><a href="$spaceViewUrl">$xwiki.getXMLEncoded(${doc.space})</a></span><span class="doctitle">$xwiki.getXMLEncoded($tdoc.displayTitle)</span>
++ ##breadcrumb($doc "<a href='${doc.getURL('view')}'>$xwiki.getXMLEncoded($tdoc.displayTitle)</a>" 0)
++  </div>
++</div>
++#end

View

@@ -1,0 +1,99 @@
++###
++### Main "view" template
++###
++### General wrapper for view actions
++###
++#if ($request.getParameter("raw").equals("1"))
++#template("code.vm")
++#else
++#template("startpage.vm")
++#if((!$viewer) || ($viewer == ""))
++#set($viewer = $request.getParameter("viewer"))
++#end
++#if((!$viewer) || ($viewer == ""))
++#set($viewer = "view")
++#end
++#if($viewer == "view")
++<div class="minwidthb"></div>
++##
++## my header de test
++##
++<div class="documentheader">
++#template("space.vm")
++<h1>$xwiki.getXMLEncoded($tdoc.displayTitle)</h1>
++<div class="about">
++<span id="aboutauthor">$msg.get("lastmodifiedby") $xwiki.getLocalUserName($tdoc.author)</span>
++<span id="aboutdate">$msg.get("lastmodifiedon") $!xwiki.formatDate($tdoc.date)</span>
++</div>
++ #if($showhistory != false && $showhistory != "no" && $showhistory != "0" && $showhistory != "false")
++<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('historypopup').style.display = 'block' " class="historybutton">$msg.get("docextra.history")</a>
++<div id="historypopup" style="display:none;"><div class="inner">
++<div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('historypopup').style.display = 'none' " ><span>Close</span></a></div>
++#template("historyinline.vm")
++</div></div>
++  #end
++  #if($showinformation != false && $showinformation != "no" && $showinformation != "0" && $showinformation != "false")
++<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('informationpopup').style.display = 'block' " class="informationbutton">$msg.get("docextra.information")</a>
++<div id="informationpopup" class="headerpopup">
++<div class="inner">
++<div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('informationpopup').style.display = 'none' " ><span>Close</span></a></div>
++<dl>
++      <dt>$msg.get('core.viewers.information.creation')</dt>
++      <dd>$msg.get('core.viewers.information.creationData', [$xwiki.getUserName($doc.creator), $xwiki.formatDate($doc.creationDate)])</dd>
++      #if($tdoc.realLanguage != $doc.realLanguage)
++        <dt>$msg.get('core.viewers.information.translationCreation', [$tdoc.realLanguage])</dt>
++        <dd>$msg.get('core.viewers.information.translationCreationData', [$xwiki.getUserName($tdoc.creator), $xwiki.formatDate($tdoc.creationDate)])</dd>
++      #end
++      #if($isAdvancedUser)
++        #set($pages = $tdoc.includedPages)
++        #if($pages.size() > 0)
++          <dt>$msg.get('core.viewers.information.includedPages')</dt>
++          <dd>
++            #displayDocumentList($pages true $blacklistedSpaces)
++          </dd>
++      #end
++      #end
++      #set($blinks = $doc.getBacklinks())
++      #if($blinks.size()>0)
++        <dt>$msg.get('core.viewers.information.backlinks')</dt>
++        <dd>
++          #displayDocumentList($blinks true $blacklistedSpaces)
++        <dd>
++      #end
++    </dl>
++</div></div>
++<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('tagpopup').style.display = 'block' " class="tagbutton">$msg.get("xe.dashboard.wiki.tagcloud")</a>
++<div id="tagpopup" class="headerpopup">
++<div class="inner">
++<div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('tagpopup').style.display = 'none' " ><span>Close</span></a></div>
++#if ($xwiki.hasAccessLevel('edit'))
++      #template("tagedit.vm")
++#end
++</div></div>
++  #end
++
++
++<div id="menuviewbis">
++  #template("menuview.vm")
++</div>
++</div>
++#####
++
++
++
++
++
++<div class="main layoutsubsection">
++#template("contentview.vm")
++#template("docextra.vm")
++<div class="clearfloats"></div>
++#else
++<div class="main layoutsubsection">
++#template("${viewer}.vm")
++<div class="clearfloats">
++</div>
++#end
++</div>## main
++#template("endpage.vm")
++#end
++

actionbarfixed.css

@@ -1,0 +1,125 @@
++/* @group ActionMenu */
++/*
++---------------------------------------
++Menu
++---------------------------------------
++*/
++#actionmenu {
++	position: absolute;
++	width: expression( body . scrollLeft + document . body . clientWidth + "px" );
++	height: 20px !important;
++	top: 0;
++	left: 0;
++	right: 0;
++	z-index: 1000;
++	overflow: visible;
++	border-top: 0 solid #ccc;
++	background-color: #ccc;
++	border-bottom: 1px solid #444;
++	text-align: center;
++	color: #fff;
++	background-image: url( images/actionbar-bg-1.png );
++}
++html > body #actionmenu {
++	position: fixed;
++	top: 0;
++	left: 0;
++	width: 100%;
++}
++#actionmenu a {
++	text-decoration: none;
++	color: #444;
++	text-decoration: none;
++	display: block;
++	width: 70px;
++	height: 20px;
++	float: left;
++	border: 1px solid #444;
++	border-width: 0 1px;
++	margin-right: -1px;
++	text-align: center;
++	line-height: 20px;
++	font-size: 0.9em;
++	font-weight: bold;
++}
++#actionmenu .editinfo a {
++	text-decoration: none;
++	color: #444;
++	display: inline;
++	height: 20px;
++	float: none;
++	border: 1px solid #444;
++	border-width: 0;
++	text-align: center;
++	line-height: 20px;
++	font-size: 0.9em;
++	font-weight: bold;
++}
++#actionmenu div.leftmenu div:hover a,
++    #actionmenu a:hover {
++	color: #fff;
++	background-image: url( images/actionbar-bg-2.png );
++}
++#actionmenu div.leftmenu div:hover .submenu a {
++	background-image: none;
++}
++#actionmenu .editinfo a:hover {
++	color: #fff;
++}
++.rightmenu {
++	position: absolute;
++	right: 0;
++	margin-right: 25px;
++}
++#actionmenu .rightmenu a {
++	width: 100px;
++}
++#actionmenu .leftmenu #tmDoc {
++	width: 20px;
++}
++.leftmenu {
++	position: absolute;
++	left: 25px;
++}
++.topmenuentry {
++	display: block;
++	float: left;
++}
++.rightmenu .topmenuentry {
++	float: right;
++}
++#tmWatched a.tme {
++	color: #4cad1b;
++}
++.submenu {
++	display: block;
++	width: 12em;
++	position: absolute;
++	margin-top: 0;
++	margin-left: 0 !important;
++	padding: 5px;
++	border: 1px solid #222;
++	background-color: #111;
++}
++.submenu.hidden, .submenu .submenuseparator {
++	display: none;
++}
++#actionmenu .submenuitem a, #actionmenu .submenuitem a:link, #actionmenu .submenuitem a:visited, #actionmenu .submenuitem a:active {
++	display: block;
++	float: none;
++	width: 100%;
++	font-size: 0.8em;
++	font-weight: bold;
++	text-decoration: none;
++	height: auto;
++	padding: 2px 0 0 0;
++	line-height: 1.2em;
++	border: 0;
++	text-align: left;
++	color: #fff;
++}
++#actionmenu .submenuitem a:hover {
++	text-decoration: underline;
++	background-image: none;
++}
++/* @end */

toucannew.css

@@ -1,0 +1,2706 @@
++/* @override http://laurent.myxwiki.org/xwiki/bin/skin/XWiki/DefaultSkin/toucannew.css */
++
++/* @override http://laurent.myxwiki.org/xwiki/bin/skin/XWiki/DefaultSkin/toucannew.css */
++
++* html {
++	overflow-y: auto;
++}
++html, body {
++	height: 100%;
++}
++body {
++	line-height: 1em;
++	color: black;
++	background-color: white;
++	margin: 0;
++	padding: 0;
++	border: 0;
++	font-family: sans-serif;
++}
++/* @group listes */
++ol {
++	margin: 1em 0em 1em 1em;
++	padding: 0 0 0 0;
++}
++ul {
++	list-style: circle;
++	margin: 1em 0em 1em 1em;
++	padding: 0 0 0 0;
++}
++.main ol, .main ul {
++	line-height: 1.4em;
++	list-style-position: inside;
++}
++.main ul ol, .main ol ul,
++.main ol ol, .main ul ul {
++		margin: 0em 0em 0em 1em;
++
++}
++.main dt {
++	font-weight: bold;
++}
++.main dd {
++	font-style: italic;
++	padding-left: 1em;
++	background: transparent url( images/bullet-3.png ) no-repeat 0 0.3em;
++}
++.main dd p {
++	margin-top: 0;
++}
++.list-title {
++	font-weight: bold;
++}
++.list ul {
++	margin-top: 0;
++	margin-bottom: 0;
++	margin-left: 0;
++	padding-left: 0;
++	list-style-type: none;
++}
++/* wiki lists */
++ul.minus {
++	list-style-type: square;
++}
++ul.star {
++	list-style-type: circle;
++}
++ol.roman {
++	list-style-type: lower-roman;
++}
++ol.ROMAN {
++	list-style-type: upper-roman;
++}
++ol.alpha {
++	list-style-type: lower-alpha;
++}
++ol.ALPHA {
++	list-style-type: upper-alpha;
++}
++ol.greek {
++	list-style-type: lower-greek;
++}
++ol.GREEK {
++	list-style-type: upper-greek;
++}
++/* @end */
++/* @group tables */
++    .main caption {
++	color: #4e6172;
++	margin: 1em 0 0 0;
++	padding: 0;
++	caption-side: top;
++}
++.main table {
++	border:1px solid #e5eff8;
++	border-collapse: collapse;
++	margin: 1em 0;
++}
++ .main table th{
++padding: 5px;
++background: #f4f9fe;
++text-align: center;
++font: bold 1.2em / 1.4em  sans-serif;
++color: #66a3d3;
++}
++ .main table td{
++padding: 5px;
++}
++
++ .main tr.odd td {
++	background: #f7fbff
++}
++.main table.sortable span.sortarrow {
++	padding-left: 5px;
++}
++table#memberstable td {
++	border: none;
++}
++
++/* @end */
++/* @group other */
++.quote {
++	font-style: italic;
++	color: inherit;
++	background-color: inherit;
++	font-family: inherit;
++	font-size: inherit;
++}
++#xwikimaincontainerinner .rssfeed {
++	padding: 8px;
++	background-color: transparent;
++}
++.main img {
++	margin: 0
++}
++#xwikicontent .sortarrow img {
++	margin: 0;
++}
++.wikimodel-emptyline {
++	height: 1em;
++}
++
++.wikicreatelink {
++	text-decoration: none;
++}
++.wikicreatelinktext {
++	text-decoration: underline;
++	color: black;
++}
++.wikicreatelinkqm {
++	text-decoration: none;
++	font-size: 90%;
++	color: white;
++	border: 0 solid black;
++	background: #008;
++	padding: 0 3px;
++	margin: 0;
++	margin-left: 3px;
++}
++/* Needed for the new rendering with XWiki Syntax 2.0 since we're now using CSS for
++   displaying the question mark for unknown links */
++span.wikicreatelink a {
++	text-decoration: underline;
++	color: black;
++	background: transparent url("/xwiki/skins/albatross/qm%2Dblue.png") no-repeat scroll right center;
++	padding-right: 13px;
++}
++a img {
++	border: none;
++}
++:focus {
++	outline: 0;
++}
++p {
++	line-height: 1.4em;
++	margin: 1em 0;
++}
++blockquote {
++	padding: 0.3em 0 0 1em;
++	quotes: none;
++	background: #FAFAF6 none repeat scroll 0 0;
++	border-left: 2px solid #DDDDCC;
++	display: block;
++}
++
++.hidden {
++	display: none !important;
++}
++.invisible {
++	visibility: hidden !important;
++}
++.loading {
++	background-image: url(icons/spinner.gif);
++	background-position: center center;
++	background-repeat: no-repeat;
++}
++/* Used to signify a rendering error in the rendered page. Valid only with new rendering */
++.xwikirenderingerror {
++	background-color: #eee;
++	background-image: url(/xwiki/resources/icons/silk/exclamation.gif);
++	background-position: 2px 50%;
++	background-repeat: no-repeat;
++	color: #e14726;
++	padding: 2px 2px 2px 20px;
++	border-radius: 5px;
++	-moz-border-radius: 5px;
++	-webkit-border-radius: 5px;
++}
++.xwikirenderingerrordescription {
++	background-color: #eee;
++	clear: both;
++	display: block;
++	font-family: georgia,verdana,arial;
++	padding: 5px;
++	font-size: 80%;
++	border-radius: 15px;
++	-moz-border-radius: 15px;
++	-webkit-border-radius: 15px;
++	overflow: auto;
++}
++.main pre p {
++	margin: 0;
++}
++tt, tt * {
++	font-family: monospace;
++}
++tt.wikimodel-verbatim {
++	font-family: sans-serif;
++}
++em {
++	font-style: italic;
++}
++strong, .strong {
++	font-weight: bold;
++}
++.underline {
++	text-decoration: underline;
++}
++/* @end */
++/* @group Titles */
++#doctitle {
++	font-size: 2.8em;
++	line-height: 1.1em;
++	margin: 0 0 30px 0;
++}
++h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
++	overflow: hidden;
++	display: block;
++	position: relative;
++	color: #000;
++	background-color: inherit;
++	padding: 0;
++	margin: 20px 0;
++	border-bottom: 1px solid #ccc;
++	font-weight: bold;
++}
++h1 span span, h2 span span, h3 span span, h4 span span, h5 span span, h6 span span {
++	display: inline;
++	color: #000;
++	background-color: inherit;
++	padding: 0;
++	margin: 0;
++	border-bottom: 0;
++}
++h1 {
++	margin-top: 5px;
++	font-size: 2.3em;
++	font-weight: bold;
++	letter-spacing: -1px;
++	line-height: 1.1em;
++}
++h2 {
++	font-weight: bold;
++	font-style: normal;
++	font-size: 2em;
++	line-height: 1.1em;
++}
++h3 {
++	font-weight: bold;
++	font-size: 1.6em;
++	line-height: 1.1em;
++	margin: 20px 0;
++}
++h4 {
++	font-weight: bold;
++	color: #404040;
++	font-size: 1.4em;
++	line-height: 1.1em;
++}
++h5 {
++	font-weight: bold;
++	color: #404040;
++	font-style: normal;
++	font-size: 1.3em;
++	line-height: 1.1em;
++}
++h6 {
++	font-weight: bold;
++	color: #404040;
++	font-style: normal;
++	font-size: 1.2em;
++	line-height: 1.1em;
++	margin: 0;
++}
++h1, h2, h3, h4, h5, h6 {
++	display: block;
++	position: relative;
++}
++span.edit_section {
++	position: relative;
++	display: block;
++	background: #ccc;
++	margin-top: -20px !important;
++	visibility: hidden;
++	overflow: hidden;
++	height: 24px;
++	line-height: 24px;
++	margin-bottom: -1em;
++	border: 1px solid red;
++}
++.edit_section a {
++	position: absolute;
++	top: 0;
++	right: 0;
++	margin: 0;
++	margin-right: -52px;
++	padding-left: 50px;
++	line-height: 24px;
++	visibility: visible;
++	background: transparent url( "images/black-edit.png" ) left top no-repeat;
++	overflow: hidden;
++	border: 0 solid blue;
++}
++.main h1 img, .main h2 img, .main h3 img, .main h4 img, .main h5 img, .main h6 img {
++	margin: 0;
++	vertical-align: middle;
++}
++/* @end */
++/* @group code */
++#xwikimaincontainerinner .code {
++	font-family: courier, courier new, monospace;
++	white-space: pre;
++	margin: 1em 0;
++	padding: 0 1px;
++	overflow: auto;
++	background-color: #F1F7FF;
++	border: 1px dotted #555555;
++}
++#xwikimaincontainerinner .code pre {
++	font-family: courier, courier new, monospace;
++}
++#xwikimaincontainerinner .code .java-keyword {
++	color: #0000aa;
++	background-color: inherit;
++}
++#xwikimaincontainerinner .code .java-object {
++	color: #000088;
++	background-color: inherit;
++}
++#xwikimaincontainerinner .code .java-quote {
++	color: #00aa00;
++	background-color: inherit;
++}
++#xwikimaincontainerinner .code .xml-keyword {
++	font-weight: bold;
++}
++#xwikimaincontainerinner .code .xml-tag {
++	color: #0000aa;
++	background-color: inherit;
++}
++#xwikimaincontainerinner .code .sql-keyword {
++	color: #0000aa;
++	background-color: inherit;
++}
++/* @end */
++/* @group calendar */
++.wiki-calendar-table * {
++	text-align: center;
++	border-collapse: collapse;
++	border-spacing: 0;
++}
++.wiki-calendar-table div {
++	font-size: 90%;
++	margin: 2px 0;
++}
++* html .wiki-calendar-table div {
++	font-size: 80%;
++}
++.wiki-calendar-table {
++	border: 4px solid #C0D4E7;
++	font-size: 100%;
++	margin: auto;
++}
++.wiki-calendar-table td {
++	vertical-align: top;
++}
++.wiki-calendar-table th {
++	background-color: #FFF;
++}
++.wiki-calendar-table td, .wiki-calendar-table th {
++	text-align: center;
++	border: 1px #C0D4E7 solid;
++	height: 60px;
++	width: 90px;
++	padding-top: 0 !important;
++}
++.wiki-calendar-daynotinmonth {
++	color: #BBBBBB;
++	background-color: #E5E5E5;
++}
++.wiki-calendar-today {
++	background-color: #C0D4E7;
++}
++.wiki-calendar-today-notinmonth {
++	background-color: #D9E0E7;
++	color: #BBBBBB;
++}
++.wiki-calendar-daynamerow {
++	background-color: #C0D4E7 !important;
++}
++.wiki-calendar-daynamerow th {
++	background-color: #C0D4E7 !important;
++	color: #fff;
++	font-weight: 900;
++	height: 1.8em;
++}
++.wiki-calendar-daytitle {
++	background-color: #E8EEF7;
++	font-size: 75% !important;
++	padding: 0 5px;
++	margin: 0 !important;
++}
++.wiki-calendar-daynotinmonth .wiki-calendar-daytitle {
++	background-color: transparent !important;
++}
++.wiki-calendar-today-notinmonth .wiki-calendar-daytitle {
++	background-color: transparent !important;
++}
++.wiki-calendar-today .wiki-calendar-daytitle {
++	background-color: transparent !important;
++}
++.wiki-calendar-today-notinmonth a, .wiki-calendar-daynotinmonth a {
++	color: #BBB !important;
++}
++.wiki-calendar-monthyearrow {
++	font-size: 140%;
++	font-weight: 100;
++	font-variant: small-caps;
++	color: #C0D4E7;
++	border: none !important;
++	width: auto !important;
++}
++.wiki-calendar-month-nav {
++	border: none !important;
++}
++.wiki-calendar-month-nav * {
++	font-size: 140%;
++	font-weight: bold;
++	color: #C0D4E7 !important;
++	text-decoration: none;
++}
++.wiki-calendar-month-nav .disabled {
++	color: #aaa !important;
++}
++.wiki-calendar-month-nav a:hover {
++	text-decoration: none !important;
++	color: #38c !important;
++}
++#body .prev-month {
++	text-align: left;
++	padding-left: 8px;
++}
++#body .next-month {
++	text-align: right;
++	padding-right: 8px;
++}
++/* @end */
++/* @group Blog entry */
++.workshop {
++	background-color: #FED;
++}
++.event .username {
++	font-size: 80%;
++}
++.hentry a h4 {
++	color: #000;
++	margin: 0 0 0.5em 0;
++	font-size: 1.4em;
++}
++.article_title {
++	font-size: 120%;
++	border-bottom: 1px;
++}
++.article_content {
++	padding: 10px 0;
++}
++.article_date {
++	font-size: 120%;
++	color: #666;
++	border-bottom: 1px solid #333;
++}
++.article_footer {
++	border-top: 1px dotted;
++	font-size: 75%;
++	font-weight: normal;
++	color: gray;
++	margin: 0 0 2em 0;
++}
++#webhomeNewsdisplay ul {
++	margin-left: 0;
++}
++#webhomeNewsdisplay ul li {
++	margin-bottom: 0.5em;
++}
++/* @end */
++/* @group Footnotes */
++.footnotes {
++	font-size: 80%;
++	margin: 10px 0;
++	border-top: 1px solid #888;
++	padding: 1em;
++}
++.footnotes li {
++	padding: 0 4px;
++	margin: 0;
++	list-style-position: inside;
++}
++.footnoteRef a, .footnoteBackRef {
++	text-decoration: none;
++}
++.footnoteRef:target, .footnotes *:target {
++	border: 1px dotted #888;
++	background: #FFD;
++}
++/* @end */
++/* @group Pagination */
++/* (deprecated) */
++.pagedNavigation {
++	text-align: center;
++	padding: 8px 0;
++	margin: auto;
++}
++.pagedNavigation span {
++	padding: 0 8px;
++}
++.pagedNavigation .pagedLink {
++	background-color: #E5F0FE;
++}
++.pagedNavigation .inactive {
++	color: #CCC;
++}
++.pagedNavigation .pagedLink a {
++	text-decoration: none;
++	color: #2E5A87 !important;
++}
++.pagedNavigation .pagedLink a:hover {
++	color: #D70 !important;
++}
++/* @end */
++/* @group @wysiwyg */
++body#body.main{background: #fff none no-repeat scroll 0% 0%;} /* wysiwyg BG*/
++.vcomment {
++	background-color: #F9F9F9;
++	font-style: italic;
++	margin-left: 5px;
++	margin-right: 10px;
++}
++/* @end */
++/* @group Layout */
++body {
++	width: 100%;
++	padding: 0;
++	margin: 0;
++	min-width: 970px;
++}
++#xwikimaincontainer,
++    body.hideright #xwikimaincontainer {
++	line-height: 1.2em;
++	padding: 0;
++	text-align: center;
++	border: none;
++	overflow-y: hidden;
++}
++#xwikimaincontainerinner {
++	height: 100%;
++	margin: 0 0 0 0;
++	padding-top: 20px;
++	border: none;
++	text-align: left;
++	clear: both;
++	margin: 0 30px;
++}
++body#body.editbody #globallinks,
++#globallinks {
++	position: relative;
++	float: right;
++	font-size: 1em;
++	line-height: 1.2em;
++	width: 220px;
++	margin-left: -220px;
++	height: 80px;
++}
++
++body#body.exportbody #companylogo,
++body#body.importbody #companylogo,
++body#body.adminbody #companylogo {
++	margin-right: 30px;
++	padding-right: 220px;
++	margin-left: 0;
++}
++body.hideright #globallinks,
++    body.hidelefthideright #globallinks,
++    body.exportbody #globallinks,
++    body.importbody #globallinks,
++    body.adminbody #globallinks {
++	margin-left: -220px;
++	background-image: none;
++}
++body.hideright #globallinks a,
++    body.hidelefthideright #globallinks a,
++    body.exportbody #globallinks a,
++    body.importbody #globallinks a,
++    body.adminbody #globallinks a {
++	font-size: 0.9em;
++	font-weight: normal;
++	padding-right: 10px;
++}
++
++#footerglobal,
++#companylogo {
++	margin: 0 220px;
++}
++body.hidelefthideright #companylogo {
++	margin: 0;
++}
++body.hideleft #companylogo {
++	margin: 0 220px 0 0;
++}
++#body.hideright #headerspace,
++#body.hideright #footerglobal,
++body.hideright #companylogo {
++	margin: 0 0 0 220px;
++}
++#body.hideleft #footerglobal,
++body#body.editbody #footerglobal,
++body#body.editbody #headerspace {
++	margin: 0 220px 0 0;
++}
++body.hideleft #headerspace {
++	margin: 0 220px 0 0;
++}
++#body.editbody #companylogo ,
++body#body.adminbody #companylogo,
++body#body.exportbody #headerspace,
++body#body.importbody #headerspace,
++body#body.adminbody #headerspace ,
++#body.hidelefthideright #headerspace ,
++#body.hidelefthideright #footerglobal {
++	margin: 0 220px 0 0;
++}
++body#body.exportbody #footerglobal,
++body#body.importbody #footerglobal,
++body#body.adminbody #footerglobal {
++	margin-right: 0;
++}
++.leftsidecolumns {
++	position: relative;
++	float: left;
++	width: 100%;
++}
++#contentcolumn {
++	position: relative;
++	float: right;
++	width: 100%;
++}
++.main {
++	position: relative;
++	margin: 0;
++	padding: 0 25px 25px 25px;
++	background-color: #fff;
++}
++div#panelwizardcontainer {
++	padding: -30px -250px;
++}
++#xwikicontent {
++	overflow-x: auto;
++	overflow-y: hidden;
++	padding: 0;
++	position: relative;
++}
++.minwidth, .minwidthb, .minwidthc, .minwidthd {
++	display: none;
++	height: 0;
++	font: normal 1px / 1px sans-serif;
++}
++.layoutsection {
++	clear: both;
++}
++#contentcontainer {
++	height: 1%;
++	margin: 0 220px;
++}
++#xwikimaincontainerinner .contenthideleft,
++#xwikieditorinner {
++	margin: 0 220px 0 0;
++}
++#xwikimaincontainerinner .contenthidelefthideright {
++	margin: 0;
++}
++#xwikimaincontainerinner .contenthideright {
++	margin: 0 0 0 220px;
++}
++#rightPanels {
++	position: relative;
++	float: right;
++	display: inline;/* iedoublemargin bug */
++    width: 220px;
++	margin: -25px -220px 0 0;
++}
++#leftPanels {
++	position: relative;
++	float: left;
++	display: inline;/* ie doublemargin bug */
++    width: 220px;
++	margin: -25px 0 0 -220px;
++}
++body.exportbody #editPanels.panels,
++    body.importbody #editPanels.panels,
++    body.adminbody #editPanels.panels {
++	display: none;
++}
++#editPanels.panels {
++	position: relative;
++	float: left;
++	width: 220px;
++	margin-right: -220px;
++	margin-top: -26px;
++	height: auto !important;
++	height: 600px;
++	min-height: 600px;
++}
++#editPanels.panels a {
++	color: #000;
++}
++#editPanels.panels .panel {
++	margin: 0 0 10px 10px;
++	width: 210px;
++	padding: 0;
++}
++.editbody .leftsidecolumns {
++	position: relative;
++	float: left;
++	width: 100%;
++	padding-bottom: 20px;
++}
++#xwikieditcontent textarea#content {
++	width: 100%;
++	border: none;/* place border on external div*/
++}
++.clearfloats {
++	clear: both;
++	height: 1px;
++	background-color: #fff;
++	margin: 0 220px;
++}
++body.hideleft .clearfloat {
++	margin: 0 220px 0 30px;
++}
++body.hideright .clearfloat {
++	margin: 0 30px 0 220px;
++}
++body.hidelefthideright .clearfloat {
++	margin: 0 30px;
++}
++body#body.loginbody .clearfloats {
++	display: none;
++}
++body.editbody .clearfloats {
++	margin-right: 300px;
++}
++#xwikieditor {
++	z-index: 1;
++}
++/* @end */
++/* @group Header */
++/*
++---------------------------------------
++Global header
++---------------------------------------
++*/
++#headerglobal {
++	position: relative;
++	float: left;
++	width: 100%;
++	height: 80px;
++	z-index: 1;
++}
++#globalmenu {
++	padding: 0.5em 0;
++	text-align: right;
++	font-size: 1em;
++	line-height: 1.1em;
++}
++body#body.editbody #globallinks #globalmenu .glink,
++    #globalmenu .glink {
++	font-size: 1em;
++	line-height: 1.4em;
++	font-weight: bold;
++	padding: 0px 5px;
++	text-decoration: none;
++}
++#globalmenu #headerlanguages a {
++	text-transform: capitalize;
++}
++#globalmenu span {
++	display: none;
++}
++#company {
++	height: 80px;
++	position: relative;
++	float: left;
++	width: 100%;
++}
++#companylogo {
++	padding: 0;
++	margin: 0;
++	margin-right: 220px;
++	height: 80px;
++}
++#companylogo a {
++	display: block;
++	height: 80px;
++	width: 220px;
++	text-decoration: none;
++}
++#globalmenu a:hover,
++    #companylogo a:hover {
++	border: none;
++}
++#companylogo a img {
++	position: relative;
++	float: left;
++}
++/*IE*/
++#globaldoctitle {
++	display: none;
++/* needed for IE*/
++}
++/* @end */
++/* @group footer */
++/*
++---------------------------------------
++Space header, footer
++---------------------------------------
++*/
++#headerspace hr, #footerglobal hr {
++	display: none;
++}
++#footerglobal a, #headerspace a {
++	color: #ccc;
++	text-decoration: none;
++}
++#headerspace {
++	height: auto;
++	font-size: 0.9em;
++	width: auto;
++	padding-left: 30px;
++	color: #ccc;
++	margin: 0 220px;
++}
++
++#headerspace a {
++	line-height: 25px;
++}
++#footerglobal {
++	clear: both;
++	text-align: center;
++	background-color: transparent;
++	padding: 25px 0;
++	font-size: 0.7em;
++	text-transform: uppercase;
++	color: #222;
++}
++#footerglobal a {
++	color: #555;
++	text-decoration: none;
++}
++/* @end */
++/* @group content */
++/*
++---------------------------------------
++Content
++---------------------------------------
++*/
++.layoutsubsection .about {
++	border: medium none;
++	color: #888888;
++	position: absolute;
++	bottom: 0px;
++	width: 100%;
++	overflow: hidden;
++	font-size: 0.9em;
++	text-align: center;
++}
++/
++* @end */
++
++/* @group Message Boxes */
++#loginForm div.centered fieldset.xwikimessage table.xwikilogintable tbody tr th,
++    #loginForm div.centered fieldset.xwikimessage table.xwikilogintable tbody tr td {
++	border: none;
++}
++/*
++---------------------------------------------
++"Message Boxes"
++---------------------------------------------
++*/
++div.centered {
++	text-align: center;
++}
++body.editbody .leftsidecolumns .centered {
++	margin-right: 220px;
++}
++fieldset.xwikimessage, div.xwikimessage {
++	display: block;
++	float: none;
++	width: 400px;
++	margin: 65px auto 0;
++	border: none;
++	border-top: 4em solid #efffd4;
++	border-bottom: 65px solid #FFF;
++	padding: 0 8px 16px;
++	background-color: #efffd4;
++	text-align: center;
++}
++fieldset.xwikimessage legend,
++    div.xwikimessage h3 {
++	display: block;
++	width: 100%;
++	text-align: center;
++	font: bold 1.4em sans-serif;
++	letter-spacing: 0.4em;
++	color: #508000;
++	padding: 0;
++	margin: 0;
++}
++div.errormessage {
++	color: red;
++}
++fieldset.xwikimessage .xwikimessage {
++	text-align: center;
++	font-weight: bold;
++	font-size: 110%;
++}
++fieldset.xwikimessage .buttons {
++	text-align: center;
++}
++fieldset.xwikimessage .buttons a {
++	text-decoration: none;
++	margin: 8px;
++}
++.button {
++	font-family: Helvetica, sans-serif;
++	font-weight: bold;
++	text-align: center;
++}
++/* @end *
++/
++/* @group Comments, attachments, History...  */
++/*
++---------------------------------------
++Zone for Comments, attachments, History...
++---------------------------------------
++*/
++#xwikidata {
++	padding: 0 0 20px 0;
++	margin: 0 -25px;
++	border: none;
++	position: relative;
++}
++.xwikiintracontent {
++	margin: 0;
++}
++#historyform .currentversion, #historyform .currentversion td {
++	background: #FFD;
++	font-weight: bold;
++}
++/*
++@end */
++/* @group Comments */
++/*
++----------------------------------------------
++Comments
++----------------------------------------------
++*/
++
++#comments, #attachments {
++	padding: 0pt 10px 20px;
++}
++#xwikidata .xwikititlewrapper {
++	cursor: pointer;
++}
++h3.xwikiintratitle {
++	font: normal 1.2em / 1.4em sans-serif;
++	text-transform: uppercase;
++	letter-spacing: 0.1em;
++	text-align: left;
++	margin: 0;
++	padding: 5px 10px;
++}
++.xwikiintratitle span.hidden {
++	display: inline;
++}
++#attachmentscontent table {
++	border: none;
++}
++.mime {
++	text-align: center;
++}
++.xwikicomment {
++	padding: 10px 0px;
++	position: relative;
++	overflow: hidden;
++}
++.commentspacer {
++	display: none;
++}
++.commentavatar {
++	position: absolute;
++	left: 0;
++	top: 0;
++	width: 54px;
++}
++.commentavatar img {
++	width: 3.5em;
++	display: block;
++	margin: auto;
++}
++.commentheader {
++	padding: 6px 0;
++}
++.commentauthor {
++	font-size: 130%;
++	font-weight: 900;
++}
++.commentauthor a {
++	text-decoration: none;
++	color: #000 !important;
++}
++.commentcontent {
++	border-left: 5px solid #CCCCCC;
++	padding: 3px 0px 0px 6px;
++}
++table.xwikidatatable {
++	margin: 8px auto;
++}
++table.xwikidatatable, table.xwikidatatable th {
++	border: 1px solid #DDD;
++}
++table.xwikidatatable td {
++	padding: 2px 8px;
++}
++.xwikiintracontent fieldset {
++	background-color: transparent;
++	border: none;
++	padding: 8px;
++}
++.xwikiintracontent legend {
++	font: bold 1.2em / 1.4em sans-serif;
++	cursor: pointer;
++	letter-spacing: 0.1em;
++	color: #069;
++}
++html > body .xwikiintracontent legend {
++	margin-bottom: 0;
++}
++#xwikiuploadfile {
++	margin: 10px;
++}
++.xwikiintracontent fieldset.collapsed {
++	border: none;
++	margin: 0;
++	padding: 0;
++	background-color: transparent;
++}
++.xwikiintracontent fieldset.collapsed legend {
++	margin-left: 2px;
++}
++.xwikiintracontent fieldset.collapsed div,
++.xwikiintracontent fieldset.expanded .expands {
++	display: none;
++}
++/* @end */
++
++#xwikiviewerstitles {
++	display: none;
++}
++/* @group tabs */
++/*
++---------------------------------------
++Tabs
++---------------------------------------
++*/
++#body.adminbody .alleditcontent {
++	border-color: #fff;
++}
++.alleditcontent .floatcontainer {
++	background-color: #fff;
++}
++ul.xwikitabbar {
++	padding: 0 0 0 10px;
++	margin: 0 0 0 0;
++	width: 100%;
++	height: 30px;
++	border-bottom: none;
++}
++#xwikieditor ul.xwikitabbar {
++	overflow: hidden;
++}
++#xwikicontent ul.xwikitabbar {
++	overflow: hidden;
++	margin: 0;
++	border-bottom: 0 solid #555;
++}
++.xwikitabbar li {
++	position: relative;
++	display: inline;
++	height: 30px;
++	line-height: 30px;
++	list-style-type: none;
++	margin-right: 4px;
++	text-align: center;
++	display: block;
++	float: left;
++	width: auto;
++	border: none;
++}
++.xwikitabbar li a {
++	background: #ccc none no-repeat scroll left top;
++	background-color: rgba(0,0,0, 0.20);
++	display: block;
++	font-size: 0.85em;
++	font-weight: normal;
++	height: 30px;
++	letter-spacing: -0.5px;
++	line-height: 34px !important;
++	margin-top: 0px;
++	padding: 0pt 14px;
++	text-decoration: none;
++	border-bottom: 0px;
++	color: #fff;
++	border-top-left-radius: 5px;
++	-webkit-border-top-left-radius: 5px;
++	-moz-border-top-left-radius: 5px;
++	border-top-right-radius: 5px;
++	-webkit-border-top-right-radius: 5px;
++	-moz-border-top-right-radius: 5px;
++}
++.xwikitabbar li a:hover {
++	text-decoration: none;
++	background-position: top center;
++}
++.xwikitabbar li.active a,
++    .xwikitabbar li.active a:hover {
++	cursor: default;
++	background-color: #fff;
++}
++.xwikitabbar li.active a {
++	color: #333;
++	font-weight: bold;
++		border: 1px solid #000;
++}
++
++#xwikidatacontents .xwikitabbar li a,
++#xwikidatacontents .xwikitabbar li.active a{
++	border: none;
++}
++
++
++#xwikichangespace {
++	padding: 10px 5px;
++}
++/* @end */
++#xwikicontentedit {
++	border: 1px solid;
++}
++/* @group Panels */
++.Search #globalsearch {
++	position: relative;
++	height: 22px;
++	margin: 0;
++}
++div.panel.expanded.Search {
++	border-radius: 10px;
++	-webkit-border-radius: 12px;
++	-moz-border-radius: 12px;
++}
++.Search .xwikipanelcontents,
++.Search .xwikipaneltitle {
++	background-image: none;
++	padding: 0;
++}
++#globalsearch {
++	margin: 0 0 0 10px;
++}
++
++#body #globalsearch input {
++	font-size: 1em;
++	line-height: 14px;
++	float: left;
++	display: inline;
++	background: none;
++	border: none;
++	width: 135px;
++	padding: 2px 0 0 10px;
++	position: relative;
++	background-color: transparent;
++	border: medium none;
++}
++#body #globalsearch input.button {
++	position: absolute;
++	top: 1px;
++	right: 10px;
++	border: none;
++	width: 22px;
++	height: 14px;
++	padding: 0;
++	margin: 3px 0 0 3px;
++	cursor: pointer;
++}
++.panel, .fakepanel {
++	color: #000;
++	width: 210px;
++	display: block;
++	padding: 0;
++}
++#leftPanels .panel, #leftPanels .fakepanel {
++	margin: 0px 10px 10px 0px;
++}
++#rightPanels .panel, #rightPanels .fakepanel {
++	margin: 0px 0px 10px 10px;
++}
++.xwikipanelcontents form {
++	margin: 0;
++	padding: 0;
++}
++.fakepanel {
++	display: none;
++	height: 320px;
++}
++.xwikipanelcontents {
++	background-color: transparent;
++	font-size: 0.85em;
++	line-height: 1.6em;
++	font-weight: normal;
++	padding: 10px 15px 20px 15px;
++}
++div.xwikipanelcontents div.warningmessage,
++    div.xwikipanelcontents table {
++	margin-top: 0;
++}
++div.xwikipanelcontents ul.minus {
++	margin: 0;
++	padding: 0;
++}
++h5.xwikipaneltitle {
++	margin: 0;
++	font-size: 1.1em;
++	letter-spacing: -1px;
++	line-height: 30px;
++	padding: 0 20px 0 15px;
++	text-align: center;
++	color: #333;
++	height: 30px;
++	cursor: pointer;
++}
++#globalsearch h5.xwikipaneltitle.hidden {
++	display: none;
++}
++h5.xwikipaneltitle.hidden {
++	display: block;
++	height: 10px;
++	line-height: 200px;
++	overflow: hidden;
++}
++.collapsed h5.xwikipaneltitle {
++	height: 38px;
++}
++.xwikipanelcontents a {
++	color: #222;
++}
++.xwikipanelcontents a.wikicreatelink {
++	color: #333;
++}
++div.xwikipanelcontents a.wikicreatelink span.wikicreatelinkqm {
++	background-color: #db6e26;
++	color: #fff;
++	margin: 0 2px;
++	padding: 0 1px;
++}
++/* For new rendering, in order to display orange question marks for unknown links in panels */
++div.xwikipanelcontents span.wikicreatelink a {
++	background-image: url("/xwiki/skins/albatross/qm%2Dorange.png")
++}
++div.xwikipanelcontents ul.star {
++	list-style-type: none;
++	list-style-position: inside;
++	padding: 0;
++	margin: 0;
++}
++div.xwikipanelcontents ul.star li ul {
++	margin-left: 2em;
++}
++.xwikipanelcontents p {
++	margin-top: 0;
++}
++.collapsed .xwikipanelcontents {
++	display: none;
++}
++span.panelitem {
++	display: block;
++}
++/*  edit panels */
++#editPanels .expanded h5.xwikipaneltitle {
++	color: #333;
++	height: auto;
++	font-size: 1em;
++	text-align: center;
++	line-height: 20px;
++	letter-spacing: -1px;
++	padding: 5px 25px 5px 10px;
++}
++#editPanels .collapsed h5.xwikipaneltitle {
++	color: #333;
++	height: 30px;
++	text-align: center;
++	line-height: 20px;
++	letter-spacing: -1px;
++	padding: 5px 25px 5px 10px;
++}
++#editPanels .xwikipanelcontents {
++	color: #333;
++	height: auto;
++	padding: 0 25px 35px 10px;
++	font-size: 0.8em;
++	font-weight: normal;
++}
++#editPanels .EditModes .xwikipanelcontents {
++	padding-bottom: 2em;
++}
++#editPanels .xwikipanelcontents p {
++	margin: 0 0 1em 0;
++}
++#editPanels form {
++	font-size: 0.9em;
++}
++#editPanels form input,
++#editPanels form select {
++	width: 100%;
++	margin-bottom: 0.5em;
++	font-size: 1em;
++}
++.collapsed h5.xwikipaneltitle {
++	background-position: top right;
++}
++/* @group edit panels */
++#editPanels .editmodes h5 {
++	color: #333;
++	height: auto;
++	font-size: 1em;
++	text-align: center;
++	line-height: 20px;
++	letter-spacing: -1px;
++	padding: 5px 25px 5px 10px;
++}
++#editPanels .EditModes .xwikipanelcontents ul {
++	padding-top: 1em;
++	margin-left: -15px;
++}
++#editPanels .EditModes .xwikipanelcontents ul li {
++	display: block;
++	height: 20px;
++	font-size: 1.1em;
++	line-height: 20px;
++	letter-spacing: 1px;
++	font-weight: normal;
++	padding: 0 15px;
++	text-align: left;
++}
++#editPanels .EditModes .xwikipanelcontents ul li a {
++	color: #555;
++}
++#editPanels .EditModes .xwikipanelcontents ul li a:hover {
++	color: #000;
++}
++#editPanels .EditModes .xwikipanelcontents ul li.active {
++	line-height: 30px;
++	font-size: 1.2em;
++	font-weight: bold;
++	text-transform: uppercase;
++	height: 30px;
++	text-align: left;
++}
++#editPanels .EditModes .xwikipanelcontents ul li.active a {
++	color: #000;
++}
++#editPanels .SyntaxHelp h5.xwikipaneltitle {
++	display: none;
++}
++#editPanels .SyntaxHelp div.xwikipanelcontents {
++	color: #333;
++	height: 40px;
++	text-align: center;
++	line-height: 20px;
++	letter-spacing: -1px;
++	padding: 5px 25px 5px 10px;
++}
++#xwikihelpsyntax div.panel.expanded h5.xwikipaneltitle.hidden {
++	display: none;
++}
++#xwikihelpsyntax div.panel.expanded div.xwikipanelcontents {
++	background-image: none;
++	margin: 0;
++	padding: 0;
++}
++/* @end */
++.placeholder {
++	width: 170px;
++	margin-left: 10px;
++	background-color: #fff;
++	opacity: .1;
++}
++html > body #dragbox {
++	width: 198px !important;
++}
++#xwikinavcontainer {
++	margin: 0 0 0;
++	border: 1px solid #999;
++	border-width: 0 0 1px 0;
++}
++span.pitemseparator {
++	display: none;
++}
++.panelcontainer {
++	height: 200px;
++	overflow: hidden;
++	border: 1px solid #fff;
++	padding: 3px;
++}
++.panelitemc {
++	height: 256px;
++	margin: 0 4px;
++	width: 210px;
++	position: relative;
++	float: left;
++}
++.panelitemc .label {
++	text-align: center;
++	background-color: transparent;
++	padding: 2px 0;
++	font-weight: bold;
++}
++.accordionTabContentBox .panelitemc .label {
++	color: #fff;
++}
++.panelitemc .xwikibuttonlink {
++	text-align: center;
++	background-color: transparent;
++	border: 1px solid #fff;
++	border-top: 0;
++	color: #eee;
++}
++.panelitemc .xwikibuttonlink a {
++	color: #eee;
++	padding: 0 5px;
++}
++.xwikipanelcontents dl dd {
++	margin: 0 0 2em 0;
++}
++.xwikipanelcontents dl dt {
++	font-size: 1.3em;
++	font-weight: bold;
++}
++.xwikipanelcontents dl dd table#xwikiincludeddocuments td {
++	border-top: 1px dotted #EEE;
++}
++.xwikipanelcontents dl dd table#xwikiincludeddocuments td a {
++	display: block;
++	width: 140px;
++	position: relative;
++	overflow: hidden;
++}
++.xwikipanelcontents dl dd table#xwikiincludeddocuments td a:hover {
++	overflow: visible;
++}
++.xwikipanelcontents dl dd table#xwikiincludeddocuments td a span {
++	display: inline;
++}
++.xwikipanelcontents dl dd table#xwikiincludeddocuments td a:hover span {
++	display: block;
++	position: absolute;
++	min-width: 155px;
++	right: 0;
++	padding: 0 5px;
++	top: -1em;
++	background-color: #FEFEE4;
++	border: 1px solid #AAA;
++}
++.xwikipanelcontents dl dd table#xwikiincludeddocuments td.xwikibuttonlink a {
++	color: blue;
++	width: 20px;
++}
++/* @end */
++/* @group Rico Acordeon */
++/*
++-----------------
++-----------------
++Rico Acordeon
++----------------------------------
++*/
++#xwikisyntaxhelp {
++	margin-top: 0;
++	border: none;
++	font-size: 0.9em;
++}
++.accordionTabTitleBar h6 {
++	margin: 0;
++	padding: 4px;
++	font: bold 1em / 1.1em sans-serif;
++	color: #FFF;
++	background-color: #8799b3;
++}
++#panellistaccordion #xwikinav .accordionTabTitleBar h6,
++    #xwikinav .accordionTabTitleBar h6 {
++	background-color: #fff;
++	color: #333;
++	border: 1px solid #999;
++	margin-top: 0;
++	border-width: 1px 0 0 0;
++}
++#xwikinav .accordionTabContentBox {
++	background-color: #fff;
++	border-top: 1px solid #999;
++}
++#xwikinavcontainer #xwikinav .tbexpanded h6 {
++	border-width: 1px 0;
++}
++#xwikieditcontent .accordionTabTitleBar h6 {
++	margin: 0;
++	padding: 4px 21px;
++	height: 20px;
++	font-weight: normal;
++	letter-spacing: -1px;
++	border-top: 1px solid #fff;
++	border-bottom: 1px solid #ccc;
++	color: #333;
++	background-color: #f0f0ee;
++	background-image: url( images/accordion.png );
++	background-repeat: no-repeat;
++	background-position: 0% 50%;
++}
++#panellistaccordion #xwikinav .accordionTabTitleBar h6 {
++	background-image: none;
++	height: auto;
++	padding: 2px 3px;
++	font-weight: bold;
++}
++#editPanels .accordionTabContentBox {
++	border: none;
++	overflow: auto !important;
++}
++#editPanels .accordionTabContentBox table {
++	border: none;
++	background-color: transparent;
++}
++.accordionTabContentBox table th {
++	text-align: center;
++}
++#xwikihelptitlesContent h1, #xwikihelptitlesContent h2, #xwikihelptitlesContent h3, #xwikihelptitlesContent h4, #xwikihelptitlesContent h5, #xwikihelptitlesContent h6 {
++	margin: 0;
++	text-align: right;
++}
++.accordionTabTitleBar {
++	margin: 0;
++	cursor: default;
++}
++.accordionTabContentBox {
++	position: relative;
++	padding: 5px;
++	overflow: hidden;
++}
++#allviewpanels .accordionTabContentBox {
++	padding: 5px;
++	overflow: auto !important;
++}
++#panellistaccordion #xwikinav .accordionTabContentBox {
++	background-image: none;
++	overflow: auto !important;
++}
++#xwikinav .accordionTabContentBox {
++	overflow: auto !important;
++}
++#xwikinav ul.minus {
++	margin: 0;
++	padding: 0 5px;
++	list-style-type: none;
++}
++#xwikisyntaxhelp table tbody tr {
++	display: block;
++	width: 175px;
++	border-top: 1px dashed red;
++}
++#xwikisyntaxhelp table tbody tr td {
++	display: block;
++	width: 175px;
++	padding: 2px 1px;
++}
++#xwikisyntaxhelp table tbody tr td tt {
++	background-color: #ccc;
++}
++#xwikisyntaxhelp table tbody tr td {
++	display: block;
++	width: 175px;
++	border: 0 solid red;
++}
++#xwikisyntaxhelp .accordionTabContentBox {
++	padding: 0;
++	margin: 0;
++}
++#xwikisyntaxhelp table tbody tr th {
++	display: block;
++	width: 100%;
++}
++/*
++-----------------------------
++Misc
++-----------------------------
++*/
++/* @end */
++#xwikihelplistsContent ul, #xwikihelplistsContent ol {
++	margin: 0;
++}
++.accordionTabTitleBar tt {
++	font-style: normal;
++	font-size: 100%;
++	padding: 0 4px;
++}
++td.label {
++	text-align: right;
++	padding-right: 4px;
++}
++#xwikiclassproperties, #xwikiobjects {
++	border: 1px solid #DDD !important;
++}
++.center {
++	text-align: center;
++}
++.padded {
++	padding: 8px;
++}
++.editactions {
++	border: none !important;
++	margin-top: 10px;
++	padding: 0;
++}
++#historycontent td {
++	padding: 2px;
++}
++#xwikiuserprofile th {
++	background-color: transparent;
++	text-align: right;
++}
++#xwikiuserprofile td, #xwikiuserprofile th {
++	padding: 4px;
++}
++#xwikiobjects td {
++	vertical-align: top;
++}
++html > body .xwikidatatable {
++	width: 100%;
++}
++/* @group Page Layout */
++/*
++------------------------
++Page Layout Selection
++------------------------
++*/
++td div.pagelayoutoption {
++	margin: 0 auto;
++	width: 106px;
++}
++div.layoutmaquette {
++	width: 100px;
++	height: 100px;
++	border: 1px solid #ddd;
++	background-color: #fff;
++	padding: 2px;
++}
++div.lmleftcolumn, div.lmrightcolumn {
++	width: 20px;
++	height: 60px;
++	border: 1px solid #aaa;
++	background-color: #ddd;
++	position: relative;
++	float: left;
++}
++div.lmrightcolumn {
++	position: relative;
++	float: right;
++}
++div.lmcontentcolumn {
++	border: 1px solid #aaa;
++	background-color: #eee;
++	height: 90px;
++}
++#leftcolumn div.lmcontentcolumn {
++	margin-left: 24px;
++}
++#rightcolumn div.lmcontentcolumn {
++	margin-right: 24px;
++}
++#bothcolumns div.lmcontentcolumn {
++	margin-left: 24px;
++	margin-right: 24px;
++}
++div.pagelayoutoption:hover .layoutmaquette {
++	background-color: #ffd;
++}
++div.pagelayoutoption:hover .lmcontentcolumn {
++	background-color: #ddd;
++}
++div.pagelayoutoption:hover .lmleftcolumn,
++div.pagelayoutoption:hover .lmrightcolumn {
++	background-color: #acf;
++}
++div.pagelayoutoptions > table {
++	width: 100%;
++	text-align: center;
++}
++div.pagelayoutoptions td {
++	padding: 2px;
++	vertical-align: bottom;
++}
++#selectedoption .lmcontentcolumn {
++	background-color: #acf;
++}
++#selectedoption .lmleftcolumn,
++#selectedoption .lmrightcolumn {
++	background-color: #369;
++}
++.pagelayoutoption label {
++	color: #aaa;
++}
++#selectedoption label, .pagelayoutoption:hover label {
++	color: #000;
++}
++.hastooltip {
++	border-bottom: 1px dotted #000;
++	cursor: help;
++}
++#dhtmltooltip {
++	border: 1px solid #aaa;
++	padding: 2px 4px;
++	background-color: #ffd;
++	text-align: justify;
++	position: absolute;
++}
++#panelwizardbuttons {
++	padding: 8px 0px;
++	margin: 1em 0px;
++	text-align: center;
++}
++.alleditcontent {
++	margin: 10px 20px 20px 20px;
++	border: 1px solid #ddd;
++	background-color: #f0f0ee;
++}
++.alladmincontent {
++	border: 1px solid #ddd;
++}
++body.importbody .alleditcontent,
++body.exportbody .alleditcontent,
++body.adminbody .alleditcontent {
++	margin: 30px 50px 20px 20px;
++	border: none;
++}
++.alleditcontent label {
++	position: relative;
++	display: block;
++	text-align: center;
++	padding: 5px;
++	font-weight: bold;
++	font-size: 1em;
++	color: #555;
++	margin: 0px 0px 1em;
++}
++#xwikidoctitleinput {
++	margin-top: 1em;
++	width: 70%;
++}
++#xwikicontent .floatcontainer {
++	overflow: hidden;
++	width: auto;
++	border-bottom: 2px solid #333;
++}
++#xwikieditcontent {
++	background-color: #fff;
++}
++html>body #xwikieditcontent {
++	padding: 20px 5px 5px 5px;
++	padding: 0;
++}
++.editinfo {
++	height: 22px;
++	color: #333;
++	letter-spacing: 2px;
++	font-size: 1em;
++	line-height: 22px;
++}
++#edit {
++	padding: 0px;
++	margin: 0px;
++	border: none;
++	height: 1%;
++}
++#xwikitext {
++	clear: both;
++}
++#panelsBackground {
++	height: 20px;
++	background-color: #384554;
++}
++* html form {
++	margin-top: 0px;
++}
++.xwiki-form-listclass input[type="checkbox"] {
++	float: none;
++	display: inline;
++	margin-right: 2px;
++}
++.xwiki-form-listclass {
++	margin-right: 10px;
++}
++/**
++Attachments
++*/
++div.attachment {
++	overflow: hidden;
++	clear: both;
++	padding: 10px 0px;
++	font-size: 85%;
++	border-bottom: solid 2px white;
++}
++.attachment .mime {
++	display: block;
++	position: relative;
++	float: left;
++	padding-right: 8px;
++	padding-bottom: 4px;
++}
++.attachment .information {
++	position: relative;
++	overflow: hidden;
++}
++.attachment .name {
++	display: block;
++	position: relative;
++	float: left;
++	font-size: 1.35em;
++	padding: 0px 6px 4px 0px;
++}
++.attachment .version {
++	display: block;
++}
++.attachment .meta {
++	clear: left;
++}
++.attachment .xwikibuttonlinks {
++	position: relative;
++	float: right;
++	font-size: 130%;
++	padding: 4px 10px;
++}
++/* @end */
++/* @group EDITION */
++.editbody #globallinks {
++	width: 200px;
++}
++#editcolumn div.alleditcontent label {
++	display: block;
++	text-transform: uppercase;
++	padding: 0;
++	text-align: center;
++	margin-bottom: 20px;
++}
++#editcolumn div.alleditcontent #pagetitle label {
++	margin-bottom: 0;
++	padding: 10px;
++	background-color: #f0f0ee;
++	border-bottom: 1px solid #ccc;
++}
++#editcolumn div.alleditcontent #pagetitle label input {
++	width: 100%;
++}
++div#xwikiclassproperties.accordion dt label,
++div#xwikiobjects.accordion label {
++	display: block;
++	font: normal 0.8em sans-serif;
++	text-transform: uppercase;
++	width: 100%;
++	padding: 10px 0 0 0;
++	text-align: left;
++	margin: 0 0 2px 0;
++}
++#field_name_content div dl dd {
++	padding-bottom: 0.5em;
++	border-bottom: 1px dashed #ccc;
++}
++#editcolumn div.alleditcontent div#xwikiclassproperties.accordion dd label {
++	text-align: left;
++	margin: 0;
++	font-size: 0.8em;
++	font-weight: normal;
++}
++div#xwikiclassproperties.accordion textarea,
++div#xwikiobjects.accordion textarea,
++div#xwikiclassproperties.accordion input[type=text],
++div#xwikiobjects.accordion input[type=text] {
++	width: 98%;
++}
++div#xwikiclassproperties.accordion #xwikidoctitleinput {
++	width: 40%;
++	font-size: 1em;
++}
++.topbuttons, .bottombuttons {
++	text-align: center;
++	font-size: 1em;
++	font-weight: bold;
++	background-color: #f0f0ee;
++	padding: 10px;
++}
++#admin-page .bottombuttons {
++	background-color: transparent;
++	padding: 0;
++}
++.topbuttons {
++	margin-bottom: 1em;
++}
++.bottombuttons input[type=text] {
++	width: 100%;
++	margin-bottom: 1em;
++}
++.leftmenu2 {
++	text-align: left;
++	font-size: 1.4em;
++	font-weight: bold;
++	background-color: #f0f0ee;
++	padding: 2px;
++	border-top: 1px solid #fff;
++}
++#body #fullscreen-dlg .leftmenu2 {
++	padding: 0px;
++}
++#xwikieditcontent div div.leftmenu2 a img {
++	margin: 2px;
++}
++.bottombuttons input.button {
++	margin-top: 1.5em;
++}
++#editcolumn {
++	width: 100%;
++}
++#_history .centered {
++	margin: 0;
++}
++#_history table {
++	margin: 0 0 1em 0;
++	border-top: none;
++	border-collapse: collapse;
++	width: 100%;
++}
++#_history table th {
++	padding: 5px;
++	background-color: #f0f0ee;
++	text-align: center;
++	font-weight: bold;
++}
++#_history table tr.row.even {
++	background-color: #f0f4fa;
++}
++#_history table td {
++	padding: 5px;
++	border: 1px solid #ccc;
++	text-align: center;
++}
++/* panels */
++#panellistaccordion input[type=text], #panellistaccordion textarea,
++#body .panel input[type=text], #body .panel textarea {
++	background-color: #f9fcff;
++	width: 100%;
++}
++.viewbody form .centered input[type=text] {
++	width: auto;
++}
++#leftPanels.xwikipanelcontents ol,
++#leftPanels .xwikipanelcontents ul.minus,
++#rightPanels.xwikipanelcontents ol,
++#rightPanels .xwikipanelcontents ul.minus {
++	margin-left: 1em;
++}
++#leftPanels .xwikipanelcontents ul.star,
++#rightPanels .xwikipanelcontents ul.star {
++	margin-left: 0em;
++	margin-bottom: 1em;
++}
++#leftPanels .xwikipanelcontents ul.star ul,
++#rightPanels .xwikipanelcontents ul.star ul {
++	margin-left: 2em;
++}
++#leftPanels .xwikipanelcontents ul ul,
++#rightPanels .xwikipanelcontents ul ul {
++	list-style-type: none;
++	margin-left: 2em;
++}
++.panel input, .panel select, #editPanels dl dd input {
++	width: 100%;
++}
++.panel .buttonwrapper, #editPanels .buttonwrapper {
++	margin-left: 0;
++}
++.buttonwrapper {
++	background: transparent;
++	display: inline-block;
++	display: inline;
++	margin: 10px 0px 10px 10px;
++	padding-top: 10px;
++}
++#body .buttonwrapper * {
++	display: inline-block;
++	display: inline;
++	line-height: 1.35em !important;
++	margin: 0px !important;
++	min-height: 24px !important;
++	background: transparent url( images/buttons3.png ) repeat-x scroll right top;
++	border: 1px solid #8f908e;
++	color: #FFF;
++	white-space: nowrap;
++}
++#body .buttonwrapper a {
++	padding: 3px 5px;
++	line-height: 26px;
++	font-weight: bold;
++}
++#body .buttonwrapper a:hover,
++#body .buttonwrapper button:hover,
++#body .buttonwrapper input.button:hover {
++	background: transparent url( images/buttons3.png ) repeat-x scroll right 25%;
++	border-color: #94ad12;
++	color: #333;
++}
++body.importbody .alleditcontent .padded h3,
++body.exportbody .alleditcontent .padded h3 {
++	font-size: 1.4em;
++	margin: 1em 0;
++	border-bottom: 1px solid #ccc;
++}
++body.importbody #editcolumn .alleditcontent .padded fieldset,
++body.exportbody #editcolumn .alleditcontent .padded fieldser {
++	background-color: #eaeaf3;
++	border: 5px solid #eaeaf3;
++	border-width: 25px 5px 5px;
++}
++body.importbody #editcolumn .alleditcontent .padded label,
++body.exportbody #editcolumn .alleditcontent .padded label {
++	text-align: left;
++	margin: 0;
++}
++/* @end */
++/* @group tablesearch */
++table#s
++earchTableUnique {
++	width: 99.8%;
++}
++table#searchTableUnique td.actions a {
++	position: relative;
++	float: left;
++	width: 16px;
++	height: 16px;
++	margin: 8px 6px 0 0;
++	overflow: hidden;
++	background-color: transparent;
++	border: 1px solid #FFF;
++}
++table#searchTableUnique tr.sortHeader {
++	background-color: #eaf2fa;
++	border-collapse: collapse;
++}
++table#searchTableUnique th a {
++	color: #74abd7;
++}
++table#searchTableUnique td.actions a:hover {
++	border-color: #ccc;
++}
++table#searchTableUnique td.actions a.copyaction {
++	background-image: url( images/editcopy.png );
++}
++table#searchTableUnique td.actions a.deleteaction {
++	background-image: url( images/edittrash.png );
++}
++table#searchTableUnique td.actions a.renameaction {
++	background-image: url( images/filesaveas.png );
++}
++table#searchTableUnique td.actions a.rightaction {
++	background-image: url( images/lock.png );
++}
++table#searchTableUnique td.actions a span {
++	position: relative;
++	float: left;
++	padding: 16px 0 0 0;
++}
++table#referenceTable,
++table#referenceTable input,
++table#referenceTableselect {
++	width: 98%;
++}
++table#referenceTable input#flt3_referenceTable {
++	width: 59%;
++	margin-right: 1%;
++}
++table#referenceTable input#btn3_referenceTable {
++	width: 39%;
++}
++/* @end */
++/* Messages
++--------------------------------------- */
++.error {
++	color: #F00;
++}
++.fatalerror {
++	background-color: #F00;
++	color: #FFF;
++	font-weight: bold;
++	font-size: 120%;
++}
++.warning {
++	color: #c82;
++}
++span.messagetype {
++	display: none;
++}
++html>body div.floatinginfobox, html>body fieldset.floatinginfobox {
++	width: auto;
++}
++div.floatinginfobox, fieldset.floatinginfobox {
++	width: 0;
++	float: right;
++	border-left: 20px solid #FFF;
++	border-bottom: 40px solid #FFF;
++	border: 1px solid #E4E4E5;
++	background-color: #FAFAFD;
++	padding: 10px;
++	margin: 1em 0 1em 1em;
++}
++div.floatinginfobox .strong, fieldset.floatinginfobox .strong {
++	display: block;
++	text-align: center;
++	font-weight: normal;
++	font-size: 1.2em;
++	letter-spacing: -1px;
++	margin-bottom: 0.5em;
++}
++li.tocEntry,
++div.floatinginfobox li,
++fieldset.floatinginfobox li,
++div.floatinginfobox ul,
++fieldset.floatinginfobox ul {
++	padding: 0 0 0 1em;
++	margin: 0;
++	line-height: 1.4em;
++	list-style-type: none;
++	background-image: url( images/bullet-1.png );
++	background-repeat: no-repeat;
++	background-position: left 0.25em;
++	list-style-position: outside;
++}
++div.floatinginfobox ul,
++fieldset.floatinginfobox ul {
++	background-image: none;
++}
++/*    Images
++    ---------------------------------------  */
++.imgfloatleft {
++	float: left;
++	margin-right: 1em;
++}
++.imgfloatright {
++	float: right;
++	margin-left: 1em;
++}
++.imgleft {
++	text-align: left;
++}
++.imgcenter {
++	text-align: center;
++}
++.imgright {
++	text-align: right;
++}
++/* @group 2-COL */
++.my-col-right, .my-col-left {
++	float: left;
++	width: 50%;
++	padding: 0px;
++}
++.my-col-right div, .my-col-left div {
++	padding: 20px 20px 20px 50px;
++	clear: none;
++}
++.my-col-right  img, .my-col-left img {
++	float: left;
++	padding-top: 20px;
++}
++/* @end */
++
++form#inline textarea {
++	width: 100%;
++}
++body.hideright #xwikimaincontainer {
++	overflow-y: auto;
++}
++#treeview table {
++	margin: 0px;
++}
++#treeview table td {
++	text-align: left;
++	padding: 0px;
++	border: 0px;
++}
++.roundedbox {
++	margin: 0em;
++	border-radius :5px;
++	-moz-border-radius :5px;
++	-webkit-border-radius :5px
++}
++#changescontent table {
++	width: 100%;
++	margin: 0;
++}
++#changescontent table tr.changes-table-title th {
++	text-align: center;
++	font-size: 1.1em;
++	padding: 3px 5px;
++	border-bottom: 1px solid #fff;
++	background-color: #6b747f;
++	color: #fff;
++}
++#changescontent table tr.changes-table-title + tr.changes-table-title th {
++	font-size: 0.75em;
++	text-align: left;
++	padding: 1px 5px;
++	border-bottom: 4px solid #e4e4e4;
++}
++#changescontent table td {
++	background-color: #f8f8f8;
++	border-bottom: 1px solid #CCC;
++}
++div.diff {
++	padding: 0 0 5px 0;
++	margin-bottom: -5px;
++	white-space: normal;
++	overflow: auto;
++}
++span.diffremoveword {
++	color: #ca9a9b;
++	text-decoration: line-through;
++}
++div.diffmodifiedline {
++	margin: 0.8em 0;
++}
++span.diffaddword {
++	color: #287f00;
++}
++div#changes-info {
++	background-color: #919dac;
++	background-image: url( images/DIFF-header.png );
++	background-position: 50% -35px;
++	background-repeat: no-repeat;
++}
++#changes-title {
++	margin-top: 2em;
++	background-color: #6b747f;
++	background-image: url( images/rounded.png ) !important;
++	background-image: url( images/rounded.gif );
++}
++#changes-title h1 {
++	padding: 10px 15px;
++	font-size: 1.4em;
++	letter-spacing: 1px;
++	text-align: center;
++	background-image: url( images/rounded.png ) !important;
++	background-image: url( images/rounded.gif );
++	background-position: top right;
++	color: #fff;
++	border-bottom: 4px solid #fff;
++	border-color: #808c99;
++}
++div#changes-info-boxes {
++	margin-top: 0em;
++	line-height: 1.4em;
++	border: 0px solid #f4f9fe;
++	background-color: transparent;
++}
++#changescontent .clearfloats {
++	clear: both;
++	height: 1px;
++	background-color: transparent;
++	margin-right: 0;
++}
++div#changes-info-box-from {
++	float: left;
++	padding-top: 1em;
++	width: 49%;
++	text-align: center;
++	color: #fff;
++}
++#changes-info-box-to {
++	padding-top: 1em;
++	margin-left: 51%;
++	text-align: center;
++	color: #fff;
++}
++div.changes-info-title {
++	font-weight: bold;
++	font-size: 1.4em;
++}
++#changes-info-comment {
++	text-align: center;
++	padding: 1em 0;
++	color: #FFF;
++}
++/* profil */
++.specialmenu {
++	background-color: #f2fdcb;
++	border: 1px solid #FAFAFD;
++	text-align: center;
++	margin-top: -1.3em;
++	border: 1px solid #ddd;
++	border-top: 0px solid #fff;
++	padding: 3px;
++}
++.specialmenu img {
++	vertical-align: middle;
++}
++.specialmenu ul {
++	margin: 0;
++	padding: 5px 0;
++	display: inline;
++}
++.specialmenu ul li {
++	list-style-type: none;
++	list-style-image: none;
++	display: inline;
++}
++.xwikiuserblog {
++	float: right;
++	width: 250px;
++	background-color: #FAFAFD;
++	padding: 1px;
++}
++#lb-content .xwikiuserblog,
++.xwikiuserblog {
++	clear: both;
++	position: relative;
++	float: right;
++	width: 250px;
++	background-color: white;
++}
++#lb-content .xwikiuserblog, .xwikiuserblog {
++	padding: 5px;
++	text-align: center;
++	font-weight: bold;
++	border-bottom: 1px solid #ddd;
++}
++#lb-content .xwikiuserblog, .xwikiuserblog {
++	padding: 5px;
++}
++#lb-content h3,
++div.vcard h3 {
++	clear: both;
++	padding-top: 1em;
++}
++form#inline div.clear h3 {
++	clear: both;
++}
++#lb-content #XWiki.XWikiUsers_0_blog {
++	width: 200px;
++}
++img#xwikiuseravatar.photo {
++	float: none;
++	margin: 0 1em 1em 0;
++}
++#lb-content img#xwikiuseravatar.photo {
++	width: 200px;
++	float: right;
++	margin: 0 1em 1em 0;
++}
++#xwikiuserprofile dl {
++	font-size: 0.9em;
++}
++#xwikiuserprofile dd.given-name, #xwikiuserprofile dd.family-name {
++	font-size: 1.6em;
++	letter-spacing: 2px;
++}
++form#inline #xwikiuserprofile,
++#lb-content #xwikiuserprofile {
++	padding-bottom: 2em;
++}
++form#inline #xwikiuserprofile input,
++#lb-content #xwikiuserprofile input {
++	width: 350px;
++}
++form#inline #xwikiuserprofile label,
++#lb-content #xwikiuserprofile label {
++	font-size: 1.4em;
++	line-height: 1.2em;
++}
++/* @group contentPanels */
++div.panellayoutcontainer-1col .panellayoutcol {
++	width: 100%;
++}
++div.panellayoutcontainer-2col .panellayoutcol {
++	width: 50%;
++}
++div.panellayoutcontainer-3col .panellayoutcol {
++	width: 33%;
++}
++div.panellayoutcontainer-4col .panellayoutcol {
++	width: 25%;
++}
++div.panellayoutcontainer-5col .panellayoutcol {
++	width: 20%;
++}
++div.panellayoutcontainer-1col, div.panellayoutcontainer-2col, div.panellayoutcontainer-3col, div.panellayoutcontainer-4col, div.panellayoutcontainer-5col {
++	overflow: auto;
++	clear: left;
++}
++.panellayoutcol {
++	overflow: auto;
++	float: left;
++	height: 1%;
++}
++.panellayoutcol .panel {
++	width: 90%;
++	margin: 0 0 20px 5%;
++	border: 1px solid #ddd;
++}
++#xwikicontent .panel ul {
++	margin: 0 5px;
++	padding: 0;
++	list-style-position: inside;
++}
++#xwikicontent .panellayoutcol .panel .xwikipanelcontents {
++	background-color: transparent;
++	background-image: none;
++	padding: 10px;
++}
++#xwikicontent .panellayoutcol .panel .xwikipanelcontents a {
++	color: #000;
++}
++#xwikicontent .panellayoutcol .panel .xwikipanelcontents a:hover {
++	color: #06F;
++}
++#xwikicontent .panellayoutcol .expanded .xwikipaneltitle {
++	color: #fff;
++	background: #aaa url( "icons/black-less-cont.png" ) no-repeat 100% 50%;
++}
++#xwikicontent .panellayoutcol .collapsed .xwikipaneltitle {
++	height: 30px;
++	color: #fff;
++	background: #dcdce1 url( "icons/black-more-cont.png" ) no-repeat 100% 50%;
++}
++#xwikicontent .panellayoutcol .expanded h5.xwikipaneltitle:hover, #xwikicontent .panellayoutcol .collapsed h5.xwikipaneltitle:hover {
++	color: #fff;
++}
++/* @end */
++/* ** Doc extra
++*/
++#xwikidatacontents{
++padding-top: 30px;
++}
++#docExtraTabs {
++	border: 0px !important;
++	background-color: white;
++}
++#docExtrasTabsUl {
++	float: left;
++}
++#docExtraTabs ul.xwikitabbar {
++	width: auto;
++}
++#docextrapanes {
++	border: none;
++	padding: 10px;
++	background-color: #fff;
++	clear: both;
++}
++#docextraanchors {
++	height: 2em;
++}
++#_information dd, #_information dt {
++	padding-top: 4px;
++	padding-bottom: 4px;
++	background: none;
++}
++input#tags {
++	width: 80%;
++}
++#tageditsavesuccess {
++	color: green;
++	margin-left: 6px;
++}
++#tageditsaveerror {
++	color: red;
++	margin-left: 6px;
++}
++.xspacer {
++	clear: both !important;
++	height: 0 !important;
++	width: 0 !important;
++	line-height: 0 !important;
++	padding: 0 !important;
++	margin: 0 !important;
++}
++/* ** Wiki items lists (spaces, pages, comments, attachments)
++*/
++ul.xlist {
++	margin: 0 0 0 0.5em !important;
++	padding: 0 !important;
++}
++ul.xlist li.xunderline {
++	border-bottom: solid 1px #efefef !important;
++}
++ul.xlist li.xhighlight:hover {
++	background-color: lemonChiffon;
++}
++ul.xlist li {
++	width: 100% !important;
++	padding-top: 0.2em;
++	list-style-type: none;
++}
++ul.xlist li.space, ul.xlist li.page, ul.xlist li.comment, ul.xlist li.attachment {
++	background-repeat: no-repeat;
++	background-position: 2px 3px;
++}
++ul.xlist li.space {
++	background-image: url( ../../resources/icons/silk/folder.gif );
++}
++ul.xlist li.page {
++	background-image: url( ../../resources/icons/silk/page_white_text.gif );
++}
++ul.xlist li.comment {
++	background-image: url( ../../resources/icons/silk/comment.gif );
++}
++ul.xlist li.attachment {
++	background-image: url( ../../resources/icons/silk/attach.gif );
++}
++ul.xlist li.xitem div.xitemcontainer {
++	text-indent: 1.5em;
++}
++ul.xlist li.xitem div.xitemcontainer ul.xlist {
++	text-indent: 0em;
++}
++.rssfeed .rssitem .rsschanneltitle,
++.rssitemdescription .rssitemtitle .rsschanneltitle {
++	background-color: white;
++}
++.box {
++	margin: 1em 0;
++	padding: 0 1px;
++	overflow: auto;
++	background-color: #F1F7FF;
++	border: 1px dotted #555555;
++}
++.rssfeed {
++	clear: both;
++	position: relative;
++	border: 1px dotted #003366;
++	background-color: white;
++}
++.rssfeed div.rsschanneltitle,
++.rssfeed div.rsschanneltitle {
++	padding: 5px;
++	text-align: center;
++	font-weight: bold;
++	border-bottom: 1px solid #ddd;
++}
++.rssfeed .rssitem {
++	padding: 5px;
++}
++.rsschanneltitle {
++	background-color: #F4F9FE;
++	font-size: 14px;
++	font-weight: bold;
++	margin-bottom: 10px;
++	padding: 5px;
++	text-align: center;
++}
++.errormessage, .warningmessage, .infomessage, .plainmessage {
++	margin: 4px 0px 4px;
++	border: 1px solid #DDD;
++	padding: 8px 8px 8px 28px;
++	background: #F5F5F5 url( icons/msg.png ) 8px 8px no-repeat;
++	text-align: left;
++}
++.infomessage {
++	background: #f5ffff url( icons/msginfo.png ) no-repeat 8px 8px;
++	color: #369;
++}
++.plainmessage {
++	background-image: none;
++	color: #369;
++}
++.warningmessage {
++	background-image: url( icons/msgwarning.png );
++	color: #c82;
++}
++.errormessage {
++	background-image: url( icons/msgerror.png );
++	color: #F00;
++}
++/* IE */
++* html div,
++    * html .buttonwrapper * {
++	display: inline-block;
++}
++* html a {
++	position: relative;
++	z-index: 1;
++}
++* html #rightPanels, #editPanels {
++	height: 400px;
++}
++* html #globalsearch {
++	margin-bottom: 1em
++}
++* html #xwikicontent {
++	overflow-y: hidden;
++	width: 100%;
++}
++* html .minwidthd {
++	display: none;
++}
++* html #contentcolumn .minwidthb,
++* html #contentcolumn .minwidthd {
++	display: block;
++	width: 450px;
++}
++* html #headerspace .minwidth {
++	display: block;
++	width: 450px;
++}
++/* 740 - 30 padding */
++* html body  #show-dialog-btn {
++	right: 1px;
++	top: 1px;
++}
++* html ul.xwikitabbar {
++	margin: 0;
++}
++* html ul.xwikitabbar li a {
++	line-height: 1em;
++}
++* html .roundedbox,
++* html .roundedheader,
++* html .roundedheader h3,
++* html .roundedbody {
++	background-image: url( images/rounded.gif );
++}
++* html #lb #lb-content img#xwikiuseravatar.photo {
++	float: left;
++	width: 50px;
++}
++* html pre {
++	word-wrap: break-word
++}
++* html div.floatinginfobox,
++* html fieldset.floatinginfobox,
++* html fieldset.floatinginfobox *,
++* html div.floatingboxinner,
++* html fieldset.floatingboxinner,
++* html div.floatingboxinner *,
++* html fieldset.floatingboxinner * {
++	zoom: normal;
++}
++#lb-close {
++	height: 15px;
++}
++* html #lb-content {
++	margin-top: -1px;
++}
++* html #webhomeblogdisplay, * html #webhomeNewsdisplay {
++	width: 48% !important;
++}
++.main p {
++	position: static;
++	border-collapse: collapse;
++}

commentsinline.vm

@@ -1,0 +1,128 @@
++###
++### List document comments
++##
++$xwiki.jsfx.use('uicomponents/viewers/comments.js', {'forceSkinAction': true, 'language': ${context.language}})
++$xwiki.ssfx.use('uicomponents/viewers/comments.css', true)
++##
++#set($xCommentClass = 'XWiki.XWikiComments')
++##
++##
++##
++#macro(addCommentToThreads $comment $commentThreads $rootKey)
++  #set($thread = $commentThreads.get("$!{comment.replyto}"))
++  #if("$!{thread}" == '')
++    #set($thread = $commentThreads.get($rootKey))
++  #end
++  #set($discard = $thread.add($comment.number))
++  #set($thread = '')
++#end
++##
++##
++##
++#macro(displayThread $key $commentThreads)
++  #if("$!{request.replyto}" == "$!{key}")
++    #displayCommentForm()
++    #set($replied = true)
++  #end
++  #set($thread = $commentThreads.get("$!key"))
++  #if($thread.size() > 0)
++    <ul class="commentreplies">
++    #foreach($commentID in $thread)
++      <li class="reply">
++      #displayComment($doc.getObject($xCommentClass, $commentID))
++      <div class="commentthread">
++        #displayThread($commentID, $commentThreads)
++      </div>
++      </li>
++    #end
++    </ul>
++  #end
++#end
++##
++##
++##
++#macro(displayComment $comment)
++  <div id="xwikicomment_${comment.number}" class="xwikicomment#if($comment.getProperty('author').value == $doc.creator) commentByCreator#end">
++    ##<div class="commentavatar">#useravatar($comment.author)</div>
++    <div class="commentheader">
++      <div>
++      <span class="commentauthor">$!xwiki.getUserName($doc.display('author', 'view', $comment))</span>##
++      #set($date = $comment.getProperty('date').value)
++## Don't indent, otherwise the comma will be misplaced
++#if($date), <span class="commentdate">$!xwiki.formatDate($date)</span>#end
++      </div>
++      <span class="commenttools">
++      #if($xwiki.hasAccessLevel('comment'))
++        <span class="commenttool commentreply"><a class="commentreply" href="${request.getRequestURL()}?${request.getQueryString().replaceAll('&?replyto=\d++', '')}&amp;replyto=${comment.number}#xwikicomment_${comment.number}" title="$msg.get('core.viewers.comments.reply')"#if("$!{request.replyto}" == "${comment.number}") style="display: none;"#end>$msg.get('core.viewers.comments.reply')</a></span>
++      #end
++      #if($hasEdit)
++        <span class="commenttool commentdelete"><a class="delete" href="$doc.getURL('objectremove', "classname=${xCommentClass}&amp;classid=${comment.number}&amp;xredirect=${request.getRequestURL()}")" title="$msg.get('core.viewers.comments.delete')">$msg.get('core.viewers.comments.delete')</a></span>
++      #end
++      </span>## commenttools
++    </div>## commentheader
++    <div class="commentcontent">$doc.display('comment', 'view', $comment)</div>
++  </div>## xwikicomment
++#end
++##
++##
++##
++#macro(displayCommentForm)
++  #if($xwiki.hasAccessLevel('comment'))
++    <form action="$doc.getURL('commentadd')" method="post" id="AddComment">
++      <fieldset class="expanded" id="commentform">
++        <legend>$msg.get('core.viewers.comments.add.title')</legend>
++        <input type="hidden" name="xredirect" value="${doc.getURL('view')}#Comments" />
++        #if($context.user != 'XWiki.XWikiGuest')
++           <label>$msg.get('core.viewers.comments.add.guestName.prompt') $xwiki.getUserName($context.user)</label>
++           <input type="hidden" name="${xCommentClass}_author" value="$context.user"/>
++        #else
++          <label>$msg.get('core.viewers.comments.add.guestName.prompt') <input type="text" name="${xCommentClass}_author" value="$msg.get('core.viewers.comments.add.guestName.default')"/></label>
++        #end
++        <input type="hidden" name="${xCommentClass}_date" value=""/>
++        <input type="hidden" name="${xCommentClass}_replyto" value="$!{request.replyto}"/>
++        <div class="commentcontainer">
++           <label>$msg.get('core.viewers.comments.add.comment.label')</label>
++           <textarea id='${xCommentClass}_comment' rows='5' cols="80" name='${xCommentClass}_comment'></textarea>
++        </div>
++        <div class="buttons">
++          <span class="buttonwrapper"><input type="submit" value="$msg.get('core.viewers.comments.add.submit')" class="button"/></span>
++          <span class="buttonwrapper"><input #if("$!{request.replyto}" == '') type="reset" #else type="submit" #end value="$msg.get('core.viewers.comments.add.cancel')" class="button" name="action_cancel"/></span>
++        </div>
++      </fieldset>
++    </form>
++  #end
++#end
++##
++##
++##
++#if($xwiki.getWebPreferenceAsInt('commentsorder', 1) == 1)
++  #set($comments = $doc.getComments())
++#else
++  #set($comments = $doc.getComments(false))
++#end
++##
++##
++<div id="commentscontent" class="xwikiintracontent">
++  <div id="_comments">
++#if($comments.size() > 0)
++  #set($rootKey = "-1")
++  #set($commentThreads = $util.hashMap)
++  #set($discard = $commentThreads.put($rootKey, $util.arrayList))
++  #foreach($comment in $comments)
++    #set($discard = $commentThreads.put("${comment.number}", $util.arrayList))
++  #end
++  #foreach($comment in $comments)
++    #addCommentToThreads($comment, $commentThreads, $rootKey)
++  #end
++  #displayThread($rootKey, $commentThreads)
++#else
++  <p class="noitems">$msg.get('core.viewers.comments.noComments')</p>
++#end
++##
++##
++#if(!$replied)
++  #displayCommentForm()
++#end
++  </div> ## comments
++</div> ## commentscontent
++

actionbarscroll.css

@@ -1,0 +1,162 @@
++/* @group ActionMenu */
++/*
++---------------------------------------
++Menu
++---------------------------------------
++*/
++#menuview{
++	position: relative;
++	margin: 0 220px;
++	padding: 10px 30px;
++	background-color: #fff;
++	overflow: visible;
++	}
++body.hidelefthideright #menuview {
++	margin: 0;
++}
++body.hideleft #menuview {
++	margin: 0 220px 0 0;
++}
++#body.hideright #menuview {
++	margin: 0 0 0 220px;
++}
++body#body.exportbody #menuview,
++body#body.importbody #menuview,
++body#body.adminbody #menuview ,
++body#body.editbody #menuview {
++	margin: 0 220px 0 0;
++}
++#actionmenu {
++	position: statique;
++	height: 20px !important;
++	z-index: 1000;
++	overflow: visible;
++	text-align: center;
++	color: #fff;
++	background-color: #fff;
++}
++body.editbody  #actionmenu{
++margin:0 220px 0 0;
++}
++.editinfo{
++padding: 2px 15px;
++display: inline;
++background-color: #f4ffb3;
++-webkit-border-radius: 8px;
++-moz-border-radius: 8px;
++border-radius: 8px;
++}
++#actionmenu a {
++	text-decoration: none;
++	color: #fff;
++	text-decoration: none;
++	display: block;
++	width: 70px;
++	height: 20px;
++	float: left;
++	border: 1px solid #999;
++	border-width: 0 1px;
++	margin-right: -1px;
++	text-align: center;
++	line-height: 20px;
++	font-size: 0.9em;
++	font-weight: bold;
++}
++#actionmenu .editinfo a {
++	text-decoration: none;
++	color: #444;
++	display: inline;
++	height: 20px;
++	float: none;
++	border: 1px solid #444;
++	border-width: 0;
++	text-align: center;
++	line-height: 20px;
++	font-size: 0.9em;
++	font-weight: bold;
++}
++#actionmenu div.leftmenu div:hover a,
++    #actionmenu a:hover {
++	color: #fff;
++	background-color: #000;
++}
++#actionmenu div.leftmenu div:hover .submenu a {
++	background-image: none;
++}
++#actionmenu .editinfo a:hover {
++	color: #fff;
++}
++.rightmenu {
++	position: absolute;
++	right: 0;
++	margin-right: 25px;
++}
++#actionmenu .rightmenu a {
++	width: 100px;
++	background-color: #ff6f00;
++	padding: 0 15px;
++	-webkit-border-radius: 10px;
++	-moz-border-radius: 10px;
++	border-radius: 10px;
++}
++#actionmenu .leftmenu #tmDoc {
++	width: 20px;
++}
++.leftmenu {
++	position: absolute;
++	left: 25px;
++	background-color: #666;
++	padding: 0 15px;
++	-webkit-border-radius: 10px;
++	-moz-border-radius: 10px;
++	border-radius: 10px;
++
++}
++.topmenuentry {
++	display: block;
++	float: left;
++}
++.rightmenu .topmenuentry {
++	float: right;
++}
++#tmWatched a.tme {
++	color: #4cad1b;
++}
++.submenu {
++	display: block;
++	width: 10em;
++	position: absolute;
++	margin-top: 0;
++	margin-left: 10px !important;
++	padding: 5px;
++	border: 1px solid #222;
++	background-color: #111;
++	z-index: 1000000;;
++}
++.rightmenu .submenu {
++background-color: #ff6f00;
++border: 1px solid #ff6f00;
++width: 12em;
++}
++.submenu.hidden, .submenu .submenuseparator {
++	display: none;
++}
++#actionmenu .submenuitem a, #actionmenu .submenuitem a:link, #actionmenu .submenuitem a:visited, #actionmenu .submenuitem a:active {
++	display: block;
++	float: none;
++	width: 100%;
++	font-size: 0.8em;
++	font-weight: bold;
++	text-decoration: none;
++	height: auto;
++	padding: 2px 0 0 0;
++	line-height: 1.2em;
++	border: 0;
++	text-align: left;
++	color: #fff;
++}
++#actionmenu .submenuitem a:hover {
++	text-decoration: underline;
++	background-image: none;
++}
++/* @end */

mce.css

@@ -1,0 +1,76 @@
++.mceContentBody table{
++	font-size: 1em;
++	border-color: #e5eff8;
++	margin: 1em 0;
++}
++.mceContentBody caption{
++	color: #4e6172;
++	font-size: .94em;
++	letter-spacing: .1em;
++	margin: 1em 0 0 0;
++	padding: 0;
++	caption-side: top;
++}
++.mceContentBody table tr td{
++	vertical-align: middle;
++}
++.mceContentBody table tr td em{
++	font-size: 0.9em;
++	font-style: italic;
++}
++.mceContentBody tr.odd td{
++	background: #f7fbff
++}
++.mceContentBody td{
++	color: #4e6172;
++	border-color: #e5eff8;
++	padding: 3px 4px;
++	border-width: 1px;
++	border-style: solid;
++}
++.mceContentBody tr.table-head td{
++	border-color: #e5eff8;
++	padding: .3em 0.5em;
++	background: #f4f9fe;
++	text-align: center;
++	font: bold 1.2em / 1.4em Arial, Helvetica, sans-serif;
++	color: #66a3d3;
++	border-width: 1px;
++	border-style: solid;
++}
++body#mceSpanFonts h1 span, body#mceSpanFonts h2 span,
++    body#mceSpanFonts h3 span, body#mceSpanFonts h4 span, body#mceSpanFonts h5 span, body#mceSpanFonts h6 span {
++	display: block;
++	color: #000;
++	background-color: inherit;
++	padding: 0;
++	margin: 20px 0;
++	border-bottom: 1px solid #ccc;
++}
++body.mceContentBody {
++	background-image: none;
++	font-size: 90%;
++	line-height: 1.4em;
++}
++table.mceEditor {
++	width: 100%;
++}
++table.mceEditor textarea {
++	width: 100%;
++	height: 100%;
++}
++.mceEditorContainer {
++	display: block;
++	height: 100% !important;
++	position: relative;
++	width: 100%;
++}
++.mceToolbar {
++	z-index: 30002;
++}
++.mceEditor td {
++	padding: 0px;
++}
++body.mceContentBody {
++	min-width: 100px;
++}

attachments.css

@@ -1,0 +1,55 @@
++.attachmentActionButton {
++	background-color: transparent;
++	border: none;
++	padding: 2px 4px;
++	font-size: 80%;
++	margin-bottom: 4px;
++	background: transparent 2px center no-repeat;
++	padding-left: 20px;
++}
++.add-file-input {
++	margin-left: 10px;
++	background-position: 2px top;
++	background-image: url(/xwiki/resources/icons/silk/textfield_add.gif);
++}
++.add-file-input:hover {
++	color: #070;
++}
++.remove-file-input {
++	background-image: url(/xwiki/resources/icons/silk/cross.gif);
++	width: 16px;
++	text-indent: 30px;
++}
++.remove-file-input:hover {
++	color: #D00;
++}
++.uploadFileInput {
++	margin: 5px 10px!important;
++	border: 1px solid #ddd!important;
++}
++.attachment .xwikibuttonlinks a {
++	width: 16px;
++	height: 16px;
++	text-indent: 30px;
++	line-height: 30px;
++	overflow: hidden;
++	background: transparent left top no-repeat;
++	display: block;
++	float: right;
++	margin: 0 0 0 4px;
++}
++.attachment .xwikibuttonlinks a.deletelink {
++	background-image: url(/xwiki/resources/icons/silk/cross.gif);
++}
++.attachment .xwikibuttonlinks a.editlink {
++	background-image: url(/xwiki/resources/icons/silk/pencil.gif);
++}
++#AddAttachment {
++	background-color: #e7eff5;
++	padding: 10px;
++	border: 1px solid #adc6d8;
++
++}
++#AddAttachment div.buttons {
++text-align: center;
++}

Logo

...	...	@@ -1,0 +1,1 @@
	1	+logo.png

Base Skin

...	...	@@ -1,0 +1,1 @@
	1	+toucan