source: main/waeup.diazo/trunk/kofa/base.xml @ 10525

<?xml version="1.0" encoding="UTF-8"?>
<rules
    xmlns="http://namespaces.plone.org/diazo"
    xmlns:css="http://namespaces.plone.org/diazo/css"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:xi="http://www.w3.org/2001/XInclude">

  <rules>

    <theme href="theme.html" />

    <!-- head elements -->
    <replace css:theme="html head title"
             css:content="html head title" />
    <after css:theme-children="html head"
           css:content="html head meta" />
    <after css:theme-children="html head"
           css:content="html head base" />

    <!-- top navigation -->
    <!-- left top navigation -->
    <replace css:theme-children="ul.kofa-navbar-left"
             css:content-children="ul.kofa-navbar-left" />

    <!-- the language selector

      quite tricky. We insert a <li> element at end of
      ul.kofa-navbar-left. This <li> has a header element
      (the 'Language' button) and the a number of <li> elements
      representing the supported languages.
      We change the input content of format

         <a href="foo" title="Lang">Abbrev</a>

      to

         <a href="foo">Lang</a>

      creating new nodes (<xsl:element>) with attributes copied over.
    -->
    <after css:theme-children="ul.kofa-navbar-left">
      <li class="dropdown kofa-langselect">
        <a href="#" class="dropdown-toggle"
           data-toggle="dropdown">Language <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <xsl:for-each css:select=" .language a">
            <li class="kofa-language">
              <xsl:element name="a">
                <xsl:attribute name="href">
                  <xsl:value-of select="@href" />
                </xsl:attribute>
                <xsl:value-of select="@title" />
              </xsl:element>
            </li>
          </xsl:for-each>
        </ul>
      </li>
    </after>

    <!-- right side top navigation -->
    <replace css:theme-children="ul.kofa-navbar-right"
             css:content-children="ul.kofa-navbar-right" />

    <!-- breadcrumbs -->
    <replace css:theme-children="ul.kofa-breadcrumbs"
             css:content="ul.breadcrumb li" />
    <drop css:theme="div.kofa-breadcrumbs-box"
          css:if-not-content="ul.breadcrumb" />

    <!-- sidebar -->
    <drop css:theme="div.kofa-sidebar"
          css:if-not-content="div.sidebar" /><!-- drop if not in content -->
    <replace css:theme-children=".kofa-sidebar-title"
             css:content-children="div.sidebar h5" />
    <replace css:theme-children=".kofa-sidebar-body"
             css:content-children="div.sidebar ul" />

    <!-- content -->

    <!-- drop one of the both content areas, depending on sidebar -->
    <drop css:theme="div.kofa-content-narrow"
          css:if-not-content="div.sidebar" />
    <drop css:theme="div.kofa-content-wide"
          css:if-content="div.sidebar" />

    <replace css:theme-children="div.kofa-content"
             css:content-children="div.content" />


  </rules>

</rules>