From: Ove Klykken Date: Wed, 16 Jul 2014 14:33:18 +0000 (-0400) Subject: More nav changes per talk w Jodie - PG edits, and clearing footer X-Git-Tag: v1.0^2~8^2 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=ee5050853ccc95afd52a8ecdba93162a1b06e01d;p=web%2FBigFore.git More nav changes per talk w Jodie - PG edits, and clearing footer --- diff --git a/styles.css b/styles.css index cb00471..ad15b09 100644 --- a/styles.css +++ b/styles.css @@ -48,8 +48,8 @@ nav { top: 20px; right: 20px; z-index: 10; - background: rgba(255, 255, 255, .3); background: rgba(0, 0, 0, .4); + background: rgba(255, 255, 255, .8); border-radius: 5px; padding: 10px; @@ -66,12 +66,13 @@ nav>ul>li { nav>ul>li>a { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; text-transform: uppercase; - color: white; + color: #002a5c; + color: #005835; display: block; padding: 5px 10px; font-weight: bold; - font-size: 18px; - text-decoration: none; + font-size: 20px; + text-decoration: underline; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); */ } nav a:hover { @@ -103,12 +104,6 @@ nav li ul li { display: block; color: #fff; } -nav li ul li:first-child { - margin-bottom: 0; - } -nav li ul li img { - margin-left: 20px; - } nav li li a { font-size: 12px; color: black; @@ -124,6 +119,14 @@ nav li li a { nav li ul li a:hover { background: rgba(255, 255, 255, .8); } +nav li ul li img { + margin: 0 0 0 20px; + bottom: 0; + } +nav li ul li:first-child { + height: 13px; + padding-top: 10px; + } /* Toolbox */ #toolbox { margin: 50px 90px 50px 70px; @@ -213,8 +216,9 @@ nav li ul li a:hover { width: 50%; float: left; } +/* Photo Gallery */ #photoGallery { - width: 50%; + width: 48%; float: right; } #photoGallery h2 { @@ -224,14 +228,14 @@ nav li ul li a:hover { #media-photo-gallery { font-size:12px; } -#gallery { - clear:both; -} + .gallery { text-align: center; - list-style: none outside none; - padding: 10px 0 0 0; -} + list-style: none; + margin: 0; + padding: 0; + display: block; + } .gallery:after { clear: both; content: "."; @@ -242,15 +246,13 @@ nav li ul li a:hover { .gallery li { background: none repeat scroll 0 0 #F5F3E5; float: left; - margin: 0 2% 26px 0; + margin: 0 22px 22px 0; overflow: hidden; position: relative; - } .gallery li img { - width: 100%; - border: 1px solid #2797AB; + border: 2px solid #38462a; display: block; height: auto;/*width: 143px;*/ -webkit-box-sizing: border-box; @@ -258,7 +260,7 @@ nav li ul li a:hover { box-sizing: border-box; } .gallery li:hover img { - border: 1px solid #B8C728; + border: 2px solid #000; } .gallery .ui-content { overflow: hidden; @@ -339,6 +341,7 @@ nav li ul li a:hover { margin: 0 !important; padding: 5px; background: none; + display: none; } .captionWrapper { display: block; @@ -478,6 +481,10 @@ address { #footer { clear: both; } +#inside #footer { + margin-top: 1em; + padding-top: 2em; + } #footer ul, #footer li { display: block; list-style-type: none;