Prettify CSS

Makes the CSS more readable and easier to maintain

Author: Sebastian Kippe

style.css

@@ -1,4 +1,8 @@
-html { background:#000; height: 100%; }
+html {
+  background: #000;
+  height: 100%;
+}
+
 body {
   margin: 0;
   min-height: 100%;
@@ -11,17 +15,73 @@ body {
   background-attachment: fixed;
 }
 
-#wrapper { font-size: 1.5em; width:480px; padding:50px; margin:0; }
+#wrapper {
+  font-size: 1.5em;
+  width: 480px;
+  padding: 50px;
+  margin: 0;
+}
+
+#remotestorage-widget {
+  top: 0.5em;
+  right: 0.5em;
+  position: absolute;
+}
+
+#background {
+  width: 100%;
+  position: fixed;
+  top: -100px;
+  left: 0;
+  z-index: -1;
+}
+
+#add-drink input {
+  float: left;
+  width: 380px;
+  height: 30px;
+  padding: 10px;
+  font-size: 24px;
+  border: none;
+}
+
+#add-drink button {
+  width: 80px;
+  height: 50px;
+  padding: 10px;
+  font-size: 24px;
+  background: #ccc;
+  border: none;
+  cursor: pointer;
+}
+
+#add-drink button:hover {
+  background: #aaa;
+}
 
-#remotestorage-widget { top:0; right:1em; position:absolute }
+li {
+  line-height: 1.5em;
+}
 
-#background { width:100%; position:fixed; top:-100px; left:0; z-index:-1; }
-#background-credit { position:fixed; bottom:5px; right:10px; font-size:10px; opacity:.3; white-space:nowrap; }
-#background-credit a { color:#fff; }
+li span {
+  cursor: pointer;
+  opacity: 0.3;
+}
 
-#add-drink input { float:left; width:380px; height:30px; padding:10px; font-size:24px; border:none;}
-#add-drink button { width:80px; height:50px; padding:10px; font-size:24px; background:#ccc; border:none; cursor:pointer; }
-#add-drink button:hover { background:#aaa; }
+li span:hover {
+  opacity: 1;
+}
+
+#background-credit {
+  position: fixed;
+  bottom: 5px;
+  right: 10px;
+  font-size: 10px;
+  opacity: 0.3;
+  white-space: nowrap;
+}
+
+#background-credit a {
+  color: #fff;
+}
 
-li span { cursor:pointer; opacity:.3; }
-li span:hover { opacity:1; }