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 [18/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/reference/recognized-annotations/Bounded.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Bounded.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Bounded.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 -->
@@ -482,7 +604,7 @@ all the instances of this class in a dro
       <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/reference/recognized-annotations/Bulk.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Bulk.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Bulk.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 @@ have validation rules.  What this means
       <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/reference/recognized-annotations/Collection.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Collection.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/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 -->
@@ -486,7 +608,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/reference/recognized-annotations/CollectionInteraction.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/CollectionInteraction.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/CollectionInteraction.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 -->
@@ -593,7 +715,7 @@ wrapping the target object using the <a
       <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/reference/recognized-annotations/CollectionLayout.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/CollectionLayout.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/CollectionLayout.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 @@ 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/reference/recognized-annotations/Command.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Command.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Command.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 -->
@@ -534,7 +656,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/reference/recognized-annotations/CssClass-deprecated.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/CssClass-deprecated.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/CssClass-deprecated.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 -->
@@ -513,7 +635,7 @@ to be rendered on action butotns or as 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/reference/recognized-annotations/CssClassFa-deprecated.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/CssClassFa-deprecated.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/CssClassFa-deprecated.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 -->
@@ -529,7 +651,7 @@ member so that it can be styled in an ap
       <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/reference/recognized-annotations/Debug-deprecated.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Debug-deprecated.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Debug-deprecated.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 -->
@@ -474,7 +596,7 @@ only, and so will not normally be displa
       <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/reference/recognized-annotations/Defaulted.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Defaulted.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Defaulted.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 -->
@@ -469,7 +591,7 @@ them.</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/reference/recognized-annotations/DescribedAs-deprecated.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/DescribedAs-deprecated.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/DescribedAs-deprecated.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 -->
@@ -522,7 +644,7 @@ declaration.</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/reference/recognized-annotations/Digits.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Digits.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Digits.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/reference/recognized-annotations/Disabled.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Disabled.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Disabled.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 -->
@@ -569,7 +691,7 @@ defaults to <code>Where.ANYWHERE</code>,
       <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/reference/recognized-annotations/DomainObject.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/DomainObject.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/DomainObject.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 -->
@@ -484,7 +606,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/reference/recognized-annotations/DomainObjectLayout.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/DomainObjectLayout.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/DomainObjectLayout.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 -->
@@ -500,7 +622,7 @@ equivalent <a href="./ViewModelLayout.ht
       <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/reference/recognized-annotations/DomainService.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/DomainService.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/DomainService.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 -->
@@ -515,7 +637,7 @@ public class ToDoItemsFixturesService ex
       <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/reference/recognized-annotations/DomainServiceLayout.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/DomainServiceLayout.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/DomainServiceLayout.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 -->
@@ -487,7 +609,7 @@ the SECONDARY menu bar is right aligned,
       <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/reference/recognized-annotations/Encodable.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Encodable.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Encodable.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 -->
@@ -470,7 +592,7 @@ whereby non-value types might also be di
       <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/reference/recognized-annotations/EqualByContent.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/EqualByContent.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/EqualByContent.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 -->
@@ -470,7 +592,7 @@ framework (not in any object store nor v
       <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/reference/recognized-annotations/Exploration-deprecated.html
==============================================================================
--- websites/staging/isis/trunk/content/reference/recognized-annotations/Exploration-deprecated.html (original)
+++ websites/staging/isis/trunk/content/reference/recognized-annotations/Exploration-deprecated.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 @@ production system. </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>