Black & white variant

panikweb_templates/static/css/reset.css

@@ -20,7 +20,6 @@ time, mark, audio, video {
     border: 0;
     font-size: 100%;
     /*font: inherit;*/
-    vertical-align: middle;
 	color:inherit;
 }
 /* HTML5 display-role reset for older browsers */

panikweb_templates/static/css/specifics.css

@@ -41,7 +41,7 @@
 	margin: 0.2em 0 0.2em 0;
 }
 #Main .sectionLabel{
-	color:#0000ff;
+	color:#111111;
 	margin-bottom:1em;
 }
 .iconLabel{margin-left:0.1em;}
@@ -273,8 +273,12 @@ body{
 	display: none;
 }
 
-#metaNav .active, #metaNav a:focus, #metaNav a:hover{
-	background:#0000ff !important;
+#metaNav a:focus, #metaNav a:hover{
+    opacity:0.8;
+}
+#metaNav ul li.active, #metaNav ul li.active a{
+	background:#fff !important;
+    color:#111111;
 	font-weight:normal;
 }
 @media screen and (max-width:600px){
@@ -320,16 +324,12 @@ body{
 /****  SCREEN NAV ****/
 #Nav{
 	text-align:center;
-	background:#0000ff;
+	background:#111111;
 }
 #Nav nav{padding:0.1em;}
 #Nav *{	color:white; border-color:#white;}
 /*#Nav form{background:#800000;}*/
 #Nav input{color:#333;}
-#Nav .active,#Nav .active *{
-	color:white !important;
-	font-weight:bold;
-}
 #Nav ul li button,
 #Nav ul li a {
 	border-width:0 0 2px 0;
@@ -337,11 +337,11 @@ body{
 	border-color: transparent;
 }
 
-#Nav ul li button.active,
-#Nav ul li a.active{
-	border-width:0 0 2px 0;
-	border-style:solid;
-	border-color: white;
+#Nav .active,#Nav .active *{
+	font-weight:bold;
+	background: white;
+    color:#111111;
+    padding:0.3em;
 }
 #Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
 
@@ -766,7 +766,7 @@ body{
 }
 .newsRoll .labels .item{
 	display:block;
-	background:#0000ff;
+	background:#111111;
 	color:white;
 	margin:0.1em;
 	font-size:0.9em;