You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@isis.apache.org by bu...@apache.org on 2015/03/11 08:00:53 UTC

svn commit: r943278 [15/23] - in /websites/staging/isis/trunk: cgi-bin/ content/ content/archetypes/ content/archetypes/release-notes/ content/components/ content/components/objectstores/ content/components/objectstores/jdo/ content/components/objectst...

Modified: websites/staging/isis/trunk/content/intro/tutorials/tutorials.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/tutorials/tutorials.html (original)
+++ websites/staging/isis/trunk/content/intro/tutorials/tutorials.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -477,7 +599,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/Fixture-Scripts.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/Fixture-Scripts.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/Fixture-Scripts.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -846,7 +968,7 @@ is accomplished using the <code>--initPa
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/ViewModel.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/ViewModel.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/ViewModel.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -550,7 +672,7 @@ public class MyViewModel {
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/about.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/about.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/are-you-sure-idiom.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/are-you-sure-idiom.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/are-you-sure-idiom.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -498,7 +620,7 @@ used by the supporting <code>validate</c
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-01-062-How-to-decouple-dependencies-using-contributions.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-01-062-How-to-decouple-dependencies-using-contributions.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-01-062-How-to-decouple-dependencies-using-contributions.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -521,7 +643,7 @@ public class CommunicationChannelContrib
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-01-065-How-to-add-an-action-to-be-called-on-every-object-in-a-list.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-01-065-How-to-add-an-action-to-be-called-on-every-object-in-a-list.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-01-065-How-to-add-an-action-to-be-called-on-every-object-in-a-list.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -490,7 +612,7 @@ other viewers treat the action as a regu
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-040-How-to-specify-that-none-of-an-object's-members-is-visible.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-040-How-to-specify-that-none-of-an-object's-members-is-visible.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-040-How-to-specify-that-none-of-an-object's-members-is-visible.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -496,7 +618,7 @@ essence a "404 not found" message).</p>
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-080-How-to-specify-that-none-of-an-object's-members-can-be-modified-or-invoked.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-080-How-to-specify-that-none-of-an-object's-members-can-be-modified-or-invoked.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-080-How-to-specify-that-none-of-an-object's-members-can-be-modified-or-invoked.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -524,7 +646,7 @@ See also ?.
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-090-How-to-specify-that-an-object-is-immutable.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-090-How-to-specify-that-an-object-is-immutable.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-090-How-to-specify-that-an-object-is-immutable.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -476,7 +598,7 @@ See also ?.
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-130-How-to-validate-declaratively-using-MustSatisfy.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-130-How-to-validate-declaratively-using-MustSatisfy.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-02-130-How-to-validate-declaratively-using-MustSatisfy.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -501,7 +623,7 @@ together and require that <em>at least o
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-010-How-to-make-a-derived-property.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-010-How-to-make-a-derived-property.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-010-How-to-make-a-derived-property.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -566,7 +688,7 @@ or the 'derivedDescription' field, which
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-015-Password-properties-and-params.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-015-Password-properties-and-params.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-015-Password-properties-and-params.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -525,7 +647,7 @@ CSS into your app's <code>application.cs
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-020-How-to-make-a-derived-collection.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-020-How-to-make-a-derived-collection.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-020-How-to-make-a-derived-collection.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -501,7 +623,7 @@ underlying data. For example:</p>
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-030-How-to-inline-the-results-of-a-query-only-repository-action.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-030-How-to-inline-the-results-of-a-query-only-repository-action.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-030-How-to-inline-the-results-of-a-query-only-repository-action.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -472,7 +594,7 @@ service) action.</p>
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-040-How-to-trigger-other-behaviour-when-a-property-is-changed.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-040-How-to-trigger-other-behaviour-when-a-property-is-changed.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-040-How-to-trigger-other-behaviour-when-a-property-is-changed.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -508,7 +630,7 @@ the user (i.e. the current value replace
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-050-How-to-trigger-other-behaviour-when-an-object-is-added-or-removed.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-050-How-to-trigger-other-behaviour-when-an-object-is-added-or-removed.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-050-How-to-trigger-other-behaviour-when-an-object-is-added-or-removed.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -509,7 +631,7 @@ public class Department {
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-060-How-to-set-up-and-maintain-bidirectional-relationships.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-060-How-to-set-up-and-maintain-bidirectional-relationships.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-04-060-How-to-set-up-and-maintain-bidirectional-relationships.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -518,7 +640,7 @@ maintaining the associations, while the
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-05-010-How-to-specify-a-name-or-description-for-an-object.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-05-010-How-to-specify-a-name-or-description-for-an-object.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-05-010-How-to-specify-a-name-or-description-for-an-object.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -496,7 +618,7 @@ public class CustomerImpl implements ICu
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/more-advanced-topics/how-to-05-020-How-to-specify-a-name-or-description-for-a-property.html
==============================================================================
--- websites/staging/isis/trunk/content/more-advanced-topics/how-to-05-020-How-to-specify-a-name-or-description-for-a-property.html (original)
+++ websites/staging/isis/trunk/content/more-advanced-topics/how-to-05-020-How-to-specify-a-name-or-description-for-a-property.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -488,7 +610,7 @@ a tooltip.</p>
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>