Hell zu Dunkel

home/homepage.css

@@ -1,16 +1,16 @@
 body {
-	background-color: red;
+	background-color: #1a1a1a;
 	margin: 0px;
 	padding: 0px;
-	background-color: white;
 	font-family: "Arial";
 	font-size: 20px;
 	font-weight: bold;
 	text-align: center;
+	color: #e0e0e0;
 }
 
 a {
-	color: #444444;
+	color: #cccccc;
 	text-decoration: none;
 	outline: none;
 }
@@ -26,11 +26,11 @@ a img {
 	font-family: "Arial";
 	font-weight: normal;
 	font-size: 16px;
-	color: #888888;
+	color: #aaaaaa;
 }
 
 #message {
-	color: #444444;
+	color: #cccccc;
 	font-family: "Arial";
 	font-size: 16px;
 }
@@ -40,16 +40,16 @@ a img {
 	width: 100%;
 	padding-top: 20px;
 	margin-top: 80px;
-	border-top: 1px #CCCCCC solid;
+	border-top: 1px #444444 solid;
 	;
-	color: grey;
+	color: #888888;
 	font-family: "Arial";
 	font-size: 13px;
 	text-decoration: none;
 }
 
 #logoutlink {
-	color: #888888;
+	color: #aaaaaa;
 	text-decoration: underline;
 }
 
@@ -67,7 +67,7 @@ a img {
 .category-title {
 	position:relative;
 	display: inline-block;
-	color: grey;
+	color: #cccccc;
 	font-size: 24px;
 	font-weight:bold;
 	text-align: center;
@@ -77,7 +77,7 @@ a img {
 .category-title .tooltip {
   visibility: hidden;
   width: 140px;
-  background-color: grey;
+  background-color: #333333;
   color: #fff;
   font-size: 16px;
   text-align: center;
@@ -102,7 +102,7 @@ a img {
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
-  border-color: grey transparent transparent transparent;
+  border-color: #333333 transparent transparent transparent;
 }
 
 .category-title:hover .tooltip {
@@ -112,7 +112,7 @@ a img {
 
 .category {
 	display: inline-block;
-	background-color: #EEEEEE;
+	background-color: #333333;
 	width: 140px;
 	height: 140px;
 	border-radius: 50%;
@@ -122,10 +122,10 @@ a img {
 }
 
 .category-latest {
-	box-shadow: inset 0 0 0 6px white;
+	box-shadow: inset 0 0 0 6px #1a1a1a;
 	position:relative;
 	display: inline-block;
-	background-color: #EEEEEE;
+	background-color: #333333;
 	width: 84px;
 	height: 84px;
 	top: -50px;
@@ -186,7 +186,7 @@ a img {
 	height: 100px;
 	width: 100%;
 	margin-bottom: 60px;
-	border-bottom: 1px #CCCCCC solid;
+	border-bottom: 1px #444444 solid;
 	background-image: url('{{rootPath}}/theme/common/banner.png');
 	background-repeat: no-repeat;
 	background-position: 20px;