white layout

astro · Oct 2, 2010 · 68cf541 · 68cf541
1 parent c5caae2
commit 68cf541
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 61 deletions.
diff --git a/logo.svg b/logo.svg
diff --git a/public/logo.png b/public/logo.png
diff --git a/public/style.css b/public/style.css
@@ -2,15 +2,14 @@ body {
   width: 40em;
   margin: 0 auto;
   padding: 0;
-  background-color: #222;
-  color: white;
+  background-color: white;
+  color: #666;
   font-family: sans-serif;
 }
 
 div.head {
-  margin: 0;
+  margin: 0.2em 0;
   padding: 0;
-  background-color: black;
 }
 p.shareurl { 
   float: right;
@@ -28,7 +27,7 @@ p.slogan {
 }
 h1 {
   font-size: 0;
-  color: black;
+  color: white;
   padding: 0;
   margin: 0;
 }
@@ -40,9 +39,11 @@ h1:after {
 }
 
 div.content { 
-  background-color: #333;
+  background-color: #f3f3f3;
   margin: 0;
   padding: 1em 1.5em;
+  border-radius: 1em;
+  -moz-border-radius: 1em;
 }
 
 div.content .right {
@@ -62,8 +63,8 @@ h2 {
   font-size: x-large;
   //font-style: oblique;
   font-variant: small-caps;
-  color: #ccc;
-  text-shadow: #666 2px 1px 0;
+  color: #777;
+  text-shadow: #aaa 2px 1px 0;
   margin: 0;
   padding: 0.1em 0;
 }
@@ -74,28 +75,17 @@ h2 {
 }
 
 .box {
-  background-color: #666;
-  border-radius: 0.4em;
-  -moz-border-radius: 0.4em;
-  border-top: 1px solid #888;
-  border-left: 1px solid #888;
-  border-right: 1px solid black;
-  border-bottom: 1px solid black;
   padding: 0.3em 0.4em;
   margin: 0.5em 0;
+  background-color: white;
+  border-radius: 0.3em;
+  -moz-border-radius: 0.3em;
 }
 .box p { 
   padding: 1em 0 0;
   margin: 0;
 }
 .box .inner {
-  background-color: #333;
-  border-radius: 0.3em;
-  -moz-border-radius: 0.3em;
-  border-top: 1px solid black;
-  border-left: 1px solid black;
-  border-right: 1px solid #888;
-  border-bottom: 1px solid #888;
   padding: 0.1em 0.4em;
   margin: 0;
 }
@@ -111,15 +101,6 @@ h2 {
   text-align: right;
 }
 
-#remote h3 {
-  font-family: monospace;
-  font-weight: bold;
-  font-size: medium;
-  color: #ddd;
-  text-shadow: #666 2px 1px 0;
-  margin: 0;
-  padding: 0.2em 0;
-}
 ul#remote {
   padding: 0;
   margin: 0.2em 0 0.5em 0;
@@ -132,17 +113,25 @@ ul#remote li a:before {
 }
 ul#remote li a {
   text-decoration: none;
-  color: white;
-  text-shadow: #666 1px 1px 2px;
+  color: black;
 }
 ul#remote li a:hover {
   text-decoration: none;
-  color: white;
-  text-shadow: #white 1px 1px 2px;
+  color: black;
+  text-shadow: #333 1px 1px 2px;
 }
-.size {
+ul#remote li .meta {
+  display: block;
   color: #aaa;
+  font-size: x-small;
+}
+.size {
   font-weight: bold;
+}
+.by {
+  color: #aaa;
+  text-shadow: #bbb 1px 0 1px;
+  font-family: monospace;
   font-size: x-small;
 }