[tor-commits] [nyx/master] Lighter link hover

[atagar at torproject.org]

commit 6623296e5d33ee27f267e9893884d397d80b6de3
Author: Damian Johnson <atagar at 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 {