Fixing some loading/focus/active style

panikweb_templates/static/css/general.css

@@ -17,14 +17,14 @@ a {
 a:hover {
     text-decoration: underline;
 }
-a.block:hover{
+a.block:hover,nav a:hover{
     text-decoration: none;
 }
 button:hover {
 	opacity:0.8;
 }
-a.active, button.active{
-	opacity:0.2;
+a.active, button.active,a.loading, button.loading, a:focus, button:focus{
+	color:#4183C4 !important;
 }
 button, .button{
 	margin:0 0 0 0  !important;
@@ -244,8 +244,7 @@ nav a.active, nav button.active{
 	margin:auto;
 }
 
-a.loading, button.loading{
-	color:#4183C4 !important;
+.loading{
    -webkit-animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
    -o-animation: loading 1s infinite linear;

panikweb_templates/static/css/specifics.css

@@ -167,9 +167,14 @@ button.tag {
 	overflow:hidden;
 }
 #metaNav ul li a{
+	display:inline-block;
 	color:white;
 	letter-spacing:1px;
 }
+#metaNav *:focus, #metaNav .active{
+	color:black;
+	background-color:white;
+}
 
 
 /* PANIK LOGO */