Log styling

2011-10-10 11:37:42 +02:00
parent e154ee59d2
commit 4aaac7cf87
4 changed files with 53 additions and 14 deletions
@@ -1,9 +1,13 @@
 .page.log .nav {
 	display: block;
 	text-align: center;
-	padding: 0;
-	margin: 40px 0 20px;
+	padding: 20px 0;
+	margin: 0;
 	font-size: 20px;
+	position: fixed;
+	width: 960px;
+	bottom: 0;
+	background: #4E5969;
 }

 	.page.log .nav li {
@@ -28,3 +32,34 @@
 	font-size: 20px;
 	padding: 50px;
 }
+
+.page.log .container {
+	padding: 30px 0 60px;
+	overflow: hidden;
+}
+
+.page.log .container span {
+	float: left;
+	width: 86%;
+	line-height: 150%;
+	padding: 3px 1%;
+	border-top: 1px solid rgba(255, 255, 255, 0.2);
+	font-size: 11px;
+	font-family: Lucida Console, Monaco, Nimbus Mono L;
+}
+
+	.page.log .container .error {
+		color: #FFA4A4;
+		white-space: pre-wrap;
+	}
+	.page.log .container .debug { color: lightgrey; }
+
+	.page.log .container .time {
+		clear: both;
+		width: 11%;
+		color: lightgrey;
+		padding: 3px 0;
+	}
+	
+	.page.log .container .time:last-child { display: none; }
+