source: main/kofacustom.lpng/trunk/layout/rules.xml @ 16996

<?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">

  <!-- Cases where we do not want themes... -->
  <notheme if-path="/++grokui++" />  <!-- do not theme GrokUI -->
  <notheme if-path="/_debug" /><!-- output by debugger -->
  <notheme css:if-content="div#error-area" />

  <!-- use error page if there is a <table class="layout">
       tag in content. This tag is rendered in Zope 3 errors. -->
  <rules css:if-content="table#layout">
    <theme href="error-zope.html" />
    <replace css:theme-children="#kofa-error-message"
             css:content-children="h3" />
  </rules>
  <!-- use error page if there is no <div> tag in content.
       This happens if something in the application went wrong. -->
  <rules css:if-not-content="div">
    <theme href="error-zope.html" />
    <replace css:theme-children="#kofa-error-message"
             css:content-children="body" />
  </rules>

  <!-- regular rules -->
  <rules css:if-content="body.kofa-body">

    <theme href="theme.html" />

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

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

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

    <!-- maintenance mode warning -->
    <drop css:theme="div.kofa-maintenance"
          css:if-not-content="div.maintenance-warning" />
    <replace css:theme-children="div.maintenance-warning"
             css:content-children="div.maintenance-warning" />

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

    <!-- student status -->
    <drop css:theme="div.kofa-student-status-box"
          css:if-not-content="div.wfstatus" />
    <replace css:theme-children="div.wfstatus"
             css:content-children="div.wfstatus" />

    <!-- sidebar -->

    <drop css:theme="div.kofa-sidebar"
          css:if-not-content="div.sidebar" />
    <replace css:theme-children="div.sidebar-nav"
             css:content-children="div.sidebar" />

    <!-- 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.kofa-content" />


    <!-- scripts -->
    <drop css:theme="script.kofa-script-tooltip"
          css:if-not-content="[data-toggle='tooltip']" />

    <drop css:theme="script.kofa-script-datepicker"
          css:if-not-content="input.datepicker-le-year" />

    <drop css:theme="script.kofa-script-datatable"
          css:if-not-content="table.kofa-data-table" />

    <drop css:theme="script.kofa-filterByText"
          css:if-not-content="input.kofa-filterbox" />

<!--
    <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" />
-->

    <!-- Make all data tables responsive -->

    <replace css:content="table.kofa-data-table">
      <div class="table-responsive">
        <xsl:apply-templates css:select="table.kofa-data-table" mode="raw"/>
      </div>
    </replace>

   </rules>

</rules>