My 'Less is more' style. Thanks. #58

Merged
merged 6 commits into from Jul 13, 2011
View
@@ -47,6 +47,7 @@
<link rel="stylesheet alternate" href="styles/smile.css" title="smile" data-id="smile" data-author-name="Michael Scharnagl" data-author-url="http://twitter.com/realmuecke">
<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/lessismore.css" title="Less is More" data-id="lessismore" data-author-name="Rob Balfre" data-author-url="http://twitter.com/rob_balfre">
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script>
if (window.location.host === 'css1k.com') {

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,99 @@
+/* CSS1K entry
+ * "Less is more" by Rob Balfre (http://twitter.com/rob_balfre)
+ * This file is unminified for legibility, for size proof add '-min' to the end of the filename */
+
+body {
+ font: 14px/1.9 Palatino Linotype, Book Antiqua3, Palatino, serif;
+ background: #f5f5f5;
+ width: 960px;
+ margin: 0 auto;
+ color: #444;
+ padding-top: 140px;
+}
+
+a {
+ color: #444;
+ text-decoration:none;
+ border-bottom: 1px dotted #444;
+}
+
+a:hover {
+ color: #DD4B39;
+ border-color:#DD4B39;
+}
+
+h1 {
+ font-size: 500%;
+ padding: 0;
+ position: fixed;
+ top: -50px;
+ background: rgb(245, 245, 245);
+ background: rgba(245, 245, 245, 0.9);
+ width: 960px;
+}
+
+h1:after {
+ content:" *Less is more.";
+ font-size:20%;
+}
+
+nav {
+ width: 250px;
+ float: left;
+ margin-right:30px;
+}
+
+nav a {
+ border: none;
+}
+
+nav ul, nav ul li {
+ list-style: none;
+ padding: 0;
+}
+
+nav ul li {
+ display: block;
+ margin-bottom:10px;
+ padding: 5px 0;
+ overflow: hidden;
+ -webkit-transition: .2s padding;
+ -moz-transition: .2s padding;
+ -o-transition: .2s padding;
+ transition: .2s padding;
+ border-radius: 2px;
+}
+
+nav ul li a:hover {
+ color: #fff;
+ border-bottom: 1px dotted #fff;
+}
+
+nav ul li a:last-child:before {
+ content: " by ";
+}
+
+nav ul li:hover {
+ background: #DD4B39;
+ padding-left: 10px;
+}
+
+nav ul li:hover a, nav ul li:hover a:last-child:before {
+ color: #fff;
+}
+
+[role] {
+ float: left;
+ width: 660px;
+ padding-right:20px;
+}
+
+ol {
+ margin:0;
+ padding: 0;
+}
+
+footer{
+ clear: both;
+ text-align: center;
+}