Theme improvements

themes/marcriera/static/css/theme.css

@@ -72,7 +72,7 @@ a:visited {
 
 a:hover,
 a.selected {
-  color: #BBBBBB;
+  color: #4C454F;
 }
 
 
@@ -118,6 +118,7 @@ nav ul {
   list-style-type: none;
   padding: 0;
   margin-bottom: 0px;
+  left: 0;
 }
 
 nav ul.first > li {
@@ -130,6 +131,18 @@ nav ul li a {
   font-size: 90%;
 }
 
+nav ul.first > li a,
+nav ul.second > li a {
+  padding: 10px 10px 10px 10px;
+  background: #7C454F;
+}
+
+nav ul.first > li a:hover,
+nav ul.second > li a:hover {
+  color: #DDDDDD;
+  background: #8C454F;
+}
+
 
 
 /* Language selector */
@@ -187,7 +200,7 @@ nav ul li a {
 
 /* Footer */
 
-#footer {
+footer {
   text-align: center;
   padding: 10px 20px 10px 20px;
   clear: both;
@@ -210,7 +223,7 @@ nav ul li a {
 
 /* Page content */
 
-#content {
+main {
   padding: 10px 20px 10px 20px;
   margin-bottom: 20px;
   margin-top: 20px;
@@ -222,18 +235,18 @@ nav ul li a {
   color: #777;
 }
 
-#content .timestamp {
+main .timestamp {
   padding-bottom: 1em;
 }
 
-#content a:link,
-#content a:active,
-#content a:visited {
+main a:link,
+main a:active,
+main a:visited {
   color: #EEEEEE;
 }
 
-#content a:hover,
-#content a.selected {
+main a:hover,
+main a.selected {
   color: #CCCCCC;
 }
 
@@ -251,20 +264,22 @@ nav {
   padding-right: 1.25em;
 }
 
+nav ul li a {
+  width: 140px;
+
+}
+
 nav ul.first > li {
   display: inline-block;
   position: relative;
-  background: #7C454F;
-  padding: 10px 10px 10px 10px;
 }
 
 nav ul.second,
 nav ul.third {
+  top: 40px;
   display: none;
   position: absolute;
-  background: #000000;
-  width: 160px;
-  box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
+  background: #5C353F;
 }
 
 nav ul.first li:hover ul.second,
@@ -272,11 +287,6 @@ nav ul.second li:hover ul.third {
   display: block;
 }
 
-nav ul.second li a,
-nav ul.third li a {
-  padding: 0.75em 1em;
-}
-
 nav ul.second {
   z-index: 2;
 }
@@ -366,19 +376,6 @@ nav {
   margin-bottom: 20px;
 }
 
-nav ul.first > li a,
-nav ul.second > li a {
-  display: block;
-  padding: 5px 20px 5px 20px;
-  background: #7C454F;
-}
-
-nav ul.first > li a:hover,
-nav ul.second > li a:hover {
-  color: #DDDDDD;
-  background: #9E4B5A;
-}
-
 nav ul.first {
   margin-top: 0px;
 }
@@ -387,6 +384,10 @@ nav ul.second > li a {
   padding-left: 40px;
 }
 
+nav ul a {
+  text-align: left;
+}
+
 
 /* Language selector */