master.css in barometer-0.6.1

- old
+ new
@@ -1,258 +1,516 @@
-/* nothing to see here */
\ No newline at end of file
+/*
+	Copyright: Blake Mizerany, www.sinatrarb.com
+	Permission Pending
+*/
+
+body {
+  color:#000;
+  font-family:'lucida grande', 'lucida sans unicade', sans-serif;
+  font-size:100%;
+  line-height:1.3;
+  background-color:#fff;
+  margin:0;
+  padding:0;
+}
+
+/* HEADER */
+#head {
+  text-align:center;
+}
+#head img {
+  vertical-align:middle;
+  margin:-10px 0 0 -82px;
+  padding:0 15px 0 0;
+  border:0;
+}
+#head h1 {
+  color:#000;
+  font-family:'georgia', 'bitstream vera serif', serif;
+  font-size:4em;
+  font-weight:normal;
+  letter-spacing:-3px;
+  line-height:1;
+  margin:0;
+  padding:20px 0 8px 0;
+}
+#head h1 a, #head h1 a:link, #head h1 a:visited, #head h1 a:hover {
+  color:#100;
+  text-decoration:none;
+}
+#head ul {
+  font-size:1.1em;
+  font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
+    "consolas", monospace;
+  font-weight:normal;
+  text-transform:uppercase;
+  letter-spacing:2px;
+  text-align:center;
+  margin:0;
+  padding:0 40px 0.25em 40px;
+}
+#head ul li {
+  display:inline;
+  list-style-type:none;
+  padding:0 0.5em 0 0;
+}
+#head ul a, #head ul a:link, #head ul a:visited {
+  color:#56534f;
+  text-decoration:none;
+}
+#head ul a:hover {
+  color:#000;
+  text-decoration:underline
+}
+
+/* CONTENT */
+
+#content {
+  color:#333;
+  font-size:1.1em;
+  max-width:44em;
+  min-width:27em;
+  margin:7px auto;
+  border-top:2px solid #837d7c;
+}
+strong {
+  font-weight:bold;
+}
+
+/* HEADINGS */
+
+h1, h2, h3, h4, h5, h6 {
+  color:#000;
+}
+h1, h2 {
+  color:#211d1f;
+  font-family:'georgia', 'bitstream vera serif', serif;
+  font-weight:normal;
+}
+h1 a, h2 a { color:#222 }
+h1 {
+  font-size:2.25em;
+  letter-spacing:-1px;
+  margin-bottom:0;
+}
+h2 {
+  font-size:1.5em;
+  letter-spacing:-1px;
+  margin:1.25em 0 -0.32em 0;
+}
+h3 {
+  color:#211d1f;
+  font-size:1.02em;
+  font-weight:bold;
+  margin:1.8em 0 -0.25em 0;
+  letter-spacing:-1px;
+}
+h3 a {
+  color:#000;
+  text-decoration:underline;
+}
+
+/* LINKS */
+a {
+  color:#000;
+  text-decoration:underline;
+}
+a:hover {
+  color:#910;
+  text-decoration:underline;
+}
+a img {
+  border:none;
+}
+a.out {
+  background: url('/images/link-out.gif') center right no-repeat;
+  padding-right: 12px;
+}
+
+
+/* CODE */
+
+code, pre, textarea, tt {
+  font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
+    "consolas", monospace;
+}
+pre {
+  font-size:0.85em;
+  background:#f4f5f5;
+  border:2px solid #d5d0d2;
+  padding:0.5em;
+  line-height:1.15;
+  color:#222;
+}
+code, tt {
+  font-size:0.85em;
+  color:#444;
+}
+h1 code, h2 code, h3 code, h4 code {
+  color:#333;
+}
+pre code {
+  font-size:1em;
+  color:#222;
+}
+
+/* MISC */
+
+hr {
+  margin:3em 0;
+  padding:0;
+  color:#eee;
+}
+
+/* HOME */
+
+body#home {
+  background: #fff url(../images/legend.gif) no-repeat fixed right 130px;
+}
+#home #content {
+  font-size:1.05em;
+  margin:20px 0 0 0;
+  padding:0 20px;
+  border-width:0;
+}
+#home #head, #home #foot {
+  display:none;
+}
+.pipe {
+  clear:both;
+  padding:50px 0;
+}
+.pipe p {
+  color:#000;
+  font-size:62px;
+  font-family:'georgia', 'bitstream vera serif', serif;
+  letter-spacing:-3px;
+  line-height:1;
+  text-align:right;
+  margin:0em 43% 0 0;
+  padding:0 60px 0 0;
+}
+.pipe pre {
+  float:right;
+  background:transparent;
+  font-size:28px;
+  margin:0;
+  padding:5px 0 0 0;
+  width:42%;
+  border-width:0;
+}
+.pipe pre code {
+  color:#666;
+  background:transparent;
+}
+.pipe.shell p {
+  font-size:56px;
+}
+.pipe.shell pre {
+  font-size:18px;
+}
+.pipe.nav p {
+  font-size:100px;
+  letter-spacing:-6px;
+}
+.pipe.nav pre {
+  font-size:36px;
+  padding-top:20px;
+  text-transform:uppercase;
+  letter-spacing:4px;
+  line-height:1.25;
+}
+.pipe.nav {
+  padding:25px 0 50px 0;
+}
+.pipe.nav a, .pipe.nav a:link, .pipe.nav a:visited {
+  color:#444;
+  text-decoration:none;
+}
+.pipe.nav a:hover {
+  color:#000;
+  text-decoration:underline;
+}
+
+form {
+	text-align: center;
+}
+	
+form .text-input input {
+	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
+	margin: 10px 0 5px 10px;
+	color: #686868;
+	font-size: 40px;
+	text-align: left;
+	text-transform: lowercase;
+}
+
+form .submit-input input {
+	position: relative;
+	margin: 0 7% 0 0;
+	float: right;
+}
+
+form .options-input {
+	position: relative;
+	margin: 0 7% 0 0;
+	float: left;
+	text-align: left;
+}
+