Permalink
Browse files

Initial commit.

  • Loading branch information...
0 parents commit cff8d2b3a4b510dbc753b6a68fcc16a1ff933035 @mathiasbynens committed Nov 25, 2011
@@ -0,0 +1 @@
+* text=auto
@@ -0,0 +1 @@
+.DS_Store
@@ -0,0 +1,7 @@
+# [Mothereffing web developer tools](http://mothereff.in/)
+
+This repository uses separate HTML and external CSS and JS files for clarity. On the live site all of this is minified and inlined together into a single HTML file per tool.
+
+## Credits
+
+Made by [Mathias Bynens](http://mathiasbynens.be/).
@@ -0,0 +1 @@
+Made by [Mathias Bynens](http://mathiasbynens.be/).
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,111 @@
+html, textarea {
+ font: 1em/1.6 sans-serif;
+}
+
+body {
+ max-width: 40em;
+ padding: 0 1em;
+}
+
+h1 {
+ text-align: center;
+ font-size: 1.3em;
+ margin: 0 0 .5em;
+ padding-top: 1em;
+}
+
+a {
+ color: #333;
+ text-decoration: none;
+ border-bottom: 1px solid #aaa;
+ padding: .1em .2em;
+}
+
+a:hover, a:focus {
+ color: #fff;
+ border-color: #036;
+ background: #36c;
+}
+
+#output a, textarea, code {
+ font-family: Monaco, Consolas, monospace;
+}
+
+#output a {
+ float: right;
+}
+
+#output p:first-child {
+ margin-top: 0;
+}
+
+#output p:last-child, #output ul:last-child {
+ margin-bottom: 0;
+}
+
+code {
+ font-size: .9em;
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+ul {
+ margin-bottom: 0;
+}
+
+
+blockquote {
+ margin: 0 0 1em;
+ border-left: .5em solid #e3e3e3;
+ padding-left: 10px;
+}
+
+#footer {
+ margin-top: 2em;
+ text-align: center;
+}
+
+textarea {
+ background: #eee;
+ border: 3px double grey;
+ width: 100%;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: block;
+ margin: 1em 0 .5em;
+ padding: .7em;
+ resize: vertical;
+ min-height: 9.5em;
+}
+
+#output {
+ padding: .5em;
+ border: 3px double green;
+ background: #90ee90;
+}
+
+#output.fail {
+ border-color: red;
+ background: #ffb6c1;
+}
+
+@media (min-width: 50em) {
+
+ html {
+ font-size: 1.2em;
+ background: #c4c4c4;
+ height: 100%;
+ }
+
+ body {
+ margin: 0 auto;
+ padding: 0 2em;
+ min-height: 100%;
+ background: #fff;
+ border: solid #aaa;
+ border-width: 0 1px;
+ }
+
+}
Oops, something went wrong.

0 comments on commit cff8d2b

Please sign in to comment.