From: Ove Klykken Date: Thu, 10 Jul 2014 16:26:17 +0000 (-0400) Subject: logo and nav on top of slideshow X-Git-Tag: v1.0^2~34 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=61200dcd329c77d25b9b33dedfaf519973c21621;p=web%2FBigFore.git 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 --- 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 --- a/styles.css +++ b/styles.css @@ -32,6 +32,7 @@ header { position: absolute; top: 21px; left: 40px; + z-index: 10; } /* Main Navigation */ nav { @@ -40,6 +41,11 @@ nav { position: absolute; top: 20px; right: 20px; + z-index: 10; + background: rgba(0, 0, 0, .2); + background: rgba(255, 255, 255, .1); + border-radius: 5px; + padding: 10px; } nav ul, nav li { margin: 0; @@ -59,20 +65,22 @@ nav>ul>li>a { font-weight: bold; font-size: 18px; text-decoration: none; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); } nav a:hover { color: #8b0304; + text-shadow: 0; } nav li ul { - padding: 0; - position: absolute; - top: 48px; + padding: 0; + position: absolute; + top: 48px; top: 31px; - left: 0; - width: 150px; - display: none; - opacity: 0; - visibility: hidden; + left: 0; + width: 150px; + display: none; + opacity: 0; + visibility: hidden; -webkit-transiton: opacity ease 0.9s; -moz-transition: opacity ease 0.9s; -ms-transition: opacity ease 0.9s; @@ -80,9 +88,9 @@ nav li ul { transition: opacity ease 0.9s; } nav li:hover ul { - display: block; - opacity: 1; - visibility: visible; + display: block; + opacity: 1; + visibility: visible; } nav li ul li { display: block; @@ -297,4 +305,4 @@ address { margin: 0 auto; text-align: center; padding: 1em 0; - } + } \ No newline at end of file