From 2aefb92183366e54c3f24d0d8deb21e3e3ea95ee Mon Sep 17 00:00:00 2001
From: Ander <andersanmiguel@gmail.com>
Date: Sat, 27 Oct 2012 16:31:12 +0200
Subject: [PATCH 1/2] Added my own proposal, responsive gray

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 69c3b91..95de425 100644
--- a/index.html
+++ b/index.html
@@ -74,6 +74,7 @@
     <link rel="stylesheet alternate" href="styles/inrainbows.css" title="In Rainbows" data-id="inrainbows" data-author-name="Maaike de Laat" data-author-url="http://maaikedelaat.nl">
     <link rel="stylesheet alternate" href="styles/therhythm.css" title="The Rhythm" data-id="therhythm" data-author-name="Roman Komarov" data-author-url="http://kizu.ru/en/">
     <link rel="stylesheet alternate" href="styles/simplebox.css" title="SimpleBox" data-id="simplebox" data-author-name="Rael Max" data-author-url="http://raelmax.com">
+    <link rel="stylesheet alternate" href="styles/rgd.css" title="Responsive gray" data-id="rgd" data-author-name="Ander San Miguel" data-author-url="http://lacuevaenruso.com">
     <link rel="alternate" href="http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=css1k" type="application/rss+xml" title="CSS1K news on Twitter">
     <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
     <script>

From db64a6a9926479e34ed43f044b692aacb172beb4 Mon Sep 17 00:00:00 2001
From: Ander <andersanmiguel@gmail.com>
Date: Sat, 27 Oct 2012 16:33:49 +0200
Subject: [PATCH 2/2] Added my own proposal, responsive gray

---
 index.html         |  1 -
 styles/rgd-min.css |  1 +
 styles/rgd.css     | 94 ++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 95 insertions(+), 1 deletion(-)
 create mode 100644 styles/rgd-min.css
 create mode 100644 styles/rgd.css

diff --git a/index.html b/index.html
index 95de425..69c3b91 100644
--- a/index.html
+++ b/index.html
@@ -74,7 +74,6 @@
     <link rel="stylesheet alternate" href="styles/inrainbows.css" title="In Rainbows" data-id="inrainbows" data-author-name="Maaike de Laat" data-author-url="http://maaikedelaat.nl">
     <link rel="stylesheet alternate" href="styles/therhythm.css" title="The Rhythm" data-id="therhythm" data-author-name="Roman Komarov" data-author-url="http://kizu.ru/en/">
     <link rel="stylesheet alternate" href="styles/simplebox.css" title="SimpleBox" data-id="simplebox" data-author-name="Rael Max" data-author-url="http://raelmax.com">
-    <link rel="stylesheet alternate" href="styles/rgd.css" title="Responsive gray" data-id="rgd" data-author-name="Ander San Miguel" data-author-url="http://lacuevaenruso.com">
     <link rel="alternate" href="http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=css1k" type="application/rss+xml" title="CSS1K news on Twitter">
     <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
     <script>
diff --git a/styles/rgd-min.css b/styles/rgd-min.css
new file mode 100644
index 0000000..3966806
--- /dev/null
+++ b/styles/rgd-min.css
@@ -0,0 +1 @@
+body{background:#888;color:#fff;margin:0 auto;max-width:1200px;font-family:sans-serif;padding-left:2%;} a{color:#222;} a:hover{color:#444;} h1,nav,article{box-shadow:0 1px 5px 3px #666;} h1,nav{background:#222;} h1{margin-top:0;padding:6% 2% 1%;font-size:5em;float:left;} nav{max-width:30%;padding:0 2%;float:right;margin-right:2%;} nav h2{padding:9px;} nav ul{list-style:none;padding-left:0;} nav ul li{margin-bottom:.5em;} nav ul li a{color:#999;font-size:.8em;text-decoration:none;} nav ul li a:first-child{color:#fff;padding:.3em;} article{background:#eee;padding:3%;color:#444;max-width:60%;clear:left;} article:after,footer:after{display:block;content:" ";clear:left;} section{width:46%;float:left;margin-right:4%;} @media screen and (max-width: 800px){section{width:98%;float:none;}}@media screen and (max-width: 400px){h1,nav,ul,article,footer,h2{max-width:98%;float:none;margin:0;padding-left:1%;padding-right:1%;} ul{display:none;} nav:hover ul,nav:focus ul{display:block;}}
diff --git a/styles/rgd.css b/styles/rgd.css
new file mode 100644
index 0000000..c96a1c2
--- /dev/null
+++ b/styles/rgd.css
@@ -0,0 +1,94 @@
+body {
+  background: #888;
+  color: #fff;
+  margin: 0 auto;
+  max-width: 1200px;
+  font-family: sans-serif;
+  padding-left: 2%;
+}
+a {
+  color: #222;
+}
+a:hover {
+  color: #444;
+}
+h1, nav, article {
+  box-shadow: 0 1px 5px 3px #666;
+}
+h1, nav {
+  background: #222;
+}
+h1 {
+  margin-top: 0;
+  padding: 6% 2% 1%;
+  font-size: 5em;
+  float: left;
+}
+nav {
+  max-width: 30%;
+  padding: 0 2%;
+  float: right;
+  margin-right: 2%;
+}
+nav h2 {
+  padding: 9px;
+}
+nav ul {
+  list-style: none;
+  padding-left: 0;
+}
+nav ul li {
+  margin-bottom: .5em;
+}
+nav ul li a {
+  color: #999;
+  font-size: .8em;
+  text-decoration: none;
+}
+nav ul li a:first-child {
+  color: #fff;
+  padding: .3em;
+}
+article {
+  background: #eee;
+  padding: 3%;
+  color: #444;
+  max-width: 60%;
+  clear: left;
+}
+article:after, footer:after {
+  display: block;
+  content: " ";
+  clear: left;
+}
+section {
+  width: 46%;
+  float: left;
+  margin-right: 4%;
+}
+@media screen and (max-width: 800px) {
+  section {
+    width: 98%;
+    float: none;
+  }
+}
+@media screen and (max-width: 400px) {
+  h1,
+  nav,
+  ul,
+  article,
+  footer,
+  h2 {
+    max-width: 98%;
+    float: none;
+    margin: 0;
+    padding-left: 1%;
+    padding-right: 1%;
+  }
+  ul {
+    display: none;
+  }
+  nav:hover ul, nav:focus ul {
+    display: block;
+  }
+}