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 [12/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/how-tos/how-to-01-070-How-to-specify-the-icon-for-a-domain-entity.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-070-How-to-specify-the-icon-for-a-domain-entity.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-070-How-to-specify-the-icon-for-a-domain-entity.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 -->
@@ -548,7 +670,7 @@ public class TodoItem {
       <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/how-tos/how-to-01-080-How-to-specify-the-order-in-which-properties-or-collections-are-displayed.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-080-How-to-specify-the-order-in-which-properties-or-collections-are-displayed.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-080-How-to-specify-the-order-in-which-properties-or-collections-are-displayed.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 -->
@@ -545,7 +667,7 @@ in a single location, and also it can be
       <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/how-tos/how-to-01-090-How-to-specify-the-order-in-which-actions-appear-on-the-menu.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-090-How-to-specify-the-order-in-which-actions-appear-on-the-menu.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-090-How-to-specify-the-order-in-which-actions-appear-on-the-menu.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 -->
@@ -511,7 +633,7 @@ in a single location, and also it can be
       <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/how-tos/how-to-01-100-How-to-make-a-property-optional.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-100-How-to-make-a-property-optional.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-100-How-to-make-a-property-optional.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 -->
@@ -464,7 +586,7 @@ annotation.</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/how-tos/how-to-01-110-How-to-make-an-action-parameter-optional.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-110-How-to-make-an-action-parameter-optional.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-110-How-to-make-an-action-parameter-optional.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 -->
@@ -462,7 +584,7 @@ behaviour by marking up one or more of t
       <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/how-tos/how-to-01-120-How-to-specify-the-size-of-String-properties.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-120-How-to-specify-the-size-of-String-properties.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-120-How-to-specify-the-size-of-String-properties.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 -->
@@ -486,7 +608,7 @@ than a text field).</li>
       <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/how-tos/how-to-01-130-How-to-specify-the-size-of-String-action-parameters.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-130-How-to-specify-the-size-of-String-action-parameters.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-130-How-to-specify-the-size-of-String-action-parameters.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 -->
@@ -486,7 +608,7 @@ than a text field).</li>
       <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/how-tos/how-to-01-140-How-to-specify-names-or-descriptions-for-an-action-parameter.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-140-How-to-specify-names-or-descriptions-for-an-action-parameter.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-140-How-to-specify-names-or-descriptions-for-an-action-parameter.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 -->
@@ -499,7 +621,7 @@ the <code>@ParameterLayout(named=...)</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/how-tos/how-to-01-150-How-to-inject-services-into-a-domain-entity-or-other-service.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-150-How-to-inject-services-into-a-domain-entity-or-other-service.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-150-How-to-inject-services-into-a-domain-entity-or-other-service.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 -->
@@ -512,7 +634,7 @@ public, and has a single parameter of th
       <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/how-tos/how-to-01-160-How-to-create-or-delete-objects-within-your-code.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-01-160-How-to-create-or-delete-objects-within-your-code.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-01-160-How-to-create-or-delete-objects-within-your-code.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 -->
@@ -573,7 +695,7 @@ objects within a service.</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/how-tos/how-to-02-010-How-to-hide-a-property.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-010-How-to-hide-a-property.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-010-How-to-hide-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 -->
@@ -517,7 +639,7 @@ DomainObjectContainer#getUser() method.
       <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/how-tos/how-to-02-020-How-to-hide-a-collection.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-020-How-to-hide-a-collection.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-020-How-to-hide-a-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 -->
@@ -511,7 +633,7 @@ discussion.--></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/how-tos/how-to-02-030-How-to-hide-an-action.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-030-How-to-hide-an-action.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-030-How-to-hide-an-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 -->
@@ -511,7 +633,7 @@ DomainObjectContainer#getUser() method.
       <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/how-tos/how-to-02-050-How-to-prevent-a-property-from-being-modified.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-050-How-to-prevent-a-property-from-being-modified.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-050-How-to-prevent-a-property-from-being-modified.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 -->
@@ -532,7 +654,7 @@ discussion.-->
       <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/how-tos/how-to-02-060-How-to-prevent-a-collection-from-being-modified.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-060-How-to-prevent-a-collection-from-being-modified.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-060-How-to-prevent-a-collection-from-being-modified.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 -->
@@ -530,7 +652,7 @@ discussion.--></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/how-tos/how-to-02-070-How-to-prevent-an-action-from-being-invoked.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-070-How-to-prevent-an-action-from-being-invoked.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-070-How-to-prevent-an-action-from-being-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 -->
@@ -521,7 +643,7 @@ DomainObjectContainer#getUser() method.
       <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/how-tos/how-to-02-100-How-to-validate-user-input-for-a-property.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-100-How-to-validate-user-input-for-a-property.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-100-How-to-validate-user-input-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 -->
@@ -499,7 +621,7 @@ responsible for providing this feedback
       <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/how-tos/how-to-02-110-How-to-validate-an-object-being-added-or-removed-from-a-collection.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-110-How-to-validate-an-object-being-added-or-removed-from-a-collection.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-110-How-to-validate-an-object-being-added-or-removed-from-a-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 -->
@@ -489,7 +611,7 @@ user.</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/how-tos/how-to-02-120-How-to-validate-an-action-parameter-argument.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-02-120-How-to-validate-an-action-parameter-argument.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-02-120-How-to-validate-an-action-parameter-argument.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 @@ feedback to the user.</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/how-tos/how-to-03-010-How-to-specify-a-set-of-choices-for-a-property.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-010-How-to-specify-a-set-of-choices-for-a-property.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-010-How-to-specify-a-set-of-choices-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 -->
@@ -490,7 +612,7 @@ Customer, with the most recently-used ad
       <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>