Skip to content

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

Merged
merged 6 commits into from Jul 13, 2011
View
1 index.html
@@ -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') {
View
1 styles/lessismore-min.css
@@ -0,0 +1 @@
+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:#f5f5f5;background:rgba(245,245,245,0.9);width:960px}h1:after{content:" *Less is more.";font-size:20%}nav{width:250px;float:left;margin:0 10px 0 0}nav a{border:0}nav ul,nav ul li{list-style:none;padding:0}nav ul li{display:block;margin:0 0 10px 0;padding:5px 0;overflow:hidden;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:680px;padding-right:20px}ol{margin:0;padding:0}footer{clear:both;text-align:center}
View
99 styles/lessismore.css
@@ -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;
+}
Something went wrong with that request. Please try again.