Index: main/kofacustom.sampleuni/trunk/layout/rules.xml
===================================================================
--- main/kofacustom.sampleuni/trunk/layout/rules.xml	(revision 12482)
+++ main/kofacustom.sampleuni/trunk/layout/rules.xml	(revision 13827)
@@ -49,4 +49,10 @@
              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"
@@ -96,5 +102,12 @@
           css:if-not-content="table.kofa-data-table" />
 
+<!--
 
+    <rules css:if-not-content="input.datepicker-le-year">
+        <drop css:theme="script.jquery-ui"
+              css:if-not-content="[data-toggle='tooltip']" />
+    </rules>
+
+-->
 <!--
     <after css:theme-children="html head"
Index: main/kofacustom.sampleuni/trunk/layout/static/css/base.css
===================================================================
--- main/kofacustom.sampleuni/trunk/layout/static/css/base.css	(revision 12482)
+++ main/kofacustom.sampleuni/trunk/layout/static/css/base.css	(revision 13827)
@@ -32,5 +32,5 @@
 }
 
-.breadcrumb , .wfstatus {
+.breadcrumb , .wfstatus, .maintenance-warning {
     background-color: #fff;
     margin-bottom: 0px;
@@ -69,5 +69,6 @@
 .kofa-breadcrumbs-box-short,
 .kofa-breadcrumbs-box-long,
-.kofa-student-status-box {
+.kofa-student-status-box,
+.kofa-maintenance {
     padding: 0px 5px 0px 5px;
 }
@@ -85,5 +86,6 @@
 .kofa-breadcrumbs-box-short .well,
 .kofa-breadcrumbs-box-long .well,
-.kofa-student-status-box .well {
+.kofa-student-status-box .well,
+.kofa-maintenance .well {
     padding: 5px 5px 5px 5px;
 }
@@ -106,4 +108,12 @@
 .kofa-student-status-box .well {
     background-color: #909090;
+}
+
+.maintenance-warning {
+    text-align: center;
+}
+
+.kofa-maintenance .well {
+    background-color: red;
 }
 
@@ -163,4 +173,11 @@
     margin: 0px 0px 4px 0px;
     display: inline-block;
+}
+
+/* Documentation link*/
+
+div.documentation {
+    margin-top: -20px;
+    text-align: right;
 }
 
Index: main/kofacustom.sampleuni/trunk/layout/theme.html
===================================================================
--- main/kofacustom.sampleuni/trunk/layout/theme.html	(revision 12482)
+++ main/kofacustom.sampleuni/trunk/layout/theme.html	(revision 13827)
@@ -91,4 +91,14 @@
 
       <div class="row">
+        <div class="col-md-12 container kofa-maintenance">
+          <div class="well">
+            <div class="maintenance-warning">
+                M A I N T E N A N C E &nbsp;&nbsp;&nbsp; M O D E
+            </div> <!-- /maintenance-warning -->
+          </div> <!-- /well -->
+        </div> <!-- /kofa-maintenance -->
+      </div>
+
+      <div class="row">
         <div class="col-md-12 container kofa-breadcrumbs-box-long">
           <div class="well">
@@ -116,5 +126,5 @@
             </ol><!-- /kofa-breadcrumbs -->
           </div> <!-- /well -->
-        </div> <!-- /kofa-breadcrumbs-box-short -->
+        </div> <!-- /kofa-breadcrumbs-box-long -->
       </div>
 
@@ -335,4 +345,30 @@
             </div>
             <div>...content that spans the whole page.</div>
+
+            <br><br>
+            <h3>Accordions</h3>
+            <div class="panel-group" id="accordion" role="tablist"
+                 aria-multiselectable="true">
+              <div class="panel panel-default">
+                <div class="panel-heading" role="tab" id="headingTwo">
+                  <h4 class="panel-title">
+                    <a class="collapsed" data-toggle="collapse"
+                       data-parent="#accordion" href="#collapseTwo"
+                       aria-expanded="false" aria-controls="collapseTwo">
+                      Collapsible Group
+                    </a>
+                  </h4>
+                </div>
+                <div id="collapseTwo" class="panel-collapse collapse"
+                     role="tabpanel" aria-labelledby="headingTwo">
+                  <div class="panel-body">
+                    Anim pariatur cliche reprehenderit, enim eiusmod high life
+                    terry richardson ad squid. 3 wolf moon officia aute, non
+                    skateboard dolor brunch. Food truck quinoa laborum eiusmod.
+                  </div>
+                </div>
+              </div>
+            </div>
+
             <br><br>
             <h3>A Sample Data Table</h3>
@@ -518,4 +554,10 @@
               </tbody>
             </table>
+            <br>
+            <div class="documentation">
+              <a href="#" target="_blank">
+                Kofa Docs for this page
+              </a>
+            </div>
           </div> <!-- /well kofa-content-->
         </div> <!-- /kofa-content-wide -->
