Permalink
Browse files

Basic text description of how this works. First pass at a form.

  • Loading branch information...
1 parent ad81075 commit 9892c56a8f74500c1e74d217efa642a35c2c83ae @nathanhammond nathanhammond committed Nov 9, 2013
Showing with 17 additions and 2 deletions.
  1. +1 −1 public/css/main.css
  2. BIN public/img/typepadcss.jpg
  3. +16 −1 public/index.html
View
@@ -97,7 +97,7 @@ textarea {
Author's custom styles
========================================================================== */
-
+label { display: block; }
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -18,8 +18,23 @@
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
-
+ <h1>CSS Negater</h1>
<iframe src="http://nodeknockout.com/iframe/ally" frameborder=0 scrolling=no allowtransparency=true width=115 height=25></iframe>
+ <p>When you wake up in cold sweats in the middle of the night because of this:</p>
+ <p><img src="img/typepadcss.jpg" alt="Theming form with just CSS." /></p>
+
+ <p>The CSS negater has your back. Completely eliminate all included-by-default CSS with a negation stylesheet.</p>
+
+ <h2>Let's do it!</h2>
+ <form id="parse" action="" method="get"><div>
+ <label for="url">Page to negate: <input type="url" name="url" id="url" placeholder="eg. http://www.google.com" /></label>
+ <ul>
+ <li><label for="displaynone"><input type="checkbox" id="displaynone" name="displaynone"/> Don't reset display: none;</label></li>
+ <li><label for="displaynone"><input type="checkbox" id="displaynone" name="displaynone"/> Don't reset display: none;</label></li>
+ <li><label for="displaynone"><input type="checkbox" id="displaynone" name="displaynone"/> Don't reset display: none;</label></li>
+ </ul>
+ <input type="submit" value="Negate!" />
+ </div></form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>

0 comments on commit 9892c56

Please sign in to comment.