new nivo slider effects. added correct nivo slider size. added new container to site...

diff --git a/Toolkit/RotatingImages/config.ini b/Toolkit/RotatingImages/config.ini
index 1b3b355..e575408 100644 (file)
--- a/Toolkit/RotatingImages/config.ini
+++ b/Toolkit/RotatingImages/config.ini
@@ -3,8 +3,8 @@
 applicationName = "Homepage Slideshow"
 useTitles = On
 hasPrevNextLinks = Off
-width = 505
-height = 303
+width = 720 
+height = 480
 
 ; time between the fades in milliseconds
 [rotation time]
@@ -26,3 +26,10 @@ transition[] = "sliceUpDownLeft"
 transition[] = "fold"
 transition[] = "fade"
 transition[] = "random"
+transition[] = "slideInRight"
+transition[] = "slideInLeft"
+transition[] = "boxRandom"
+transition[] = "boxRain"
+transition[] = "boxRainReverse"
+transition[] = "boxRainGrow"
+transition[] = "boxRainGrowReverse"

diff --git a/styles.css b/styles.css
index 3358754..b8ee38d 100755 (executable)
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,14 @@
-.inner-wrap>section>.row {\r
+.inner-wrap>section>#wrapper {\r
     box-shadow: 0 0 10px rgba(0, 0, 0, .5);\r
+    \r
+-webkit-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);\r
+   -moz-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);\r
+        box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);\r
+\r
+    width: 62.5rem;\r
+    margin: 0 auto;\r
     }\r
+\r
 body {\r
     background-color: #e8e5db;\r
     background-image: url(assets/bg.jpg);\r

diff --git a/templates/template.html b/templates/template.html
index 7eb2f2b..275e026 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -33,6 +33,7 @@
 
 
                 <section>
+                <div id="wrapper">
                     <div class="row">
                         <div class="large-12 columns" id="header">
                             <a href="{homePageUrl:h}">
@@ -226,6 +227,7 @@
                             <p>Copyright&copy;2014 City of Mackinac Island. Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a>. All Rights Reserved.    </p>
                         </div>
                     </div>
+                </div><!-- /#wrapper -->
                 </section>