commit 6623296e5d33ee27f267e9893884d397d80b6de3 Author: Damian Johnson <atagar@torproject.org> Date: Sun Jul 23 21:50:18 2017 -0700 Lighter link hover Important for us to have a noticeable hover so folks can tell they're links. Also sorting the style attributes. I'd like it if there was a better ortanizational structure we could use but not sure what it is... --- web/styles.css | 40 ++++++++++++++++++++++------------------ 1 file changed, 22 insertions(+), 18 deletions(-) diff --git a/web/styles.css b/web/styles.css index f784237..d2faa47 100644 --- a/web/styles.css +++ b/web/styles.css @@ -1,5 +1,5 @@ body { - background: #202228 url("images/grid.png"); + background: url("images/grid.png"); font-family: "FreeSans", "Arial", "Helvetica", sans-serif; line-height: 1.231; margin: 0px; @@ -11,31 +11,35 @@ a { text-decoration: none; } +a:hover { + color: #dca85f; +} + .header { - height: 97px; background-color: black; border-bottom: 10px solid #825d27; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.80); + height: 97px; } .header-body { margin: 0px auto; - text-align: center; max-width: 770px; + text-align: center; } #logo { + background: url("images/logo.png") no-repeat 0px 20px; float: left; - width: 300px; height: 120px; - background: url("images/logo.png") no-repeat 0px 20px; margin: 0px; + width: 300px; } .nav { float: right; - margin: 0px; font-size: 14px; + margin: 0px; } .nav li { @@ -43,15 +47,15 @@ a { } .nav a { - font-weight: normal; - display: inline-block; - padding: 6px 15px; background: #825d27; border: 1px solid #47351c; - border-top: none; - color: #FFFFFF; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; + border-top: none; + color: #FFFFFF; + display: inline-block; + font-weight: normal; + padding: 6px 15px; } .nav a:hover { @@ -77,12 +81,12 @@ a { .content { background: white; + border-radius: 10px; + box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.80); margin: 50px auto 0px auto; max-width: 630px; - border-radius: 10px; - text-align: center; padding: 50px; - box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.80); + text-align: center; } .header-line { @@ -95,13 +99,13 @@ a { } .content h1 { - display: inline-block; - position: relative; - color: #856231; - margin: 0px auto; background: white; + color: #856231; + display: inline-block; font-size: 28px; + margin: 0px auto; padding: 0 15px; + position: relative; } .content p {