logo and nav on top of slideshow

diff --git a/Toolkit/RotatingImages/templates/rotatingImages.html b/Toolkit/RotatingImages/templates/rotatingImages.html
index 7a63826..4a603ae 100644 (file)
--- a/Toolkit/RotatingImages/templates/rotatingImages.html
+++ b/Toolkit/RotatingImages/templates/rotatingImages.html
@@ -10,8 +10,8 @@
     display: block;
     position: absolute;
     z-index: 999;
-    top: -10px;
-    right: 10px;
+    bottom: 10px;
+    right: 50%;
     }
 #slider-wrapper {
     width: 100%;

diff --git a/styles.css b/styles.css
index 9795215..b083c04 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -32,6 +32,7 @@ header {
     position: absolute;\r
     top: 21px;\r
     left: 40px;\r
+    z-index: 10;\r
     }\r
 /* Main Navigation */\r
 nav {\r
@@ -40,6 +41,11 @@ nav {
     position: absolute;\r
     top: 20px;\r
     right: 20px;\r
+    z-index: 10;\r
+    background: rgba(0, 0, 0, .2);\r
+    background: rgba(255, 255, 255, .1);\r
+    border-radius: 5px;\r
+    padding: 10px;\r
     }\r
 nav ul, nav li {\r
     margin: 0;\r
@@ -59,20 +65,22 @@ nav>ul>li>a {
     font-weight: bold;\r
     font-size: 18px;\r
     text-decoration: none;\r
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);\r
     }\r
 nav a:hover {\r
     color: #8b0304;\r
+    text-shadow: 0;\r
     }\r
 nav li ul {\r
-  padding: 0;\r
-  position: absolute;\r
-  top: 48px;\r
+    padding: 0;\r
+    position: absolute;\r
+    top: 48px;\r
     top: 31px;\r
-  left: 0;\r
-  width: 150px;\r
-  display: none;\r
-  opacity: 0;\r
-  visibility: hidden;\r
+    left: 0;\r
+    width: 150px;\r
+    display: none;\r
+    opacity: 0;\r
+    visibility: hidden;\r
     -webkit-transiton: opacity ease 0.9s;\r
     -moz-transition: opacity ease 0.9s;\r
     -ms-transition: opacity ease 0.9s;\r
@@ -80,9 +88,9 @@ nav li ul {
     transition: opacity ease 0.9s;\r
     }\r
 nav li:hover ul {\r
-  display: block;\r
-  opacity: 1;\r
-  visibility: visible;\r
+    display: block;\r
+    opacity: 1;\r
+    visibility: visible;\r
     }\r
 nav li ul li { \r
     display: block; \r
@@ -297,4 +305,4 @@ address {
     margin: 0 auto;\r
     text-align: center;\r
     padding: 1em 0;\r
-    }\r
+    }
\ No newline at end of file